@media (max-width: 768px) {
body { cursor: pointer; -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none }
}
body { border-top:20px #C4272E solid; min-width:380px; }
.ovh { overflow: hidden }
* { -webkit-font-smoothing: antialiased }
input, textarea, a { -webkit-tap-highlight-color: transparent }
textarea { -webkit-appearance: none }
html { font-size: 20px; font-family: "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft YaHei", "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei Light", "Pingfang sc regular", Helvetica, Tahoma, sans-serif }
@media only screen and (min-width: 360px) {
html { font-size: 26px !important }
}
@media only screen and (min-width: 435px) {
html { font-size: 32px !important }
}
@media only screen and (min-width: 500px) {
html { font-size: 36px !important }
}
@media only screen and (min-width: 769px) {
html { font-size: 40px !important }
}
@media only screen and (min-width: 1025px) {
html { font-size: 48px !important }
}
ul, li { float: none }
a { cursor: pointer }
@media (max-width: 1024px) {
[data-parallax] {
transform:none !important
}
}
.in-block, .ex-btn-blue, .ex-btn-blue .text, .ex-btn-blue .icon, .nomore span, .ex-btn-gray, .ex-btn-gray .text, .ex-btn-gray .icon, .ex-btn-blue2, .ex-btn-blue2 .text, .ex-btn-blue2 .icon, .ex-btn-white, .ex-btn-white .text, .ex-btn-white .icon, .ex-share-box .icon, .ex-share-box .line, .ex-share-box .pos, .ex-tab-box .tab-box .link, .bocweb-header .bocweb-nav li .link span, .bocweb-header .bocweb-nav li .hide .sub-link .text, .bocweb-header-m .bocweb-nav li.dy .hide .form-box .btn .value, .bocweb-header-m .bocweb-nav li.dy .hide .form-box .btn .icon, .bocweb-header-m .bocweb-nav li.weibo .link .icon, .bocweb-header-m .bocweb-nav li.wechat .link .icon, .bocweb-footer.index-footer .fl .line, .bocweb-footer.inner-footer .form-box .input-box, .bocweb-footer.inner-footer .form-box .check-box, .bocweb-footer.inner-footer .top-box .bocweb-logo, .bocweb-footer.inner-footer .top-box .link-box .link, .bocweb-footer.inner-footer .btm-box .wrap .copyright a, .ex-sub-nav .link, .ex-sub-nav .icon, .banner-navigation .flex-control-nav li, .banner-navigation .flex-control-nav li a, .page a, .news .banner .items .video-btn span, .news-info .banner .items .video-btn span, .download .banner .items .video-btn span, .main_sw.index .box1 .items .video-btn span, .main_sw.sup .box1 .download-box .btn .icon, .main_sw.sup .box1 .download-box .btn .text, .main_sw.sup .box1 .form-box .input-group .title .icon, .main_sw.sup .box1 .form-box .input-group .title .text, .main_sw.sup .box1 .form-box .input-group .input-box .input-cont.file .text, .main_sw.sup .box1 .form-box .input-group .input-box .input-cont.file .btn, .main_sw.sup .box1 .form-box .input-group .input-box .input-cont.file .tips, .main_sw.join .box1 .list-box .list .text-box h4 span, .main_sw.join .box1 .swiper .swiper-pagination .swiper-pagination-switch, .main_sw.join-info .box1 .title-box .type-box .type, .main_sw.join-info .box1 .cont h4 span, .main_sw.join-info .box1 .btn-box a, .main_sw.about .box1 .list-box .list, .main_sw.news .box1 .wrap .tab-box .tab .line, .main_sw.news .box1 .wrap .tab-box .tab .year, .main_sw.news-info .box1 .type-box .type span, .main_sw.s01 .box1 .list-box .list, .main_sw.s01 .box1 .list-box .list span, .main_sw.s01 .box2 .wrap .text-box h4 span, .main_sw.s01 .box2 .wrap .text-box ul li, .main_sw.s01 .box5 .img-box, .main_sw.s01 .box5 .list-box .list, .main_sw.s01 .box5 .list-box .list span, .main_sw.s01 .box6 .wrap .list span, .pop-job-box .cont h4 span { display: inline-block; *display:inline;
*zoom:1
}
.text-hide, .main_sw.news-info .box1 .news-page .fl a, .main_sw.download .box1 .wrap .list-box .list .text-box .text { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.flex-control-paging li a.flex-active { background: transparent }
.user-select { -moz-user-select: none; moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }
.table { display: table; width: 100%; height: 100% }
.table .table-cell { display: table-cell; vertical-align: middle }
.img-cover, #qLoverlay .bg, .ex-large-banner .img, .main_sw.index .box1 .items .banner-bg2, .main_sw.index .box1 .items .city-box div, .main_sw.index .box2 .img-box .img, .main_sw.index .box4 .img-box .img, .main_sw.index .box3 .box-bg, .main_sw.index .box3 .video, .main_sw.index .box4 .img-box .flexslider .slides .items .pic, .main_sw.invest .box2 .box-bg, .main_sw.join .box1 .list-box .list .img-box .img, .main_sw.service .box1 .wrap .flexslider .slides .items .img, .main_sw.news-info .box2 .list-box .list .cont .img-box .img, .main_sw.download .box1 .wrap .list-box .list .img-box .img, .main_sw.s01 .banner .banner-bg, .main_sw.s01 .banner .s01-box div, .main_sw.s01 .box2 .wrap .img-box .img, .main_sw.s01 .box3 .wrap .img-box .img, .main_sw.s01 .box3 .wrap .cri-box .pos .img-bg { background-size: cover; background-position: center center; background-repeat: no-repeat }
button, input, textarea, select { border: none; border-radius: 0; outline: none; padding: 0 }
button:focus, input:focus, textarea:focus, select:focus { outline: none }
.ui-pnotify { background: #fff !important }

.w970 { width: 970px; margin: 0 auto }
@media (max-width: 1000px) {
.w970 { width: 94% }
}
/***************************************************************************/
.bocweb-logo { text-align:center; padding:30px 0; }

/***************************************************************************/
.nav { margin:20px auto; }
.nav li { width:20%; float:left; text-align:center; background:url(../images/nav-bg.png) no-repeat right center; }
.nav li a { color:#666; font-size:14px; }
.nav li:last-child { background:none; }


nav { position: fixed; top: 220px; left: 0; width:240px; }
@media(max-width:1200px) {
nav { left: -201px; }
}

.l-search { width:200px; background: #FFF; border-top:1px #CCCCCC solid; border-right:1px #CCCCCC solid; padding:15px 0 20px; }
.l-search h1 { float:left; width:100%; font-size:14px; padding-left:25px; padding-bottom:5px; }
.l-search input[type="text"] { float:left; width:100px; height:23px; line-height:22px; padding: 0 5px; border:1px #CCCCCC solid; border-right: 0; margin-left:25px; }
.l-search input[type="submit"] { float:left; width:36px; height:25px; border:1px #CCCCCC solid; border-left:0; background:url(../images/l-search-icon.png) #DEDEDE no-repeat center center; }

.l-quick { width:200px; background: #FFF; border-right:1px #CCCCCC solid; }
.l-quick a { display:block; border-bottom:1px #CCCCCC solid; padding-left:29px; line-height:44px; color:#333; }
.l-quick a.dt { background-color:#888888; font-size:14px; color:#FFF; font-weight:bold; padding-left:25px; }
.l-quick a.A { border-left:10px #C4272E solid; padding-left:19px; }

nav .nav-list { width: 200px; background: #FFF; border:1px #CCCCCC solid; -webkit-box-sizing: border-box; box-sizing: border-box; }

nav .nav-list>li { position: relative; list-style: none; float: left; text-align: center }
nav .nav-list>li { width: 100%; margin: 0; overflow: hidden }
nav .nav-list>li { margin-bottom: 15px }
nav .nav-list>li .active { color: #fff; background: #094fb7 }
nav .nav-list>li a { color: #5a5c5f; display: inline-block; line-height: 32px; padding: 1px 15px; margin: 0 10px; font-size: 15px; border-radius: 5px; text-decoration: none }
nav .nav-list>li a { width: 100%; border-radius: 0; margin: 0 }
nav .nav-list>li a:hover { color: #fff; background-color: #094fb7 }
nav .nav-list>li .menu { min-width: 100px; background: #fff; -webkit-box-shadow: 0 2px 10px #ccc; box-shadow: 0 2px 10px #ccc; position: absolute; border-radius: 5px; white-space: nowrap; left: 0; height: 0; overflow: hidden; -webkit-transition: 1s; transition: 1s }
nav .nav-list>li .menu { position: relative; width: 100%; text-align: center; border-radius: 0; -webkit-box-shadow: 0 -1px 7px #ccc inset; box-shadow: 0 -1px 7px #ccc inset }
nav .nav-list>li .menu li a { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 }
nav .nav-list>li:hover .menu { height: auto }
nav .nav-menu { display: none; z-index: 999; background: #fff; cursor: pointer }
@media(max-width:1200px) {
nav .nav-menu { display: block; width:25px; float: right; padding: 8px 5px; position: relative; border: 1px solid #ccc; border-radius: 5px; }
nav .nav-menu span { height: 2px; width: 100%; display: block; background: #C4272E; border-radius: 10px }
nav .nav-menu span+span { margin-top: 6px }
}
.open { left: 0%; }
.container-fluid { width: 100%; padding-bottom: 10px }
.carect { position: relative; width: 0; height: 0; margin-left: 5px; margin-bottom: 2px; border-top: 6px solid; border-left: 5px solid transparent; border-right: 5px solid transparent; border-radius: 10px; display: inline-block }



/***************************************************************************/
.banner { width:100%; height:560px; margin:60px auto; overflow:hidden; position:relative; }
.side { width:560px; height:560px; position:absolute; left:50%; top:50%; margin-left:-280px; margin-top:-280px; overflow:hidden; }
.side li { display:none; }
.side li img { max-width:100%; border-radius:100%; }
@media (max-width: 1350px) {
.banner { height:360px; }
.side { width:360px; height:360px; margin-left:-180px; margin-top:-180px; }
}
@media (max-width: 750px) {
.banner { height:260px; }
.side { width:260px; height:260px; margin-left:-130px; margin-top:-130px; }
}

.pgbanner { width:100%; height:560px; margin:60px auto; overflow:hidden; position:relative; }
.pgbanner img{ width:560px; height:560px; border-radius:100%; position:absolute; left:50%; top:50%; margin-left:-280px; margin-top:-280px; }
@media (max-width: 1350px) {
.pgbanner { height:360px; }
.pgbanner img{ width:360px; height:360px; margin-left:-180px; margin-top:-180px; }
}
@media (max-width: 750px) {
.pgbanner { height:260px; }
.pgbanner img{ width:260px; height:260px; margin-left:-130px; margin-top:-130px; }
}


/***************************************************************************/

h1.title { height:32px; position:relative; text-align:center; background:url(../images/h1-bg.png) repeat-x center center; }
h1.title span { text-align:center; min-width:130px; height:32px; line-height:31px; padding:0 100px; background-color:#C4272E; color:#FFF; display:inline-block; border-radius:32px; font-size:18px; }

.i-about { padding:30px 0; }
.i-about p { text-indent:2em; font-size:16px; line-height:30px; }

.i-news { margin:50px auto; }
.i-news li { float:left; width:100%; margin:5px 0; }
.i-news li span { float:left; width:80px; font-size:12px; color:#999; line-height:20px; }
.i-news li a { width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px);  float:left; font-size:14px; color:#666;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/***************************************************************************/

.swiper-container {  padding:40px 0 !important; }
.swiper-container .swiper-slide img { max-width:100%; border-radius:100%; }
.swiper-container .swiper-slide span { width:100%; display:block; margin-top:20px; font-size:14px; color:#333; text-align:center !important; }

/***************************************************************************/

footer { background-color:#DEDEDE; width:100%; padding:50px 0; }
footer dl { float:left; width:80px; border-left:2px #CCCCCC solid; height:150px; padding-left:20px; }
footer dl:first-child { width:350px; border:0; padding-left:0; }
footer dl:first-child dd { float:left; width:50%; margin-top:10px; }
footer dl dt { float:left; width:100%; font-size:14px; font-weight:bold; color:#888; }
footer dl dd { float:left; width:100%; margin-top:10px; }
footer dl dd a { font-size:14px; color:#777; }

footer .btm{ float:right; height:150px; position:relative; }
footer .btm a.en { display:block; background-color:#888; color:#FFF; line-height:30px; padding:0 20px; font-size:18px; }
footer .btm .copyright { position:absolute; right:0; bottom:0; width:240px; text-align:right; line-height:20px; color:#777; }

@media (max-width: 1000px) {
footer dl { display:none; }
footer dl:first-child { display:block; border:none; width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); }
}
@media (max-width: 700px) {
footer dl { display:none; }
footer dl:first-child { display:none; }
}

/***************************************************************************/
.bout { padding:30px 0; min-height:300px; }
.bout p { font-size:16px; line-height:30px; padding-top:20px; }
.bout img { max-width:100%; }


@media (max-width: 700px) {
.bout p.ofx { overflow-x:auto; }
.bout p.ofx img { max-width:none; width:700px; }
}

.contact_map { height:500px; }
@media (max-width: 1000px) {
.contact_map { height:400px; }
}
@media (max-width: 700px) {
.contact_map { height:300px; }
}
/***************************************************************************/
.honor { padding:30px 0; min-height:300px; }
.honor li { width: 29%; margin:2%; float: left; font-size: 14px; text-align: center; }
.honor li a { display: block; height: 300px; border: 1px #E6E6E6 solid; position: relative; overflow: hidden; }
.honor li a .img { display: block; width: 90%; height:90%; padding-top:5%; text-align: center; margin: 0 auto; }
.honor li a .img span { height: 100%; display: inline-block; vertical-align: middle; }
.honor li a .img img { max-width: 100%; max-height:100%; vertical-align: middle; }
@media (max-width: 1200px) {
.honor li a { height:260px; }
}
@media (max-width: 760px) {
.honor li a { height:200px; }
}
@media (max-width: 500px) {
.honor li { width: 46%; }
}

/***************************************************************************/
.scale-hr { font-size:16px; padding-bottom:15px; margin:20px 0 50px; border-bottom:5px #CCCCCC solid; }

.product { padding:30px 0; min-height:300px; }
.product li { width: 21%; margin:2%; float: left; text-align: center; }
.product li a { height:260px; display: block; }
.product li a img { max-width: 100%; max-height:100%; border-radius:50%; }
.product li a span { display: inline-block; margin-top:10px; font-size:14px; color:#666; }
@media (max-width: 760px) {
.product li a { height:200px; }
.product li { width: 29%; }
}
@media (max-width: 500px) {
.product li { width: 46%; }
}


/***************************************************************************/

.pagination { text-align: center; line-height: 16px; margin-top: 20px; width:100%; }
.pagination li { display: inline-block; width:auto !important; float:none; }
.pagination span, .pagination a { display: inline-block; border: 1px solid #ddd; padding: 5px 10px; vertical-align: middle; margin: 0 0 10px 0px; }
.pagination span, .pagination a:hover { border: 1px solid #0068BE; background: #0068BE; color:#FFF; }