@font-face { 

font-family:"AvianRegular"; 

src: url('/zhuanti/bcpj/css/AvianRegular.eot'); 

src: url('/zhuanti/bcpj/css//zhuanti/bcpj/css/AvianRegular.eot') format('embedded-opentype'), 

  	 url('/zhuanti/bcpj/css/AvianRegular.woff') format('woff'), 

     url('/zhuanti/bcpj/css/AvianRegular.ttf')  format('truetype'), 

     url('/zhuanti/bcpj/css/AvianRegular.svg') format('svg'); 

    font-weight: normal;

    font-style: normal;

}

@charset "utf-8";

/* CSS Document */

/*

color:red !important;/* Firefox、IE7支持

_color:red;  IE6支持

*color:red;  IE6、IE7支持

*+color:red; IE7支持/

color:red\9; IE6、IE7、IE8支持

color:red\0; IE8支持

@media screen and(-webkit-min-device-pixel-ratio:0){} chrome

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');

_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;

_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));

behavior:url(/zhuanti/bcpj/css/'');

pointer-events:none;//鼠标穿透

-webkit-animation:0.3s ease-in 1.1s 1 ui;

-webkit-animation-fill-mode:both;

*/





/*--默认--*/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}

html{_background-image:url(/about:blank);_background-attachment:fixed;}

body{-webkit-text-size-adjust:none;line-height:120%;font-family:微软雅黑,'Heiti SC',黑体,Arial;font-size:12px;min-width:1250px;max-width:1920px;}

ol,ul,li{list-style:none outside none;padding:0;}

a{text-decoration:none;color:#707070;}

a:hover{color:#666;}

img{border:none;vertical-align:middle;}

table{border-collapse:collapse;}

tr,td,th{padding:0;margin:0;}

h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;}

i,b,strong{font-style:normal;font-weight:normal;}

input,textarea,select{border:1px solid #CCC;font-family:微软雅黑,'Heiti SC',黑体,Arial;outline:none;border:none;background:none;padding:0;}

a:focus{outline:none;}



/*--滚动条插件--*/

.jspContainer{overflow:hidden;position:relative;}

.jspPane{position:absolute;}

.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}

.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}

.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}

.jspCap{display:none;}

.jspHorizontalBar .jspCap{float:left;}

.jspTrack{background:#dde;position:relative;}

.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}

.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}

.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}

.jspArrow.jspDisabled{cursor:default;background:#80808d;}

.jspVerticalBar .jspArrow{height:16px;}

.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}

.jspVerticalBar .jspArrow:focus{outline:none;}

.jspCorner{background:#eeeef4;float:left;height:100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner{margin:0 -4px 0 0;}



.jspVerticalBar{width:5px;}

.jspDrag{background:#4b92da;}

.jspTrack{background:#aaa;background:url(/zhuanti/bcpj/image/line1.png) center top repeat-y;}







/*--类--*/

.block{width:1230px;margin:0 auto; position:relative;}

.clear{clear:both;height:0;overflow:hidden;}

.left{float:left;}

.right{float:right;}

.footb{position:fixed;_position:absolute;bottom:0;width:100%;}

#body{overflow:hidden;}





/* 头部 */

#header{height:150px;width:100%;position:absolute;left:0;top:97px;min-width:1250px;}

#header .logo{position:absolute;left:-25px;top:5px;}

#header .nav{position:absolute;top:0;right:0;line-height:130px;}

#header .nav .li{float:left;margin-left:33px;}

#header .nav .li a{font-size:16px;color:#fff;}







/* 底部 */

#footer{height:77px;text-align:center;color:#fff;font-size:12px;line-height:77px;background:#383838;}

#footer span{margin: 0 50px;}

#footer a{color:#fff;}

#footer br{ display: none;}







.snav{position:fixed;right:10px;top:350px;z-index:3;}

.snav .div{height:48px;margin-bottom:1px;position:relative;}

.snav .div .in1{background:url(/zhuanti/bcpj/image/bg4.png) center center no-repeat;width:55px;height:48px;right:0;top:0;text-align:center;position:absolute;display: none;}

.snav .div i{display:inline-block;height:100%; vertical-align:middle;}

.snav .div .in2{background:url(/zhuanti/bcpj/image/bg5.png) center center no-repeat;width:105px;height:48px;right:0;top:0;text-align:center;position:absolute;opacity: 1;}

.snav .div .in2 .img{float:left;height:48px;margin-left:9px;}

.snav .div .in2 h3{color:#fff;line-height:48px;font-size:14px;margin-left:5px;}









.home1{height:900px;margin-top:97px;}

.home1 .text{position:absolute;left:14px;top:315px;opacity:0;

transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;

transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);

transition:all 1.2s ease-out 0.2s;-webkit-transition:all 1.2s ease-out 0.2s;-moz-transition:all 1.2s ease-out 0.2s;}

.home1.show .text{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1;}

.home1 .text h2{color:#fff;font-size:133px;font-weight:bold;line-height:1;}

.home1 .text h3{color:#fff;font-size:32px;line-height:1;}

.home1 .text h4{color:#fff;font-size:52px;line-height:1.3;margin-top:15px;}

.home2{height:1000px;}

.home2 .text{background:url(/zhuanti/bcpj/image/bg1.png) center center no-repeat;width:758px;height:486px;position:absolute;left:-36px;top:-176px;opacity:0;transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;transform:translate(0,-200px);-webkit-transform:translate(0,-200px);-moz-transform:translate(0,-200px);}

.home2 .text .inner{width:538px;margin:88px auto 0;}

.home2 .text .inner h2{font-size:36px;color:#474747;line-height:1.3;}

.home2 .text .inner h3{font-size:30px;color:#474747;line-height:1.3;margin-top:2px;}

.home2 .text .inner .p{font-size:14px;color:#474747;line-height:1.5;margin-top:35px;}

.home2 .text .inner .p p{margin-top:20px;}

.home2 .pic{position:absolute;right:0;top:0;width:544px;height:682px;overflow:hidden;opacity:0;transition:all 1.2s ease-out 0.5s;-webkit-transition:all 1.2s ease-out 0.5s;-moz-transition:all 1.2s ease-out 0.5s;transform:translate(0,200px);-webkit-transform:translate(0,200px);-moz-transform:translate(0,200px);}

.home2 .circle{position:absolute;left:15px;top:360px;opacity:0;transition:all 1.2s ease-out 1s;-webkit-transition:all 1.2s ease-out 1s;-moz-transition:all 1.2s ease-out 1s;transform:translate(200px,0);-webkit-transform:translate(200px,0);-moz-transform:translate(200px,0);}

.home2 .circle .div{float:left;position:relative;margin-right:43px;width:284px;height:284px;}

.home2 .circle .div .up{width:202px;position:absolute;left:50%;margin-left:-101px;top:90px;text-align:center;}

.home2 .circle .div .up h3{font-size:72px;color:#474747;line-height:1;font-family:impact;}

.home2 .circle .div .up h4{font-size:14px;color:#474747;line-height:1.5;margin-top:5px;}

.home2 .links{position:absolute;left:0;top:752px;}

.home2.show .block>div{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}

.links{height:57px;width:100%;text-align:center;}

.links a{display:inline-block;background:url(/zhuanti/bcpj/image/btn1.png) center center no-repeat;width:302px;height:57px;line-height:57px;font-size:18px;color:#474747;margin:0 10px;}

.links a span.s1{display:inline-block;padding-left:53px;background:url(/zhuanti/bcpj/image/img1.png) left center no-repeat;}

.links a span.s2{display:inline-block;padding-left:40px;background:url(/zhuanti/bcpj/image/img2.png) left center no-repeat;}

.links a span.s3{display:inline-block;padding-left:40px;background:url(/zhuanti/bcpj/image/img3.png) left center no-repeat;font-family:Arial, Helvetica, sans-serif;}

.links a:hover{background:url(/zhuanti/bcpj/image/btn2.png) center center no-repeat;color:#fff;}

.links a:hover span.s1{background:url(/zhuanti/bcpj/image/img1-1.png) left center no-repeat;}

.links a:hover span.s2{background:url(/zhuanti/bcpj/image/img2-1.png) left center no-repeat;}

.links a:hover span.s3{background:url(/zhuanti/bcpj/image/img3-1.png) left center no-repeat;}

.home3{height:1146px;position:relative;}

.home3 .div1{position:absolute;top:0;left:50%;margin-left:-959px;width:935px;height:876px;overflow:hidden;opacity:0;transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;transform:translate(-200px,-200px);-webkit-transform:translate(-200px,-200px);-moz-transform:translate(-200px,-200px);}

.home3 .div2{width:640px;height:640px;background:#1567bb;position:absolute;top:0;right:50%;margin-right:-615px;opacity:0;transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;transform:translate(200px,-200px);-webkit-transform:translate(200px,-200px);-moz-transform:translate(200px,-200px);}

.home3 .div2 .inner{width:470px;margin:150px 0 0 98px;}

.home3 .div2 .inner h3{color:#fff;font-size:36px;line-height:1.3;}

.home3 .div2 .inner .p{color:#fff;font-size:14px;line-height:1.5;}

.home3 .div2 .inner .p p{margin-top:42px;}

.home3 .div2 .inner .ul{margin-top:15px;width:544px;}

.home3 .div2 .inner .ul .li{float:left;width:268px;}

.home3 .div2 .inner .ul .li h4{color:#fff;font-size:60px;line-height:1.1;font-family:impact;}

.home3 .div2 .inner .ul .li h5{color:#fff;font-size:14px;line-height:1.5;margin-top:2px;}

.home3 .div3{width:536px;height:507px;background:#1567bb;position:absolute;bottom:0;left:50%;margin-left:-561px;opacity:0;transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;transform:translate(-200px,200px);-webkit-transform:translate(-200px,200px);-moz-transform:translate(-200px,200px);}

.home3 .div3 .inner{width:390px;margin:95px auto 0;}

.home3 .div3 .inner h3{color:#fff;font-size:30px;line-height:1.3;}

.home3 .div3 .ul{width:465px;margin-top:68px;}

.home3 .div3 .ul .li{float:left;margin-right:35px;text-align:center;}

.home3 .div3 .ul .li h4{color:#fff;font-size:60px;line-height:1.1;font-family:impact;}

.home3 .div3 .ul .li h5{color:#fff;font-size:16px;line-height:1.5;margin-top:2px;}

.home3 .div3 .ul .li p{color:#fff;font-size:12px;line-height:1.5;margin:7px auto 0;width:160px;}

.home3 .div4{position:absolute;bottom:-65px;right:50%;margin-right:-935px;opacity:0;transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;transform:translate(200px,200px);-webkit-transform:translate(200px,200px);-moz-transform:translate(200px,200px);}

.home3.show>div{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}

.home4 .title{text-align:center;padding-top:240px;}

.home4 .title h3{color:#474747;line-height:1.3;font-size:36px;}

.home4 .box{background:url(/zhuanti/bcpj/image/bg2.jpg) center top no-repeat;height:757px;margin-top:65px;}

.home4 .box .c1{background:url(/zhuanti/bcpj/image/c3.png) center center no-repeat;width:368px;height:368px;position:absolute;top:86px;left:27px;z-index:1;text-align:center;opacity:0;

transform:rotate(180deg) scale(0.3);-webkit-transform:rotate(180deg) scale(0.3);

transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;}

.home4 .box h3{color:#fff;font-size:20px;line-height:1.2;margin-top:10px;}

.home4 .box .c2{background:url(/zhuanti/bcpj/image/c4.png) center center no-repeat;width:300px;height:300px;position:absolute;top:15px;left:353px;text-align:center;opacity:0;

transform:rotate(180deg) scale(0.3);-webkit-transform:rotate(180deg) scale(0.3);

transition:all 0.8s ease-out 1s;-webkit-transition:all 0.8s ease-out 1s;}

.home4 .box .c3{background:url(/zhuanti/bcpj/image/c5.png) center center no-repeat;width:251px;height:251px;position:absolute;top:238px;right:312px;text-align:center;opacity:0;

transform:rotate(180deg) scale(0.3);-webkit-transform:rotate(180deg) scale(0.3);

transition:all 0.8s ease-out 2s;-webkit-transition:all 0.8s ease-out 2s;}

.home4 .box .c4{background:url(/zhuanti/bcpj/image/c6.png) center center no-repeat;width:300px;height:300px;position:absolute;top:75px;right:0;text-align:center;opacity:0;

transform:rotate(180deg) scale(0.3);-webkit-transform:rotate(180deg) scale(0.3);

transition:all 0.8s ease-out 3s;-webkit-transition:all 0.8s ease-out 3s;}

.home4 .box .arrow1{display:block;background:url(/zhuanti/bcpj/image/arrow1.png) center center no-repeat;width:106px;height:56px;position:absolute;top:363px;left:393px;opacity:0;transition:all 0.2s ease-out 0.8s;-webkit-transition:all 0.2s ease-out 0.8s;}

.home4 .box .arrow2{display:block;background:url(/zhuanti/bcpj/image/arrow2.png) center center no-repeat;width:82px;height:76px;position:absolute;top:114px;left:706px;opacity:0;transition:all 0.2s ease-out 1.8s;-webkit-transition:all 0.2s ease-out 1.8s;}

.home4 .box .arrow3{display:block;background:url(/zhuanti/bcpj/image/arrow3.png) center center no-repeat;width:111px;height:61px;position:absolute;top:407px;right:168px;opacity:0;transition:all 0.2s ease-out 2.8s;-webkit-transition:all 0.2s ease-out 2.8s;}

.home4.show .block>div,.home4.show .block>span{transform:rotate(0deg) scale(1);-webkit-transform:rotate(0deg) scale(1);opacity:1;}

.home5{height:1460px;background:url(/zhuanti/bcpj/image/bg3.jpg) center bottom no-repeat;}

.home5 .title{text-align:center;padding-top:25px;width:860px;margin:0 auto;}

.home5 .title h3{font-size:36px;color:#474747;line-height:1.3;}

.home5 .title p{font-size:14px;color:#474747;line-height:1.5;margin-top:25px;}

.home5 .links{margin-top:40px;}

.home5 .box{position:relative;margin-top:33px;}

.home5 .box .tabar{position:absolute;left:-35px;top:0;background:url(/zhuanti/bcpj/image/bg6.png) center center no-repeat;width:652px;height:568px;}

.home5 .box .tabar .in{width:481px;margin:90px 0 0 90px;}

.home5 .box .tabar .in h3{font-size:30px;color:#474747;line-height:1.3;}

.home5 .box .tabar .in p{font-size:14px;color:#707070;line-height:1.5;margin-top:15px;}

.home5 .box .tabar .in ul{margin-top:25px;}

.home5 .box .tabar .in ul li{background:url(/zhuanti/bcpj/image/btn3.png) center center no-repeat;width:465px;height:44px;cursor:pointer;padding-left:16px;line-height:44px;font-size:16px;color:#474747;margin-bottom:3px;}

.home5 .box .tabar .in ul li.now,.home5 .box .tabar .in ul li:hover{background:url(/zhuanti/bcpj/image/btn4.png) center center no-repeat;color:#fff;}

.home5 .box .ulll{position:relative;}

.home5 .box .ulll .pic{position:absolute;right:-35px;top:0;}

.home5 .box .ulll .text{width:530px;position:absolute;left:13px;top:600px;}

.home5 .box .ulll .text h3{color:#fff;font-size:30px;line-height:1.3;}

.home5 .box .ulll .text .p{margin-top:25px;height:280px;overflow:auto;}

.home5 .box .ulll .text .p h4{font-size:22px;color:#fff;line-height:1.3;margin-bottom:10px;}

.home5 .box .ulll .text .p p{font-size:14px;color:#fff;line-height:1.5;}

.home5 .box .ulll .inner{display:none;}

.home5 .box .ulll .inner.a{display:block;}

.home6{height:1205px;}

.home6 .title{text-align:center;padding-top:190px;width:960px;margin:0 auto;}

.home6 .title h3{font-size:36px;color:#474747;line-height:1.3;}

.home6 .title p{font-size:14px;color:#474747;line-height:1.5;margin-top:25px;}

.home6 .tabar{height:45px;text-align:center;margin-top:48px;}

.home6 .tabar a{display:inline-block;width:169px;height:45px;line-height:45px;color:#474747;font-size:16px;background:url(/zhuanti/bcpj/image/btn5.png) center top no-repeat;margin:0 10px;}

.home6 .tabar a.now,.home6 .tabar a:hover{background:url(/zhuanti/bcpj/image/btn5.png) center bottom no-repeat;color:#fff;}

.home6 .box{margin:65px 0 0 -30px;}

.home6 .box .div{float:left;width:390px;margin-left:30px;cursor:pointer;}

.home6 .box .div .pic{width:390px;height:500px;overflow:hidden;}

.home6 .box .div img{width:100%;height:auto;

	 -webkit-transition:all .8s ease 0s;

	 -moz-transition:all .8s ease 0s;

	 transition:all .8s ease 0s;}

.home6 .box .div:hover img{

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	transform:scale(1.1);}

.home6 .box .div h3{text-align:center;font-size:24px;color:#474747;line-height:1.3;margin-top:32px;}

.home6 .box .div h4{text-align:center;font-size:14px;color:#474747;line-height:1.3;margin-top:6px;}

.home6 .box .div .hide3{position:fixed;background:#fff;width:1230px;height:504px;top:50%;left:50%;z-index:4;margin:-252px 0 0 -615px;display:none;}

.home6 .box .div .hide3 .close{display:block;width:23px;height:23px;position:absolute;top:55px;right:50px;}

.home6 .box .div .hide3 .inner{width:1022px;margin:105px auto 0;}

.home6 .box .div .hide3 .inner h3{font-size:24px;color:#474747;line-height:1.3;text-align:left;}

.home6 .box .div .hide3 .inner h3 span{font-size:18px;margin-left:20px;}

.home6 .box .div .hide3 .inner h4{font-size:18px;color:#474747;line-height:1.3;text-align:left;margin-top:40px;}

.home6 .box .div .hide3 .inner p{font-size:14px;color:#474747;line-height:1.5;text-align:left;margin-top:20px;}

.home6 .box .in{display:none;}

.home6 .box .in.a{display:block;}

.bgblack{width:100%;height:100%;position:fixed;left:0;top:0;z-index:3;background:url(/zhuanti/bcpj/image/black80.png) center center repeat;display:none;}

.home7{height:787px;}

.home7 .box1{background:url(/zhuanti/bcpj/image/bg7.jpg) center center no-repeat;width:615px;height:602px;position:absolute;left:0;top:0;opacity:0;

transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;

transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);-moz-transform:scale(0.7) rotateX(60deg);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;}

.home7 .box2{background:url(/zhuanti/bcpj/image/bg8.jpg) center center no-repeat;width:615px;height:602px;position:absolute;right:0;top:0;opacity:0;

transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;

transform:scale(0.7) rotateX(60deg);-webkit-transform:scale(0.7) rotateX(60deg);-moz-transform:scale(0.7) rotateX(60deg);

transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;-moz-transition:all 1s ease-out 0s;}

.home7 .inner{width:485px;margin:88px auto 0;}

.home7 .inner h3{color:#fff;line-height:1.3;font-size:30px;}

.home7 .inner h4{color:#fff;line-height:1.3;font-size:22px;}

.home7 .inner p{color:#fff;line-height:1.5;font-size:14px;}

.home7 .box1 .p{margin-top:38px;}

.home7 .box1 .p p{margin:10px 0 30px;}

.home7 .box2 .p{margin-top:75px;}

.home7 .box2 .p p{margin-top:20px;}

.home7.show .block>div{transform:scale(1) rotateX(0deg);-webkit-transform:scale(1) rotateX(0deg);-moz-transform:scale(1) rotateX(0deg);opacity:1;}

.home8{background:url(/zhuanti/bcpj/image/bg9.jpg) center top no-repeat;height:790px;}

.home8 .k{position:absolute;top:170px;left:35px;opacity:0;transform:translate(200px,200px);-webkit-transform:translate(200px,200px);-moz-transform:translate(200px,200px);transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}

.home8 .pic{position:absolute;top:125px;left:0;opacity:0;transform:translate(-200px,-200px);-webkit-transform:translate(-200px,-200px);-moz-transform:translate(-200px,-200px);transition:all 1.2s ease-out 0.3s;-webkit-transition:all 1.2s ease-out 0.3s;-moz-transition:all 1.2s ease-out 0.3s;}

.home8 .text{width:577px;position:absolute;top:125px;right:0;}

.home8 .text h3{color:#fff;font-size:36px;line-height:1.3;}

.home8 .text .p{background:url(/zhuanti/bcpj/image/yh.png) center center no-repeat;width:577px;height:241px;padding-top:80px;margin-top:40px;}

.home8 .text .p p{font-size:14px;color:#fff;line-height:1.5;margin-bottom:20px;}

.home8 .ul{position:absolute;top:575px;right:0;}

.home8 .ul .li{float:left;background:url(/zhuanti/bcpj/image/k2.png) center center no-repeat;width:114px;height:125px;float:left;margin-left:2px;text-align:center;cursor:pointer;position:relative;}

.home8 .ul .li .img{height:48px;margin-top:25px;}

.home8 .ul .li .img i{display:inline-block; vertical-align:middle; height:100%;}

.home8 .ul .li h3{color:#fff;font-size:16px;line-height:1.1;margin-top:12px;}

.home8 .ul .li .er{position:absolute;left:0;top:0;display:none;}

.home8.show .block>div{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}

.home9{height:1715px;}

.home9 .title{text-align:center;padding-top:318px;}

.home9 .title h3{font-size:36px;color:#474747;line-height:1.3;}

.home9 .text{position:absolute;width:432px;position:absolute;top:470px;left:16px;}

.home9 .text p{font-size:14px;color:#474747;line-height:1.5;margin-bottom:15px;}

.home9 .pic1{position:absolute;top:533px;right:0;}

.home9 .pic2{position:absolute;top:439px;right:280px;}

.home9 .tabar{position:absolute;left:11px;top:780px;}

.home9 .tabar .a1{display:block;background:url(/zhuanti/bcpj/image/btn6.png) center top no-repeat;width:380px;height:56px;padding-left:36px;line-height:56px;font-size:18px;color:#474747;}

.home9 .tabar .a1.now,.home9 .tabar .a1:hover{background:url(/zhuanti/bcpj/image/btn6.png) center bottom no-repeat;color:#fff;}

.home9 .tabar .a2{display:block;background:url(/zhuanti/bcpj/image/btn7.png) center top no-repeat;width:433px;height:56px;padding-left:36px;line-height:56px;font-size:18px;color:#474747;margin-top:9px;}

.home9 .tabar .a2.now,.home9 .tabar .a2:hover{background:url(/zhuanti/bcpj/image/btn7.png) center bottom no-repeat;color:#fff;}

.home9 .box{background:url(/zhuanti/bcpj/image/bg10.png) center top no-repeat;width:1302px;height:625px;position:absolute;left:50%;margin-left:-651px;top:935px;}

.home9 .box .inner{width:1140px;margin:115px 0 0 80px;display:none;}

.home9 .box .inner h3{font-size:30px;color:#474747;line-height:1.3;}

.home9 .box .inner .p{height:350px;overflow:auto;margin-top:35px;}

.home9 .box .inner .p p{font-size:14px;color:#474747;line-height:1.5;margin-top:12px;}

.home9 .box .inner .p h4{font-size:22px;color:#474747;line-height:1.5;margin-top:18px;}

.home9 .box .inner .p .jspDrag{background:#bebebe;}

.home9 .box .inner .p .jspTrack{background:#aaa;background:url(/zhuanti/bcpj/image/line2.png) center top repeat-y;}

.home9 .box .inner.a{display:block;}

.home10{height:705px;}

.home10 .title{text-align:center;}

.home10 .title h3{font-size:36px;color:#474747;line-height:1.3;}

.home10 .box{margin-top:60px;width:1230px;overflow:hidden;position:relative;height:445px;}

.home10 .box .ul{position:absolute;left:0;top:0;width:10000px;height:445px;}

.home10 .box .ul .li{float:left;width:280px;margin-right:37px;}

.home10 .box .ul .li h3{text-align:center;font-size:14px;color:#474747;line-height:1.3;margin-top:20px;}

.home10 .box .arrow_l{display:block;background:url(/zhuanti/bcpj/image/arrow4.png) left center no-repeat;width:36px;height:54px;position:absolute;top:160px;left:2px;z-index:1;}

.home10 .box .arrow_r{display:block;background:url(/zhuanti/bcpj/image/arrow4.png) right center no-repeat;width:36px;height:54px;position:absolute;top:160px;right:2px;z-index:1;}

.home11{height:720px;background:#192c3a;}

.home11 .title{text-align:center;padding-top:150px;}

.home11 .title h3{color:#fff;font-size:36px;line-height:1.3;}

.home11 .box{margin:65px 0 0 -40px;}

.home11 .box .div{float:left;width:214px;margin-left:95px;text-align:center;cursor:pointer;opacity:0;

transform:translate(200px,0);-webkit-transform:translate(200px,0);-moz-transform:translate(200px,0);

transition:all 1.2s ease-out 0s;-webkit-transition:all 1.2s ease-out 0s;-moz-transition:all 1.2s ease-out 0s;}

.home11.show .box .div{transform:translate(0);-webkit-transform:translate(0);-moz-transform:translate(0);opacity:1;}

.home11 .box .div .pic{position:relative;}

.home11 .box .div .pic .er{position:absolute;left:0;top:0;display:none;}

.home11 .box .div h3{color:#fff;font-size:24px;line-height:1.3;margin-top:20px;}









#top{height:97px;width:100%;position:fixed;left:0;top:0;min-width:1250px;background:#fff;z-index:3;box-shadow:0 0 20px rgba(0,0,0,0.2);}

#top .div{float:left;height:97px;width:307px;}

#top .div .img{float:left;margin:22px 0 0 45px;}

#top .div .img img{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

#top .div:hover .img img{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);}

#top .div h3{font-size:16px;float:left;line-height:97px;margin-left:8px;}

#top .div:hover{background:#fef2f2;}







.hide2{height:620px;background:#fff;position:fixed;left:50%;top:50%;width:1230px;margin:-310px 0 0 -615px;display:none;z-index:4;}

.hide2 .close{display:block;width:23px;height:23px;position:absolute;top:40px;right:40px;z-index:2;}

.hide2 .pic{height:520px;overflow:auto;width:1020px;margin:80px auto 0;padding-right:60px;}



.menu-btn{ display: none;}





@media screen and (max-width:640px){

	*, *:before, *:after{ box-sizing:border-box;}



	body{ line-height:1.5; font-size:0.22rem; min-width:320px;}

	/*--类--*/

	.block{ width:100%; height:100%; padding: 0 0.2rem;}



	/* 头部 */

	#header{ height:1rem; top:2.1rem; min-width:320px; z-index: 3;}

	#header .logo{ left:0; top:0; bottom: 0; margin: auto; width: 2rem; height: 0.87rem;}

	#header .logo img{ display: block; width: 100%;}

	#header .nav{ position: fixed; left: 0; top: 0; right: 0; padding: 1rem 0; background: #fff; line-height:2; z-index: 10; display: none;}

	#header .nav.down{ display: block;}

	#header .nav .li{ float: none; margin-left:0; text-align: center;}

	#header .nav .li a{ font-size:0.3rem; color: #474747;}



	/* 底部 */

	#footer{ padding: 0.2rem 0; height:auto; font-size:0.22rem; line-height:1.5;}

	#footer br{ display: block;}

	#footer span{ margin: 0 0 0 0.2rem;}





	.snav{ right:0.1rem; bottom:1rem;}

	.snav .div{height:auto;}

	.snav .div .in2{ position: static; padding: 0 0.1rem; background-size: contain; width:auto; height:0.46rem; white-space: nowrap; background: #54a7e0; border-radius: 0.05rem;}

	.snav .div .in2 .img{ display: none;}

	.snav .div .in2 h3{ line-height:0.46rem; font-size:0.22rem !important; margin-left:0;}



	.menu-btn{ position: absolute; top: 0; bottom: 0; right: 0.2rem; margin: auto; width: 0.3rem; height: 0.3rem; background: url(/zhuanti/bcpj/image/menu-btn.png) center no-repeat; background-size: contain; display: block;}

	.menu-close{ position: absolute; top: 0.2rem; right: 0.2rem; width: 0.23rem; height: 0.23rem; background: url(/zhuanti/bcpj/image/close.png) center no-repeat; background-size: contain;}



	.links{ position: static !important; margin-bottom: 0.2rem; height: auto; overflow: hidden;}

	.links a{ width: auto; height: 0.4rem; margin: 0 0.1rem 0.1rem; border-radius: 0.25rem; border: 1px solid #dfdfdf; padding: 0 0.2rem; background: none; font-size: 0.22rem; line-height: 0.4rem; white-space: nowrap;}

	.links a > a{ margin-left: 0.1rem;}

	.links a span{ height: 0.4rem; margin: 0 1%; padding-left: 0.3rem !important; background-size: 0.2rem !important;}



	.home1{ height:6rem; margin-top:0; background: center top no-repeat; background-size: cover;}

	.home1 .text{ left:0.2rem; top:0; bottom: 0; margin: auto; height: 1.7rem;}

	.home1 .text h2{ font-size:0.8rem;}

	.home1 .text h3{ font-size:0.24rem;}

	.home1 .text h4{ font-size:0.3rem; margin-top:0.2rem;}

	.home2{ height:auto;}

	.home2 .text{ background: none; width:100%; height:auto; position:static;}

	.home2 .text .inner{ width:100%; margin: 0; padding: 0.5rem 0;}

	.home2 .text .inner h2{ font-size:0.4rem;}

	.home2 .text .inner h3{ font-size:0.28rem;}

	.home2 .text .inner .p{font-size:0.22rem; margin-top:0.3rem;}

	.home2 .text .inner .p p{margin-top:0.2rem;}

	.home2 .pic{ position:static; width:100%; height:auto;}

	.home2 .pic img{ display: block; width: 100%;}

	.home2 .circle{ position:static; padding: 0.5rem 0; overflow: hidden;}

	.home2 .circle .div{ margin-right:0; width:2.9rem; height:2.9rem;}

	.home2 .circle .div + .div{ margin-left:0.2rem;}

	.home2 .circle .div img{ display: block; width: 100%;}

	.home2 .circle .div .up{ width:100%; left:0; margin-left:0; padding: 0 0.3rem; top:50%;

		-webkit-transform: translateY(-50%);

		transform: translateY(-50%);

	}

	.home2 .circle .div .up h3{ font-size:0.5rem;}

	.home2 .circle .div .up h4{ font-size:0.2rem;}



	.home3{ height:auto;}

	.home3 .div1{ position:static; margin-left:0; width:100%; height:auto;}

	.home3 .div1 img{ display: block; width: 100%;}

	.home3 .div2{ position:static; width:100%; height:auto; margin-right:0; padding: 0.2rem;}

	.home3 .div2 .inner{ width:100%; margin:0;}

	.home3 .div2 .inner h3{ font-size:0.4rem;}

	.home3 .div2 .inner .p{ font-size:0.22rem;}

	.home3 .div2 .inner .p p{ margin-top:0.4rem;}

	.home3 .div2 .inner .ul{ margin-top:0.2rem; width:100%; overflow: hidden;}

	.home3 .div2 .inner .ul .li{ width:50%; text-align: center;}

	.home3 .div2 .inner .ul .li h4{ font-size:0.5rem;}

	.home3 .div2 .inner .ul .li h5{ font-size:0.22rem;}

	.home3 .div3{ position:static; width:100%; height:auto; margin-left:0; padding: 0.2rem;}

	.home3 .div3 .inner{ width:100%; margin: 0;}

	.home3 .div3 .inner h3{ margin-bottom: 0.2rem; font-size:0.28rem;}

	.home3 .div3 .ul{ width:100%; margin-top:0; overflow: hidden;}

	.home3 .div3 .ul .li{ width: 50%; margin-right:0;}

	.home3 .div3 .ul .li h4{ font-size:0.5rem;}

	.home3 .div3 .ul .li h5{ font-size:0.26rem;}

	.home3 .div3 .ul .li p{ font-size:0.22rem; margin:7px auto 0; width:100%;}

	.home3 .div4{ position:static; margin-right:0; width: 100%;}

	.home3 .div4 img{ display: block; width: 100%;}



	.home4 .title{ padding-top:1rem;}

	.home4 .title h3{ font-size:0.4rem;}

	.home4 .box{ padding: 0.2rem 0; height:auto; margin-top:0.5rem; background-size: cover; overflow: hidden;}

	.home4 .box h3{ font-size:0.24rem; margin-top:0.1rem;}

	.home4 .box .c1{ float: left; background-size: contain; width:2.9rem;height:2.9rem; position:static; margin-bottom: 0.2rem;}

	.home4 .box .c2{ float: left; background-size: contain; width:2.9rem;height:2.9rem; position:static; margin-bottom: 0.2rem; margin-left: 0.2rem;}

	.home4 .box .c3{ float: left; background-size: contain; width:2.9rem;height:2.9rem; position:static;}

	.home4 .box .c4{ float: left; background-size: contain; width:2.9rem;height:2.9rem; position:static; margin-left: 0.2rem;}

	.home4 .box .arrow1{ display:none;}

	.home4 .box .arrow2{ display:none;}

	.home4 .box .arrow3{ display:none;}

	.home4 .box .img{ margin: 0.5rem auto 0 !important; width: 1rem;}

	.home4 .box .img img{ display:block; width: 100%;}



	.home5{ height:auto; background: none;}

	.home5 .title{ padding-top:0.2rem; width:100%;}

	.home5 .title h3{ font-size:0.4rem;}

	.home5 .title p{ font-size:0.22rem; margin-top:0.2rem;}

	.home5 .links{ margin-top:0.5rem;}

	.home5 .box{ margin-top:0.3rem;}

	.home5 .box .tabar{ position:static; width:100%; height:auto; background: none;}

	.home5 .box .tabar .in{ width:100%; margin: 0;}

	.home5 .box .tabar .in h3{ font-size:0.4rem;}

	.home5 .box .tabar .in p{ font-size: 0.22rem; margin-top:0.1rem;}

	.home5 .box .tabar .in ul{ margin-top:0.2rem;}

	.home5 .box .tabar .in ul li{ border: 1px solid #dfdfdf; width:100%; height:auto; background: #fff; border-radius: 0.05rem; padding:0 0.2rem; line-height: 0.4rem; font-size:0.24rem; margin-bottom:0.1rem;}

	.home5 .box .tabar .in ul li.now,.home5 .box .tabar .in ul li:hover{background: #1567bb;}

	.home5 .box .ulll .pic{ position:static;}

	.home5 .box .ulll .pic img{ display: block; width: 100%;}

	.home5 .box .ulll .text{ padding: 0.2rem; width:100%; background: #1567bb; position:static;}

	.home5 .box .ulll .text h3{ font-size:0.3rem;}

	.home5 .box .ulll .text .p{ margin-top:0.2rem; height:3rem;}

	.home5 .box .ulll .text .p h4{ font-size:0.24rem; margin-bottom:0.1rem;}

	.home5 .box .ulll .text .p p{ font-size:0.22rem;}

	

	.home6{ height:auto;}

	.home6 .title{ padding-top:1rem; width:100%;}

	.home6 .title h3{ font-size:0.3rem;}

	.home6 .title p{ font-size:0.22rem; margin-top:0.2rem;}

	.home6 .tabar{ height:0.5rem; margin-top:0.5rem; font-size: 0;}

	.home6 .tabar a{ width:30%; height:0.5rem; border-radius: 0.25rem; line-height:0.5rem; font-size:0.24rem; margin:0 1%; background: none; border: 1px solid #e3e3e3;}

	.home6 .tabar a.now,.home6 .tabar a:hover{background: #3e8ddc; border-color: #3e8ddc; color:#fff;}

	.home6 .box{ margin:0.5rem 0;}

	.home6 .box .div{ width:32%; margin-left:0;}

	.home6 .box .div + .div{ margin-left:2%;}

	.home6 .box .div .pic{ width:100%; height:2.46rem;}

	.home6 .box .div h3{ font-size:0.26rem; margin-top:0.2rem;}

	.home6 .box .div h4{ font-size:0.22rem; margin-top:0.1rem;}

	.home6 .box .div .hide3{ width:100%; height:auto; padding: 0.5rem 0.2rem; top:50%; left:0; margin:0;

		-webkit-transform: translateY(-50%);

		transform: translateY(-50%);

	}

	.home6 .box .div .hide3 .close{ width:0.23rem; height:0.23rem; top:0.2rem; right:0.2rem;}

	.home6 .box .div .hide3 .close img{ display: block; width:100%;}

	.home6 .box .div .hide3 .inner{ width:100%; margin:0;}

	.home6 .box .div .hide3 .inner h3{ font-size:0.3rem;}

	.home6 .box .div .hide3 .inner h3 span{font-size:0.26rem; margin-left:0.2rem;}

	.home6 .box .div .hide3 .inner h4{ font-size:0.28rem; margin-top:0.4rem;}

	.home6 .box .div .hide3 .inner p{ font-size:0.22rem; margin-top:0.2rem;}

	.home6 .box .in{ overflow: hidden;}



	.home7{ height:auto; margin-bottom: 0.5rem;}

	.home7 .box1, .home7 .box2{ padding: 0.2rem; background-position: right bottom; background-size: cover; width:100%; height:auto; position:static;}

	.home7 .inner{ width:100%; margin:0;}

	.home7 .inner h3{ font-size:0.3rem;}

	.home7 .inner h4{ font-size:0.26rem;}

	.home7 .inner p{ font-size:0.22rem;}

	.home7 .box1 .p{ margin-top:0.3rem;}

	.home7 .box1 .p p{ margin:0.1rem 0 0.3rem;}

	.home7 .box2 .p{ margin-top:0.5rem;}

	.home7 .box2 .p p{ margin-top:0.2rem;}

	.home7 .box2 .p p:first-child{ margin-top:0;}



	.home8{ background-size: cover; height:auto; padding: 0.2rem 0;}

	.home8 .k{ display: none;}

	.home8 .pic{ position:static; margin-bottom: 0.5rem;}

	.home8 .pic img{ display: block; width: 100%;}

	.home8 .text{ width:100%; position:static;}

	.home8 .text h3{ font-size:0.4rem;}

	.home8 .text .p{ background: none; width:100%; height:auto; padding-top:0; margin-top:0.4rem;}

	.home8 .text .p p{ font-size:0.22rem; margin-bottom:0.2rem;}

	.home8 .ul{ position:static; overflow: hidden;}

	.home8 .ul .li{ background:none #ff9495; border-radius: 0.05rem; width: 1.19rem; height:1.7rem; margin-left:0;}

	.home8 .ul .li + .li{ margin-left:0.01rem;}

	.home8 .ul .li .img{ width: 0.7rem; height:auto; margin:0.2rem auto 0;}

	.home8 .ul .li .img img{ display: block; width: 100%;}

	.home8 .ul .li .img i{ display:none;}

	.home8 .ul .li h3{ font-size:0.22rem; margin-top:0.1rem; word-break: break-all;}

	.home8 .ul .li .er{ right: 0;}

	.home8 .ul .li .er img{ display: block; width: 100%;}

	

	.home9{height:auto; margin-bottom: 1rem;}

	.home9 .title{ padding-top:1rem; margin-bottom: 0.2rem;}

	.home9 .title h3{ font-size:0.4rem;}

	.home9 .text{ position:static; width:100%; margin-bottom: 0.2rem;}

	.home9 .text p{ font-size:0.22rem; margin-bottom:0.1rem;}

	.home9 .pic1{ float: left; position:static; width: 49%;}

	.home9 .pic1 img{ display: block; width: 100%;}

	.home9 .pic2{ float: left; position:static; width: 49%; margin-left: 2%;}

	.home9 .pic2 img{ display: block; width: 100%;}

	.home9 .tabar{ position:static; padding-top: 0.2rem; clear: both;}

	.home9 .tabar .a1{ display:block; background:none; width:100%; height:auto; border: 1px solid #e7e7e7; border-radius: 0.25rem; padding:0 0.3rem; line-height:0.5rem; font-size:0.24rem;}

	.home9 .tabar .a1.now,.home9 .tabar .a1:hover{ background:#f37c7d; border-color: #f37c7d;}

	.home9 .tabar .a2{ display:block; background:none; width:100%; height:auto; border: 1px solid #e7e7e7; border-radius: 0.25rem; padding:0 0.3rem; line-height:0.5rem; font-size:0.24rem; margin-top:0.1rem;}

	.home9 .tabar .a2.now,.home9 .tabar .a2:hover{ background:#f37c7d; border-color: #f37c7d;}

	.home9 .box{ background:none; width:100%; height:auto; position:static; margin-left:0; padding: 0.2rem;}

	.home9 .box .inner{ width:100%; margin:0;}

	.home9 .box .inner h3{ font-size:0.3rem;}

	.home9 .box .inner .p{ height:3rem; margin-top:0.3rem;}

	.home9 .box .inner .p p{ font-size:0.22rem; margin-top:0.1rem;}

	.home9 .box .inner .p h4{ font-size:0.24rem; margin-top:0.2rem;}

	

	.home10{ height:auto; margin-bottom: 1rem;}

	.home10 .title h3{ font-size: 0.4rem;}

	.home10 .box{ margin-top:0.5rem; width:100%; height:4.8rem;}

	.home10 .box .ul{ height:auto; overflow: hidden;}

	.home10 .box .ul .li{ width:2.9rem; margin-right:0.2rem;}

	.home10 .box .ul .li h3{ font-size:0.22rem; margin-top:0.2rem;}

	.home10 .box .ul .pic img{ display: block; width: 100%;}

	.home10 .box .arrow_l{ width:0.4rem; height:auto; top:0; left:0; bottom: 0.8rem; background-size: 200%;}

	.home10 .box .arrow_r{ width:0.4rem; height:auto; top:0; right:0; bottom: 0.8rem; background-size: 200%;}

	

	.home11{ height:auto;}

	.home11 .title{ padding-top:1rem;}

	.home11 .title h3{ font-size:0.3rem;}

	.home11 .box{ margin:0.5rem 0 0; overflow: hidden;}

	.home11 .box .div{ width:2.9rem; margin-left:0; margin-bottom: 0.2rem;}

	.home11 .box .div:nth-child(even){ margin-left:0.2rem;}

	.home11 .box .div .pic{ position:relative;}

	.home11 .box .div .pic img{ display: block; width: 100%;}

	.home11 .box .div h3{ font-size:0.3rem; margin-top:0.2rem;}

	.home11 .box .div .pic .er{ right: 0;}







	#top{ position: relative; padding: 0.1rem 0; height:auto; min-width:320px;}

	#top .div{ float: none; height:auto; width:100%; overflow: hidden;}

	#top .div + .div{ margin-top: 0.1rem;}

	#top .div .img{ margin:0 !important; width: 0.35rem;}

	#top .div .img img{ display: block; width: 100%;}

	#top .div h3{ font-size:0.28rem; line-height:0.4rem; margin-left:0.1rem;}





.hide2{height:620px;background:#fff;position:fixed;left:50%;top:50%;width:1230px;margin:-310px 0 0 -615px;display:none;z-index:4;}

.hide2 .close{display:block;width:23px;height:23px;position:absolute;top:40px;right:40px;z-index:2;}

.hide2 .pic{height:520px;overflow:auto;width:1020px;margin:80px auto 0;padding-right:60px;}





}