@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;font-family: Microsoft Yahei,Arial,Hiragino Sans GB,'微软雅黑',STHeiti,'华文细黑',sans-serif;line-height:2em}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
ul,ol,li{list-style:none}
html,body{position: relative;overflow-x: hidden;min-width: 1150px;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease; }
img{border:0}
em,i,b{font-style: normal;font-weight: normal;}
h1,h2,h3,h4,h5{font-weight:normal}
input{outline: none;border: none;}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
.left { float:left; }
.right { float:right; }
.hide{ display:none;}
.no-margin{margin-right: 0 !important;}


.inner{width: 1150px;margin: 0 auto}
.transition{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: block!important;}
.imgbig:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);} 
.imgbigout{display: block;overflow: hidden;}
.lazy,.lazyload{background: url("loading.gif") 50% 50% no-repeat;}

/* banner */
.banner{}
.banner ul li{height: 654px;background: url(img/banner.jpg) center center no-repeat;}
.slideBox{ width:100%; position:relative;min-width: 1000px;margin:0 auto 0 auto;z-index:0;overflow:hidden;}
.slideBox .bd{ position: relative;z-index: 0;overflow: hidden;}
.slideBox .bd  ul{width: 100% !important;}
.slideBox .bd li{background-position:top center;background-repeat:no-repeat;width: 100% !important;height:100%;background-size: cover;height: 960px;}
.slideBox .bd li .link{display:block;width:1200px;margin:0 auto;}
/* .slideBox-video{width:83px;background:url(btn-video.png) 0 0 no-repeat;padding-top:98px;display:inline-block;color:#eee;font-size:14px} */
.slideBox  .btn{position:absolute;top:50%;width:60px;height:80px;margin-top:-40px;display:block;z-index:1;font-family:"simsun";color:#eee;font-size:90px;line-height:80px;text-align:center}
.slideBox  .prev{left:2%;/* margin-left: -600px; */}
.slideBox  .next{right:2%;/* margin-right: -600px; */}

.slideBox .hd{z-index:1; height:50px;line-height:40px;width:100%;  overflow:hidden; position:absolute; left:0;bottom:0px; }
.slideBox .hd ul{ text-align:center;}
.slideBox .hd ul li { cursor: pointer; display: inline-block; zoom:1; width: 12px; height: 12px; margin: 5px 11px;  overflow: hidden;*display:inline;line-height: 9999px;background:#fff;-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.slideBox .hd ul li.on{ background:#008ee6;width: 20px;}
/*wrap1*/
.wrap1{background: #eee;}
.wrap1 .inner{padding: 58px 0 90px;}
.wrap1-title{height: 138px;background: url(img/wrap1-title.png) left center no-repeat;}
.wrap1-main{}
.wrap1-main .wrap1-main-text{margin: 44px 0;padding-left: 30px;width: 960px;}
.wrap1-main .wrap1-main-text p{font-size: 16px;color: #333;line-height: 34px;text-align: justify;}
.wrap1-main .wrap1-main-pic li{float: left;margin-right: 50px;text-align: center;}
.wrap1-main .wrap1-main-pic li .imgbigout{margin-bottom: 24px;}
.wrap1-main .wrap1-main-pic li .title{font-size: 18px;color: #113f7c;font-weight: bold;}
.wrap1-main .wrap1-main-pic li .summary{font-size: 16px;color: #333;line-height: 36px;}

/*wrap2*/
.wrap2{height: 921px;background: url(img/wrap2-bg.jpg) center no-repeat;}

/*wrap3*/
.wrap3{position: relative;height: 1268px;background: url(img/wrap3-bg.jpg) center no-repeat;}
.wrap3 .wrap3-main{position: absolute;width: 1000px;bottom: 80px;left: 50%;margin-left: -460px;text-align: center;}
.wrap3 .wrap3-main li{float: left;margin-right: 10px;}
.wrap3 .wrap3-main .title{margin-top: 20px;font-size: 18px;font-family: "黑体";color: #333;line-height: 30px;}

/*wrap4*/
.wrap4{height: 922px;background: url(img/wrap4-bg.jpg) center no-repeat;}


/*wrap5*/
.wrap5{background: #fff;}
.wrap5 .inner{padding: 58px 0 0;}
.wrap5-title{height: 138px;background: url(img/wrap5-title.png) left center no-repeat;}
.wrap5 .wrap5-main{height: 680px;background: url(img/wrap5-pic1.jpg) center bottom no-repeat;}
.wrap5-main .wrap5-main-text{width: 700px;margin: 70px auto;}
.wrap5-main .wrap5-main-text .summary{font-family: "Microsoft Yahei";font-size: 16px;line-height: 36px;color: #333;}

/*wrap6*/
.wrap6{background: #f7f7f7;}
.wrap6 .inner{padding: 58px 0 0;}
.wrap6-title{height: 138px;background: url(img/wrap6-title.png) left center no-repeat;}
.wrap6-main{padding: 42px 0 0 0;}
.wrap6-main .wrap6-main-text{margin-bottom: 18px;}
.wrap6-main .wrap6-main-text img{float: left;}
.wrap6-main .wrap6-main-text .summary{float: left;width: 500px;margin-left: 38px;font-size: 16px;color: #333;margin-top: 56px;}
.wrap6-main .wrap6-main-pic{font-size: 0;}

/*wrap7*/
.wrap7{background: #eee;}
.wrap7 .inner{padding: 58px 0 0;}
.wrap7-title{height: 138px;background: url(img/wrap7-title.png) left center no-repeat;}
.wrap7-main{padding: 42px 0 0 0;}
.wrap7-main .wrap7-main-text{margin-bottom: 10px;}
.wrap7-main .wrap7-main-text img{float: right;}
.wrap7-main .wrap7-main-text .summary{width: 320px;margin-right: 34px;font-size: 16px;color: #333;padding-top: 30px;padding-left: 26px;}
.wrap7-main .wrap7-main-pic{font-size: 0;}

/*wrap8*/
.wrap8{background: #34312f;}
.wrap8 .inner{padding: 100px 0 0 0;}
.wrap8-title{height: 57px;background: url(img/wrap8-title.png) center no-repeat;}

.wrap8-main{height: 800px;position: relative;background: url(img/wrap8-left.png) left center no-repeat;}
.wrap8-main .wrap8-main-text{position: absolute;right: 0;top: 146px;width: 720px;}
.wrap8-main-text li{float: left;width: 344px;margin-right: 32px;margin-bottom: 32px;}
.wrap8-main li .title{margin-top: 24px;float: left;font-size: 18px;color: #f5f5f5;line-height: 22px;letter-spacing: 4px;border-bottom: 2px solid #a2a1a0;}
.wrap8-main li .title:before{display: block;width: 40px;height: 6px;content: '';-webkit-transition: width .4s;transition: width .4s;background: #fff;margin-bottom: 8px;}
.wrap8-main .wrap8-main-text li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.wrap8-main .wrap8-main-text li:hover .title:before{width: 80px;}

/*wrap9*/
.wrap9{background: #676868;}
.wrap9 .inner{position: relative;height: 900px;}
.wrap9-title{position: absolute;height: 100%;width: 377px;background: #3e6489;}
.wrap9-title .wrap9-title-top{margin-top: 214px;}
.wrap9-title .wrap9-title-text{padding: 60px 34px 0;}
.wrap9-title .wrap9-title-text .summary{font-size: 16px;color: #fff;line-height: 48px;}
.wrap9-main{position: absolute;width: 716px;right: 0;top: 70px;}
.wrap9-main li{float: left;width: 215px;margin-right: 35px;margin-bottom: 110px;}
.wrap9-main li .wrap9-main-pic{font-size: 0;text-align: center;}
.wrap9-main li .wrap9-main-text{text-align: center;color: #fff;}
.wrap9-main .wrap9-main-text .title{font-size: 18px;}
.wrap9-main .wrap9-main-text .summary{font-size: 14px;line-height: 34px;}
.wrap9-main li img{
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.wrap9-main li:hover img{
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

/*wrap10*/
.wrap10{height: 845px;background: url(img/wrap10-bg.jpg) center no-repeat;}

/*wrap11*/
.wrap11{height: 688px;background: url(img/wrap11-bg.jpg) center no-repeat;}
.wrap11 .inner{padding-top: 40px;}
.wrap11 .wrap11-title{font-size: 36px;color: #2e509d;font-weight: bold;text-align: center;margin-bottom: 80px;}
.wrap11 .wrap11-main{position: relative;}
.wrap11 .wrap11-main .wrap11-main-left{width: 360px;float: left;}
.wrap11-main-left li{font-size: 18px;color: #555;line-height: 84px;background: url(img/wrap11-icon.png) 0 center no-repeat;text-indent: 30px;}
.wrap11 .wrap11-main .wrap11-main-right{position: absolute;right: 0;}

/*wrap12*/
.wrap12{height: 636px;background: url(img/wrap12-bg.jpg) center no-repeat;}
.wrap12 .inner{padding: 50px 0 0 0;}
.wrap12 .wrap12-title{font-size: 36px;color: #adafb1;text-align: center;margin-bottom: 60px;}
.wrap12 .wrap12-title:after {display: block;content: '';-webkit-transition: width .4s;transition: width .4s;width: 30px;height: 4px;margin:0 auto;background: #999da0;}
.wrap12 .wrap12-main{position: relative;height: 400px;}
.wrap12 .bd li{width: 550px;margin-right: 47px;}
.wrap12 .bd .tempWrap{width: 1147px !important;overflow: hidden !important;}
.wrap12 .hd{z-index:1; height:50px;line-height:40px;width:100%;overflow:hidden; position:absolute; left:0;bottom:-10px; }
.wrap12 .hd ul{ text-align:center;}
.wrap12 .hd ul li { cursor: pointer; display: inline-block; zoom:1; width: 7px; height: 7px; margin: 0 8px;  overflow: hidden;line-height: 9999px;background:#6c7983;-webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; }
.wrap12 .hd ul li.on{ background:#fff; }
.wrap12  .btn{font-size: 0 !important;position:absolute;top:50%;width:34px;height:69px;margin-top:-63px;display:block;z-index:1;cursor: pointer;}
.wrap12 .prev{left:-5%;background: url(img/wrap12-icon1.png) center no-repeat;}
.wrap12 .next{right:-5%;background: url(img/wrap12-icon2.png) center no-repeat;}

/*wrap13*/
.wrap13{height: 948px;background: url(img/wrap13-bg.jpg) center no-repeat;}

/*wrap14*/
.wrap14{background: url(img/wrap14-bg.jpg) center no-repeat;background-size: cover;padding:100px 0 80px;}
.wrap14-inner{width: 650px;margin: 0 auto;padding:0 80px;background: #fff;border-radius: 10px;padding-bottom: 60px;}
.wrap14 .wrap14-title{font-size: 30px;color: #666666;text-align: center;padding-top: 30px;}
.wrap14 .wrap14-main{}
.wrap14 .wrap14-main .wrap14-form{}
.wrap14 .wrap14-main .wrap14-form div{line-height: 72px;font-size: 18px;color: #666666;border-bottom: 1px solid #666666;}
.wrap14 .wrap14-form input, .wrap14 .wrap14-form textarea{background:none;border: none;outline: none;width: 340px;color: #333;font-size: 14px;padding-left: 10px;}
.wrap14 .wrap14-form .tzyx{margin-bottom: 28px;border:none!important;}
.wrap14 .wrap14-form .tzyx span{position: relative;}
.wrap14 .wrap14-form .tzyx textarea{overflow: hidden;height: 110px;resize: none;width: 98%;background: #ccc;padding-left: 0px;line-height: 1.5em;padding: 5px 1%}
.wrap14 input.wrap14-submit{cursor: pointer;display: block;height: 48px;width:120px;background: #2e509d;color: #fff;font-size: 16px;text-align: center;line-height: 48px;margin: 0 auto;border-radius: 5px;padding-left: 0px;}
/* wrap15 */
	.wrap15{width:100%;background: #eee;padding: 70px 0px;}
	.wrap15 h2{font-size:30px;color:#595656;text-align: center;line-height: 1.5em;}
	.etitle{font-size: 12px;color:#595656;text-align: center;line-height: 1em;margin-bottom:50px;}
	.wrap15 .pro{font-size:14px;text-align:center;color:#595656;display: block;margin: 30px auto 60px;}
	.slide{position: relative;width:1150px;margin:0 auto;}
	.slide .bd li{display:inline-block;width:353px;height: 360px;float: left;margin:0px 15px;position:relative;background:#fff;}
	.slide .bd li a{display:block;position:absolute;transition:all .4s;top:0px;color:#333;}
	.slide .bd li img{margin:0 auto;width:100%;}
	.slide .bd p{font-weight: bold;font-size: 18px;line-height: 1.5em;margin-top:30px;margin-bottom:15px;padding:0px 15px;box-sizing:border-box;}
	.slide .bd span{display: block;line-height: 1.3em;padding:0px 15px;box-sizing:border-box;}
	.slide .prev,.slide .next{position: absolute;top: 50%;width: 34px;height: 69px;margin-top: -63px; display: block;z-index: 1;cursor: pointer;transition:all .4s;}
	.slide .prev{left:-5%;background: url(/static/bocweb/web/img/prev3.png) center no-repeat;}
	.slide .next{right:-5%;background: url(/static/bocweb/web/img/next3.png) center no-repeat;}
	.slide .prev:hover{background: url(/static/bocweb/web/img/prev3on.png) center no-repeat;}
	.slide .next:hover{background: url(/static/bocweb/web/img/next3on.png) center no-repeat;}
	.slide .bd li a:hover{top:-5px;}
	.slide .bd li a:hover p{color:#2e509d;}
/*悬浮组件*/
.xfzj{position: fixed;right: 0;top: 50%;margin-top: -125px;width: 50px;height: 250px;z-index: 9999;}
.xfzj li a{position: relative;display: block;width: 50px;height: 50px;background-repeat: no-repeat;background-color: #2e509d;background-position:center;background-size:24px 19px;}
/* .xfzj li a.xf-gohome{background-position:center;}
.xfzj li a.xf-tel{background-position:0 -50px;}
.xfzj li a.xf-qq{background-position:0 -100px;}
.xfzj li a.xf-wechat{background-position:0 -150px;}
.xfzj li a.xf-gotop{background-position:0 -200px;} */
.xfzj ul li a:hover{background-color: #113f7c;}
.xfzj ul li a:hover .xf-box{display: block;}
.xf-box{display: none;}
.xf-tel-box{position: absolute;width: 160px;height: 50px;text-align: center;line-height: 50px;top: 0;right: 50px;background: #2e509d;color: #fff;font-size: 20px;font-weight: bold}
.xf-wechat-box{position: absolute;width: 153px;height: 202px;top: -124px;right: 55px;}
.xf-wechat-box img{display:block;width:100%;}
.phone_xf{position:fixed;bottom:0px;left:0px;width:100%;height:150px;background:#082449;}
.phone_xf ul{width:100%;height:100%;}
.phone_xf li{float:left;width:25%;height:100%;overflow:hidden;}
.phone_xf li:last-child{width:0;}
.phone_xf li a{display:block;width:100%;height:100%;background:no-repeat;background-position:center;background-size:35%;border-right:1px solid #174581;box-sizing:border-box;}
.phone_xf li:first-child a{border-left:none;}
.phone_xf .xf-wechat-box{position:fixed;top:0px;left:0px;width:100%;height:100vh;line-height:100vh;text-align:center;background:rgba(0,0,0,0.7);z-index:99;}



.video-warp{padding: 65px 0;}
.video-warp .title {padding-bottom: 75px;}
.video-warp .title p{text-align:center;}
.video-warp .title .en{font-size: 22px;color: #d4d4d4;letter-spacing: 5px;text-transform: uppercase;}
.video-warp .title .cn{font-size: 36px;color: #00aef3;line-height: 30px;position: relative;}
.video-warp .title .cn:before{content: '';width: 148px;height: 1px;background: #e9e9e9;display: block;top: 50%;left: 50%;position: absolute;margin-left: -240px;}
.video-warp .title .cn:after{content: '';width: 148px;height: 1px;background: #e9e9e9;display: block;top: 50%;right: 50%;position: absolute;margin-right: -240px;}
.video-warp .video-slide{position: relative;height: 420px;}
.video-warp .bd{width:1200px;overflow: hidden}
.video-warp .bd li{width: 380px;margin-right: 30px;position: relative;cursor: pointer;}
.video-warp .bd li:hover .video-info{opacity: 1;}
.video-warp .bd li .video-info{background: url(video.png) no-repeat center rgba(0,0,0,.5);width: 380px;height: 290px;position: absolute;top: 0px;left: 0px;opacity: 0;transition:all 0.3s;}
.video-warp .bd li .video-info p{text-align: center;color: #fff;font-size: 18px;padding-top: 50px;}
.video-warp .hd{display: none}
.video-warp .btn{display: block;width: 50px;height: 50px;border: 1px solid #7c7c7c;text-align: center;line-height: 46px;color: #7c7c7c;font-size: 20px;font-family: 'simsun';position: absolute;bottom: 0px;}
.video-warp .next{left: 50%;margin-left: 20px;}
.video-warp .prev{right: 50%;margin-right: 20px;}