@charset "utf-8";
/* CSS Document */
body *{ font-family: "微软雅黑", "Microsoft YaHei","weiruanyahei",Tahoma,SimSun}
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0}
*:before,
*:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{ font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%;}
input,button,textarea,select{ border:1px solid #ddd; background:none; outline:none; transition-duration:0.2s;}
input:focus,textarea:focus{ border:1px solid #0081ff}
/*去除自动填充黄色背景*/
input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill{ 
	-webkit-box-shadow: 0 0 0 1000px white inset; 
}
select{ /*appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;*/
}
::-webkit-input-placeholder{ color:#666;}
:-moz-placeholder { color:#666;}
::-moz-placeholder { color:#666;}
:-ms-input-placeholder { color:#666;}
ul,li{ list-style:none; float:left}
body{ font-family: "微软雅黑" "PingFang"; font-size:14px; color:#333333; background:#fff}
a{ color:#2e2e2e; text-decoration:none; transition-duration:0.2s}
a:hover{ text-decoration:none; color:#2589ff}
img{ border:none; float:left; box-sizing: inherit;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;}
.fl{ float:left}
.fr{ float:right}
.w1200{ width:1200px; margin:auto; clear:both; padding:0 20px;}
em,i{ font-style:normal}
.center{ 
	float:left; 
	width:100%; 
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; 
	overflow:hidden;
}
.yinying{ -moz-box-shadow:0px 0px 25px #e5e5e5; -webkit-box-shadow:0px 0px 25px #e5e5e5; box-shadow:0px 0px 25px #e5e5e5;}

.videofixed{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); display:none}
.videofixed a{ position:absolute; right:2%; top:3%; width:80px; height:80px;}
.videofixed a img{ width:80px; height:80px;}
.videofixed #video{ position:absolute; width:900px; height:600px; left:50%; top:50%; margin:-300px 0 0 -450px}

.topBox{ width:100%; height:61px; z-index:1000; background:#fff; position:fixed;  border-bottom:1px solid #eee; left:0; top:0; }
.topBox .top{ float:left; width:100%; padding:15px 0}
.topBox .top .logo{ float:left; height:30px;}
.topBox .top .logo img{ height:30px;}
.topBox .top .logo span{ float:left; line-height:30px; color:#2d7dfc; font-size:20px; font-weight:bold; margin-left:10px; letter-spacing:2px}
.topBox .top .nav{ float:right; height:30px; line-height:30px}
.topBox .top .nav a{ float:left; line-height:30px; margin-left:50px; color:#666;}
.topBox .top .nav a:hover,
.topBox .top .nav a.active{ color:#2589ff} 

.banner{ width:100%; background:url(../images/bg.jpg) no-repeat top center; height:700px; color:#FFF; margin-top:50px; text-align:center}
.banner p{ float:left; width:100%; font-size:70px; font-weight:bold; margin-top:150px; letter-spacing:15px;}
.banner span{ float:left; width:100%; font-size:30px; letter-spacing:10px; margin-top:40px;}
.banner a{ float:left; background:#fff; border-radius:30px; width:150px; height:45px; line-height:45px; font-size:18px; color:#2267e9; margin-top:60px; margin-left:505px}

.mainBox{ width:100%; background:url(../images/bg5.jpg) no-repeat bottom center;}
.mainBox .w1200{ padding:0 20px 100px 20px}
.mainBox .bar{ float:left; width:100%; text-align:center; padding-bottom:100px;}
.mainBox .bar p{ float:left; width:100%; font-weight:bold; font-size:30px; color:#012065}
.mainBox .bar span{ float:left; width:100%; font-size:20px; color:#012065; margin-top:20px;}
.mainBox .vBox{ float:left; }
.mainBox #videog{ width:820px; height:540px; margin-left:170px;}

.mainBox3{ width:100%; background:url(/ocisc/images/bg2.jpg) bottom no-repeat; padding-top:100px}
.mainBox3 .left{ float:left; width:460px;}
.mainBox3 .right{ float:right; width:680px; margin-top:40px;}
.mainBox3 .right .bar{ float:left; width:100%; text-align:center}
.mainBox3 .right .bar p{ float:left; width:100%; font-size:20px}
.mainBox3 .right .bar span{ float:left; width:40px; height:8px; background:#666666; border-radius:50px; margin-left:320px; margin-top:10px;}
.mainBox3 .right .info{ float:left; width:400px; text-align:center; font-size:16px; margin-top:20px; line-height:25px; margin-left:125px}
.mainBox3 .right .appewm{ float:left; width:400px; margin-left:125px; margin-top:30px;}
.mainBox3 .right .appewm .img{ width:150px;}
.mainBox3 .right .appewm .img2{ float:right; width:220px; margin-bottom:10px;}
.mainBox3 .right .list{ float:left; width:100%; margin-top:90px;}
.mainBox3 .right .list p{ float:left; width:75px; margin-right:0.6px;}
.mainBox3 .right .list p:last-child{ float:right; margin-right:0}
.mainBox3 .right .list p img{ width:60px; margin-left:7.5px;}
.mainBox3 .right .list p span{ float:left; width:100%; text-align:center; color:#666; margin-top:10px; font-size:15px;}
.mainBox3 .right .list2{ margin-top:200px; width:100%; padding-bottom:0}
.mainBox3 .right .list2 p{margin-right:70px; width:81px;}
.mainBox3 .right .list2 p img{ width:100%; margin-left:0}
.mainBox3 .right .list2 p span{ color:#fff}

.mainBox7{ padding:50px 0;}
.mainBox7 .bar{ float:left; width:100%; text-align:center; position:relative}
.mainBox7 .bar p{ float:left; width:100%; font-weight:bold; font-size:30px; color:#012065}
.mainBox7 .bar span{ float:left; width:100%; font-size:20px; color:#012065; margin-top:20px;}
.mainBox7 .bar a{ position:absolute; right:20px; top:50%; margin-top:-20px; width:100px; height:40px; line-height:40px; color:#FFF; background:#2589ff; border-radius:5px; font-size:15px;}
.mainBox7 ul{ float:left; width:100%; margin-top:40px;}
.mainBox7 ul li{ float:left; width:260px; background:#FFF; margin:20px; padding:20px;}
.mainBox7 ul li p{ float:left; width:100%;}
.mainBox7 ul li p img{ height:70px;}
.mainBox7 ul li span{ float:left; width:100%; text-align:center; margin-top:20px; font-size:15px;}

.wrapBox{ margin-top:-130px; padding-bottom:100px;}
.wrapBox ul{ float:left; width:100%;}
.wrapBox ul li{ float:left; width:380px; height:417px;}
.wrapBox ul li.li{ background:url(../images/pic.png) no-repeat}
.wrapBox ul li.li2{ background:url(../images/pic2.png) no-repeat; margin-left:5px;}
.wrapBox ul li.li3{ background:url(../images/pic3.png) no-repeat; float:right}
.wrapBox ul li .a{ float:left; width:352px; height:410px; margin:0 0 0 13px; position:relative}
.wrapBox ul li .a .bar{ float:left; width:100%; height:127px; color:#FFF;}
.wrapBox ul li .a .bar p{ float:left; width:100%; font-size:20px; font-weight:bold; margin-top:34px; padding:0 20px;}
.wrapBox ul li .a .bar em{ float:left; width:100%; margin-top:20px; padding:0 20px; text-transform:uppercase; font-size:12px;}
.wrapBox ul li .a .bar2{ float:left; width:100%; height:30px; line-height:30px; overflow:hidden; font-size:18px; color:#012065; font-weight:bold; margin-top:20px; padding:0 35px;}
.wrapBox ul li .a .info{ float:left; width:100%; margin-top:10px; padding:0 35px; overflow:hidden; line-height:30px; font-size:16px; color:#012065; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.wrapBox ul li .a .view{ position:absolute; left:35px; bottom:50px;}
.wrapBox ul li .a .view a{ float:left; border:1px solid #2365ed; color:#2365ed; font-size:15px; padding:5px 10px}
.wrapBox ul li .a .view .va{ border:1px solid #ff787e; color:#ff787e}
.wrapBox ul li .a .view .va2{ border:1px solid #3d85ff; color:#3d85ff}
.wrapBox ul li .a .view .va3{ border:1px solid #ffa800; color:#ffa800}
.wrapBox ul li .a .login{ position:absolute; right:35px; bottom:50px; background:#2365ed; color:#fff; font-size:15px; padding:6px 20px}


.wrapBox2{ width:100%; background:url(../images/bg2.jpg) no-repeat top center; height:658px; color:#FFF}
.wrapBox2 .bar{ float:left; width:100%; text-align:center; font-size:28px; margin-top:80px;}
.wrapBox2 .bar2{ float:left; width:100%; text-align:center; font-size:20px; margin-top:30px;}
.wrapBox2 .info{ float:left; width:100%; font-size:24px; line-height:45px; margin-top:90px;}
.wrapBox2 .info2{ float:left; width:100%; margin-top:50px;}
.wrapBox2 .info2 dl{ float:left; width:165px;}
.wrapBox2 .info2 dl dt{ float:left; width:100%}
.wrapBox2 .info2 dl dd{ float:left; width:100%; text-align:center; font-size:16px; margin-top:20px;}

.wrapBox3{ padding:50px 20px;}
.wrapBox3 .bar{ float:left; width:100%; text-align:center}
.wrapBox3 .bar p{ float:left; width:100%; font-weight:bold; font-size:30px; color:#012065}
.wrapBox3 .bar span{ float:left; width:100%; font-size:20px; color:#012065; margin-top:20px;}
.wrapBox3 .infoBox{ float:left; width:100%; background:url(../images/img.png) no-repeat center; margin-top:60px;}
.wrapBox3 .infoBox .item{ float:left; width:360px; height:150px; margin:30px 0}
.wrapBox3 .infoBox .item .bar2{ float:left; width:360px;}
.wrapBox3 .infoBox .item .bar2 p{ position:relative; float:left; width:60px; height:60px; background:#FFF; border-radius:60px; border:1px solid #ddd; font-size:28px; color:#2d2539; text-align:center; line-height:60px; z-index:20}
.wrapBox3 .infoBox .item .bar2 span{ position:relative; float:left; width:300px; border:1px solid #ddd; line-height:50px; font-size:20px; color:#666; text-align:center; margin:5px 0 0 -20px; z-index:10}
.wrapBox3 .infoBox .item .info{ float:left; color:#999; width:100%; padding:0 30px; margin-top:20px; line-height:25px;}
.wrapBox3 .infoBox .item2{ float:right}
.wrapBox3 .infoBox .item3{ clear:both}

.wrapBox4{ width:100%; background:url(../images/bg3.jpg) no-repeat top center; height:883px; overflow:hidden }
.wrapBox4 .combar{ float:left; text-align:center; margin-top:80px; width:400px; margin-left:125px;}
.wrapBox4 .combar p{float:left; width:100%; font-size:27px; letter-spacing:5px; position:relative}
.wrapBox4 .combar p em{ background:#FFF; height:40px; z-index:100; padding:0 20px;}
.wrapBox4 .combar p i{ position:absolute; left:0; top:50%; margin-top:-0.5px; width:100%; height:1px; background:#e0e0e0; z-index:10}
.wrapBox4 .combar span{ float:left; width:100%; color:#999999; font-size:16px; letter-spacing:10px; margin-top:10px;}
.wrapBox4 .itemBox{ float:left; width:650px; margin-top:100px; background:#fff;}
.wrapBox4 .itemBox .about{ float:left; width:650px; padding:30px 150px 80px 50px; margin-top:20px;}
.wrapBox4 .itemBox .about p{ float:left; width:100%; font-size:22px;}
.wrapBox4 .itemBox .about span{ float:left; width:100%; font-size:15px; color:#666; line-height:40px; margin-top:20px;}
.wrapBox4 .itemBox .about em{ float:left; width:100%; background:#3f7cf8; font-size:25px; text-align:center; color:#fff; letter-spacing:5px; line-height:50px; margin-top:30px;}
.wrapBox4 .right{ float:right; width:600px; height:600px; position:relative; margin-top:-620px;}
.wrapBox4 .right img{ width:400px; position:absolute; left:0; top:0; z-index:200; border-radius:6px;}
.wrapBox4 .right img.img{ left:inherit; top:inherit; right:0; bottom:0; z-index:100}

/*APP下载*/
.appBox{ padding-top:80px;}
.appBox .left{ width:600px; margin-top:120px; margin-left:50px; color:#FFF}
.appBox .left p{ float:left; width:100%; font-size:40px; padding-left:30px;}
.appBox .left span{ float:left; width:100%; font-size:30px; margin-top:20px; padding-left:30px;}
.appBox .left .appUp{ float:left; width:100%; margin-top:80px;}
.appBox .left .appUp .a{ float:left; width:341px;}
.appBox .left .appUp .a a{ float:left; width:100%; }
.appBox .left .appUp .ewm{ float:right; width:200px; margin-top:10px;}
.appBox .left .appUp .ewm img{ width:100%;}
.appBox .left .appUp .ewm em{ float:left; width:100%; text-align:center; font-size:16px; margin-top:15px;}
.appBox .left .lianxi{ float:left; margin-left:20px; margin-top:20px; clear:both; font-size:16px; background:url(../images/tel.png) left center no-repeat; padding-left:60px}
.appBox .left .lianxi b{ font-weight:norma; float:left}
.appBox .left .lianxi font{ font-weight:norma; float:left; clear:both; margin-top:10px;}
.appBox .right{ width:400px; margin-top:20px;}
.footer2{ float:left; width:100%; color:#fff; text-align:center; letter-spacing:2px; padding-bottom:20px; font-size:13px;}

/*公司介绍*/
.aboutBanner{ width:100%; background:url(../images/banner.jpg) no-repeat top center; height:557px; color:#FFF}
.aboutBanner p{ float:left; width:100%; font-size:55px; margin-top:220px; font-weight:bold; letter-spacing:6px}
.aboutBanner span{ float:left; width:100%; font-size:25px; margin-top:50px; letter-spacing:5px}
.wrapBox4{ width:100%; background:#fbfbfb; /*background:url(../images/bg3.jpg) no-repeat top center;*/ height:850px; overflow:hidden }
.wrapBox4 .combar{ float:left; text-align:center; margin-top:80px; width:400px; margin-left:125px;}
.wrapBox4 .combar p{float:left; width:100%; font-size:27px; letter-spacing:5px; position:relative}
.wrapBox4 .combar p em{ background:#FFF; height:40px; z-index:100; padding:0 20px;}
.wrapBox4 .combar p i{ position:absolute; left:0; top:50%; margin-top:-0.5px; width:100%; height:1px; background:#e0e0e0; z-index:10}
.wrapBox4 .combar span{ float:left; width:100%; color:#999999; font-size:16px; letter-spacing:10px; margin-top:10px;}
.wrapBox4 .itemBox{ float:left; width:650px; margin-top:80px; background:#fff;}
.wrapBox4 .itemBox .about{ float:left; width:650px; padding:30px 150px 80px 50px; margin-top:20px;}
.wrapBox4 .itemBox .about p{ float:left; width:100%; font-size:22px;}
.wrapBox4 .itemBox .about span{ float:left; width:100%; font-size:15px; color:#666; line-height:40px; margin-top:20px;}
.wrapBox4 .itemBox .about em{ float:left; width:100%; background:#3f7cf8; font-size:25px; text-align:center; color:#fff; letter-spacing:5px; line-height:50px; margin-top:30px;}
.wrapBox4 .right{ float:right; width:600px; height:600px; position:relative; margin-top:-620px;}
.wrapBox4 .right img{ width:400px; position:absolute; left:0; top:0; z-index:200; border-radius:6px;}
.wrapBox4 .right img.img{ left:inherit; top:inherit; right:0; bottom:0; z-index:100}
.aboutBox{ padding:60px 0;}
.aboutBox .a_bar{ float:left; width:100%; height:69px; background:url(../images/a_bar2.png) center no-repeat; margin-bottom:40px;}
.aboutBox .aboutBoxlist{ clear:both; background:#fbfbfb;}
.aboutBox .aboutBoxlist .w1200{ position:relative;}
.aboutBox .aboutBoxlist .swiper-container { float:left; width:100%; padding:40px 0;}
.aboutBox .aboutBoxlist .swiper-slide { float:left; width:270px; margin:10px; background: #fff; cursor:pointer}
.aboutBox .aboutBoxlist .swiper-slide p{ float:left; width:100%; padding:10px}
.aboutBox .aboutBoxlist .swiper-slide img{ height:150px;}
.aboutBox .aboutBoxlist .swiper-slide span{ float:left; width:100%; padding:0 20px; text-align:center; height:25px; line-height:25px; margin-bottom:10px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}

.big_img{position: fixed;z-index: 2000; background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0; display:none }
.big_img .swiper-container { width:100%; height:100%; position:relative}
.big_img .swiper-slide{ position:relative}
.big_img .swiper-slide img{ position:absolute; height:850px}
.big_img a {
    position: absolute;
    right: 2%;
    top: 3%;
    width: 80px;
    height: 80px;
	z-index:2000
}
.big_img a img {
    width: 80px;
    height: 80px;
}
.big_img .bigbutton-next{ right:150px;}
.big_img .bigbutton-prev{ left:150px;}
.aboutBox3{ width:100%; background: #fbfbfb; padding:60px 0 0 0 }
.aboutBox3 .lianxiBox{ float:left; width:100%; margin-top:50px;}
#mapBox{ float:left; min-width:100%; min-height:550px; margin-top:50px;}
#mapBox .mapinfo{ width:300px; padding-top:8px;}
#mapBox .mapinfo p{ font-size:18px; color:#F00; float:left; width:100%; margin-bottom:10px;}
#mapBox .mapinfo span{ clear:both; float:left; width:100%; margin:4px 0; line-height:22px;}

.insBox{ padding:0 0 60px 0 }
.insBox .bar{ float:left; background:url(../images/bar.png) no-repeat; width:100%; height:76px;}
.insBox table{ float:left; width:100%; border-bottom:1px solid #ddd; padding-bottom:30px; margin-top:30px;}
.insBox table a{ float:left; margin-left:30px; width:213px; height:238px; overflow:hidden}

/*底部*/
.footer{ width:100%; background:#ecf1f9; color:#5c6a7e; }
.footer .w1200{  height:260px}
.footer .logo{ float:left; margin-top:70px;}
.footer .logo img{ width:100px;}
.footer .box{ float:left; width:260px; margin-left:50px; margin-top:40px;}
.footer .box .bar{ float:left; width:100%; font-size:16px; margin-bottom:10px;}
.footer .box p{ float:left; width:100%; margin-top:18px;}
.footer .box2{ width:400px}
.footer .box2 p img{ float:left; width:16px; margin-top:2px; display:none}
.footer .box2 p span{ float:left;}
.footer .box3{ float:right; width:270px; margin-left:0}
.footer .box3 img.ewm{ width:104px; margin-top:10px;}
.footer .box3 .fl{ margin-left:20px; width:100px;}
.footer .box3 a{ float:left; width:100%; margin-right:20px; margin-bottom:15px; margin-top:10px}
.footer .box3 a.a2{margin-top:14px;}
.footer .copy{ float:left; width:100%; clear:both; text-align:center; margin:10px 0;font-size:13px; letter-spacing:1px;}
.footer .copy a{ color:#5c6a7e;}