/* CSS Document */
*{margin:0;padding:0;}
body{font-size:12px; font-family:"microsoft yahei";}
a{text-decoration:none;outline:none; color:#555;}
ul{list-style:none;}
.left{float:left;}
.right{float:right;}
img{border:none;}
.wrapper{width:1100px;margin:0 auto;}
.clearB{clear:both;}
.clearfix:after{content:"."; display:block; clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix{zoom:1;}
.fixedNav{position:fixed;top:0px;left:0px;width:100%;z-index:100000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}







/*head_hc*/
.head_hc{ min-width:1100px; height:54px; background:#ffffff;}
.head{ height:54px;}
.head_logo{ float:left; width:150px; height:54px;}
.head_logo span{ float:left; width:126px; height:34px; margin:12px auto;}
.menu{ float:left; width:950px; height:54px;}
.menu .nav{width:950px;height:54px;margin:0 auto;}
.menu .nav li{float:left;list-style:none;}
.menu .nav li a{display:block; width:118px; height:54px; line-height:54px; color:#1b4fe7; font-size:18px; font-weight:bold; text-align:center; text-decoration:none;position:relative;overflow:hidden;}
.menu .nav li a:hover,.menu .nav li a.current{ background:url(../img/hover.png) no-repeat;}
.menu .nav li .box{ width:100%; height:48px; position:absolute; top:70px; left:0; padding-left:150px; background:#1b4fe7; display:none; z-index:9999;}
.menu .nav li .box a{ display:block; height:48px; float:left; color:#fff; list-style:none; font-weight:100; line-height:48px; border:none; background:none;}



/* slide */
.slide-main{height:385px;position:relative;}
.slide-main-right{ width:298px; height:352px; position:absolute; right:15%; top:16px; z-index:999; background:url(../img/beijing.png) no-repeat;}
.part1-right { width: 260px; overflow: hidden; position: relative; margin:10px auto;}
.video-now .title { height: 38px; border-bottom: 1px solid #ccc;}
.video-now .video-title { height: 38px; position: relative; zoom: 1;}
.video-now .video-title li { float: left; width: 130px; font-size: 18px; line-height: 38px; text-align: center; display: inline;}
.video-now .video-title li i { float: left; width: 4px; height: 22px; background: #217cd1; font-style: normal; margin-top: 8px;}
.video-now .video-title li em { float: right; width: 2px; height: 22px; background: #000; font-style: normal; margin-top: 8px;}
.video-now .video-title li.on { width: 130px; height: 46px; background: url(../img/list-xiala-blue.png) bottom no-repeat; color: #217cd1; font-weight: bold;}
.video-con-wrap .show { display: block;}
.video-con { float: left; position: relative; overflow: hidden; display: none; margin-left:20px; margin-top:10px;}
.video-line { height: 275px; margin-top: 5px; border: 1px solid #207cd1; float: left; margin-left: 12px; display: inline;}
.video-right { width: 225px; height: 278px; float: right; display: inline;}
.video-right-li { position: relative; margin: 10px 0; cursor: pointer;}
.video-right-li:first-child { margin-top: 0;}
.dot { position: absolute; left: -28.5px; top: 4px; background: #fff; display: block; width: 11px; height: 11px; border-radius: 100%; border: 1px solid #207cd1;}
.dot-first { background: #207cd1;}
.video-right-li p { width: 225px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 8px; font-size: 14px; color: #666;}
.video-img { width: 220px; height: 105px; overflow: hidden; background: #0F6FAB;}
.video-img img { width: 100%; height: 105px;}


.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:210px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:5%;}
.next{right:5%;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:340px;left:-50px;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:384px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:384px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}

/*背景部分*/
#bgstylea{ background:url(../img/ban1.jpg) no-repeat;}
#bgstyleb{ background:url(../img/ban2.jpg) no-repeat;}
#bgstylec{ background:url(../img/ban3.jpg) no-repeat;}
#bgstyled{ background:url(../img/ban1.jpg) no-repeat;}
#bgstylee{ background:url(../img/ban2.jpg) no-repeat;}
#bgstylef{ background:url(../img/ban3.jpg) no-repeat;}


.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{width:507px;height:217px;margin-left:-440px;top:85px;z-index:12;}
.obj-b{width:507px;height:217px;margin-left:-470px;top:85px;z-index:12;}
.obj-c{width:507px;height:217px;margin-left:-470px;top:85px;z-index:12;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }




/*section1*/
.section1{ min-width:1100px; height:980px; background:#fafafa;}
.sec1{ height:980px;}
.sec1_h2{ width:1100px; height:116px; line-height:116px; font-size:48px; font-weight:bold; text-align:center; color:#1b4fe7;}
.sec1_cont{ width:1100px; height:803px; margin:0 auto;}
.sec1_div{ float:left; width:540px; height:390px;}
.sec1_div_left{ float:left; width:313px; height:173px; padding-top:217px;}
.sec1_div_left h3{ width:313px; height:78px; line-height:78px; font-size:32px; color:#ffffff; text-align:center;}
.sec1_div_left a{ display:block; width:219px; height:45px; line-height:45px; font-size:20px; color:#ffffff; text-align:center; border:1px solid #ffffff; border-radius:15px; margin:28px auto;}
.bg1{ background:url(../img/col01.jpg) no-repeat;}
.bg2{ background:url(../img/col02.jpg) no-repeat;}
.bg3{ background:url(../img/col03.jpg) no-repeat;}
.bg4{ background:url(../img/col04.jpg) no-repeat;}
.mr20{ margin-right:20px;}
.mt20{ margin-top:20px;}
.sec1_div_righ{ float:right; width:225px; height:390px; border:1px solid #ebebeb;}
.sec1_div_righ h4{ width:200px; height:36px; line-height:36px; font-size:22px; color:#1b4fe7; text-align:center; margin:20px auto; border:1px solid #1b4fe7;}
.sec1_div_righ p{ width:200px; height:25px; margin:0 auto 12px auto;}
.sec1_div_righ p span{ float:left; width:104px; height:25px; line-height:25px; font-size:16px; color:#333333;}
.sec1_div_righ p a{ float:left; width:96px; height:25px; line-height:25px; font-size:18px; color:#ffffff; text-align:center; background:#1b4fe7;}





/*section2*/
.section2{ min-width:1100px; height:552px; background:#ffffff;}
.sec2{ height:552px;}
.sec2_h2{ width:1100px; height:116px; line-height:116px; font-size:48px; font-weight:bold; text-align:center; color:#1b4fe7;}
.sec2_ul{ width:1100px; height:427px; margin:0 auto;}
.sec2_ul ul li{ float:left; width:326px; height:425px; -webkit-box-shadow: 0 0 20px rgba(38, 38, 38, .2); -moz-box-shadow: 0 0 20px rgba(38, 38, 38, .2); box-shadow: 0 0 20px rgba(38, 38, 38, .2);}
.mr61{ margin-right:61px;}
.sec2_ul ul li span{ display:block; width:326px; height:122px; line-height:122px; font-size:30px; font-weight:bold; text-align:center; color:#ffffff;}
.bgg1{ background:url(../img/img04.jpg) no-repeat;}
.bgg2{ background:url(../img/img05.jpg) no-repeat;}
.bgg3{ background:url(../img/img06.jpg) no-repeat;}
.sec2_ul ul li p{ width:264px; height:160px; line-height:32px; font-size:24px; color:#333333; text-align:center; margin:30px auto;}
.sec2_ul ul li a{ display:block; width:200px; height:52px; line-height:52px; font-size:24px; text-align:center; border:1px solid #3c1fae; color:#3c1fae; border-radius:15px; margin:0 auto;}





/*section3*/
.section3{ min-width:1100px; height:450px; background:#ffffff;}
.sec3{ height:450px;}
.sec3_h2{ width:1100px; height:116px; line-height:116px; font-size:48px; font-weight:bold; text-align:center; color:#1b4fe7;}
#box_Barin{ width:1100px; height:327px; border-top:3px solid #1b4fe7; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; margin:0 auto;}
#menu_Barin{ width:1100px; height:40px;}
#menu_Barin li{ float:left; width:181px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#333333; background:#f6f6f6; border:1px solid #eaeaea; /* font-family:Source Han Sans CN;*/}
#menu_Barin li:hover{background: #ffffff; color:#1b4fe7; border-bottom:1px solid #ffffff;}
#content_Barin{  margin:0 auto;  position:relative;}
.cont-img{ width:1040px; height:225px; margin:30px auto;}
.cont-img span{ float:left; width:174px; height:224px;}
.mr42{ margin-right:42px;}




/*section4*/
.section4{ min-width:1100px; height:474px; background:#ffffff;}
.sec4{ height:474px;}
.sec4_h2{ width:1100px; height:116px; line-height:116px; font-size:48px; font-weight:bold; text-align:center; color:#1b4fe7;}
.sec4_img{ width:1100px; height:350px; margin:0 auto;}





/*section5*/
.section5{ min-width:1100px; height:680px; background:#ffffff;}
.sec5{ height:680px;}
.sec5_h2{ width:1100px; height:116px; line-height:116px; font-size:48px; font-weight:bold; text-align:center; color:#1b4fe7;}
.qypj_122{ margin-top: 30px; background-color: #fff;}
.qypj_122_list_box{position: relative;width: 1100px;height: 473px;overflow: hidden;margin: 0 auto;}
.qypj_122_list{ width: 2000px; position: absolute; left: 0; top: 0;}
.qypj_122_list .fl{ float: left;}
.qypj_122_list li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 250px; height: 473px; background: url(../img/qypj-phone-bg.png) no-repeat; margin-right: 16px; padding-top: 40px; padding-left: 7px; list-style:none;}











/*弹框*/
.modal-header{ width: 30px; height: 30px;}
.modal-header .close { position: absolute; top: 31px; right: 87px; font-size: 30px;}

#triggerModel{ display: none;}
.close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #eee;}
.close:hover,
.close:focus { color: #fff; text-decoration: none; cursor: pointer;}
button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0;}
.modal-open { overflow: hidden;}
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition:      -o-transform .3s ease-out;
	transition:         transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal-open .modal { overflow-x: hidden; overflow-y: auto;}
.modal-dialog{ position: relative; margin: 140px auto 35px; width: 650px; height: 447px;  background:url(../images/modal-dialog.png) center center no-repeat; background-size:100% 100%;}

.modal-content { position: relative; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 6px; outline: 0;}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000;}
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0;}
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5;}
.modal-main{ width: 650px; height: 500px; background:url(../img/tanchuang.png) no-repeat;}
.modal-main form{ width: 222px; height: 138px; margin-left:90px; margin-top:220px;}
.modal-main form input{ float:left; width:222px; height:58px; line-height:58px; font-size:24px; color:#333333; text-indent:10px; border:1px solid #1b4fe7; border-radius:15px; margin-bottom:20px;}
.modal-main form button{ float:left; width:222px; height:58px; line-height:58px; font-size:24px; color:#ffffff; text-indent:10px; background:#1b4fe7; border:none; border-radius:15px;}
/*nav_bt*/.nav_bt{ min-width:1100px; height:48px; margin:60px auto;}.nav_bt_cont{ height:48px;}.nav_bt_cont h3{ width:271px; height:48px; line-height:48px; font-size:26px; font-weight:bold; color:#1b4fe7; text-indent:22px; background:url(../img/news_title.png) no-repeat;}/*sec_news*/.sec_news{ min-width:1100px; height:860px;}.news_cont{ height:860px;}#news_Barin{ float:left; width:160px; height:160px;}#news_Barin li{ float:left; width:160px; height:50px; line-height:50px; text-align:center; font-size:24px; color:#666666; border:1px solid #bfbfbf; /* font-family:Source Han Sans CN;*/ margin-bottom:5px; }#news_Barin li:hover{ color:#1b4fe7; border:1px solid #1b4fe7;}#Barin_news{ float:right; width:910px; height:auto; border:1px solid #bfbfbf;  position:relative; padding:10px 10px;}#Barin_news div p{ width:910px; height:auto; line-height:30px; font-size:18px; color:#666666;}.footer{ min-width:1100px; height:232px; background:#444547; margin:0 auto;}.foot{ height:110px; padding-top:50px;}
.foot p{ width:455px; height:72px; line-height:36px; font-size:22px; color:#ffffff; text-align:center; margin:0 auto;}
.foot p a{ width:455px; height:72px; line-height:36px; font-size:22px; color:#ffffff; text-align:center; margin:0 auto;}