@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('');

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(../css/.com/jtym/css/about:blank);_background-attachment:fixed;}

body{-webkit-text-size-adjust:none;line-height:120%;font-family:微软雅黑,'Heiti SC',黑体,Arial;font-size:14px;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;}



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

.jspScrollable {outline:none;}

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

.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%;    display:none;}

.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%;     display:none;}

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

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



.jspVerticalBar{width:5px;}

.jspDrag{background:#383a95;}

.jspTrack{background:#6f71d9;}





/*--类--*/

.block{width:1250px;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%;}



/* 头部 */

#header{height:85px;width:100%;position:absolute;left:0;top:0;z-index:3;}

#header .logo{position:absolute;left:18px;top:30px;}

#header .ul{position:absolute;left:652px;top:40px;height:65px;line-height:65px;}

#header .ul a{color:#fff;font-size:20px;margin-right:45px;}

#header .ul span{color:#fff;font-size:20px;font-family:Arial, Helvetica, sans-serif;}

#header .nav{position:fixed;right:50%;top:20px;height:65px;margin-right:-604px;}

#header .nav h3{color:#fff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(../images/menu.png) right center no-repeat; line-height:65px; padding-right:40px;cursor:pointer;}

#header .snav{position:fixed;right:-418px;top:0;background:url(../images/black70.png) center center repeat;height:100%;width:418px;z-index:10;}

#header .snav .close{background:url(../images/close3.png) center center no-repeat;width:25px;height:25px;display:block;position:absolute;top:40px;left:35px;}

#header .snav .inner{width:262px;float:right;margin:40px 60px 0 0;}

#header .snav .inner h2{color:#fff;font-size:16px;line-height:1.2;}

#header .snav .inner .list{margin:18px 0 25px;}

#header .snav .inner .list .div .li{height:50px;line-height:50px;background:url(../images/arrow8.png) right center no-repeat;font-size:16px;color:#fff;border-bottom:solid 1px #232323;cursor:pointer;}

#header .snav .inner .list .div .li.n{background:url(../images/arrow9.png) right center no-repeat;}

#header .snav .inner .list .div .hide{padding:5px 0;display:none;} 

#header .snav .inner .list .div .hide a{display:block;float:left;color:#b8b8b8;font-size:14px;width:87px;line-height:25px;}

#header .snav .inner .lang{margin-top:20px;}

#header .snav .inner .lang a{color:#b8b8b8;font-size:16px;margin-right:55px;}

#header .snav .inner .lang a.now{color:#fff;}





/* 底部 */

#footer{background:#161616;height:322px;}

#footer .f1{height:238px;}

#footer .f1 .text{position:absolute;top:40px;left:19px;width:677px;background:url(../images/logo2.png) left top no-repeat;padding-left:114px;min-height:57px;}

#footer .f1 .text h3{color:#aaa;font-size:18px;line-height:1.2;margin-bottom:10px;}

#footer .f1 .text p{color:#aaa;font-size:14px;line-height:1.5;}

#footer .f1 .links{position:absolute;top:65px;right:8px;}

#footer .f1 .links span{float:left;color:#aaa;font-size:18px;line-height:1.2;margin-right:28px;}

#footer .f1 .links .a1{background:url(../images/img1.png) center top no-repeat;width:22px;height:23px;display:block;float:left;position:relative;cursor:pointer;}

#footer .f1 .links .a1:hover{background:url(../images/img1.png) center bottom no-repeat;}

#footer .f1 .links .a1 .search{position:absolute;right:-3px;top:-3px;background:url(../images/search.png) center center no-repeat;width:248px;height:36px;display:none;}

#footer .f1 .links .a1 .search input{width:195px;margin-left:15px;height:36px;line-height:36px;font-size:14px;color:#afafaf;float:left;}

#footer .f1 .links .a1 .search .btn{float:left;display:block;width:35px;height:36px;}

#footer .f1 .links .a2{background:url(../images/img2.png) center top no-repeat;width:29px;height:24px;display:block;float:left;margin-left:12px;}

#footer .f1 .links .a2:hover{background:url(../images/img2.png) center bottom no-repeat;}

#footer .f1 .links .a3{background:url(../images/img3.png) center top no-repeat;width:28px;height:23px;display:block;float:left;margin-left:12px;position:relative;}

#footer .f1 .links .a3:hover{background:url(../images/img3.png) center bottom no-repeat;}

#footer .f1 .links .a3 .er{position:absolute;right:0;top:30px;width:100px;height:100px;display:none;}

#footer .f1 .links .a3 .er img{width:100%;height:100%;}

#footer .f2{height:123px;border-top:solid 1px #212121;}

#footer .f2 a{font-size:14px;color:#aaa;}

#footer .f2 a:hover{color:#ddd;}

#footer .f2 .p1 a{margin:0 8px;}

#footer .f2 .p1{margin-top:42px;font-size:14px;color:#aaa;text-align:center;}

#footer .f2 .p2{font-size:14px;color:#555;padding-top:8px;text-align:center;}

#footer .f2 .p2 span{margin-left:20px;}





	

	

.page{text-align:center;height:36px;}

.page li{display:inline-block;width:36px;height:36px;line-height:35px;font-size:20px;font-family:Arial, Helvetica, sans-serif;color:#fff;*display:inline;*zoom:1;margin:0 2px;background:url(../images/k1.png) center center no-repeat;}

.page li a{color:#fff;display:block;}

.page li.no,.page li.no:hover{background:none;width:15px;font-size:14px;}

.page li.now,.page li:hover{background:url(../images/k2.png) center center no-repeat;}

.page li.now a,.page li:hover a{color:#fff;}	

	

	

	

	

/* 首页 */

#home .main1{position:relative;overflow:hidden;}

#home .main1 .frame{position:relative;overflow:hidden;}

#home .main1 .child{float:left;position:relative;perspective:800px;}

#home .main1 .child .banner img{width:100%;height:auto;}

#home .main1 .child .text{position:absolute;left:50%;top:50%;transform-style:preserve-3d;

/*-webkit-animation:banner1 1.5s ease-out 0.5s;

animation:banner1 1.5s ease-out 0.5s;

-webkit-animation-fill-mode:both;

animation-fill-mode:both;*/

}

@-webkit-keyframes banner1{

0%{-webkit-transform:scale(0) rotateX(90deg);}

100%{-webkit-transform:scale(1) rotateX(0deg);}

}

@keyframes banner1{

0%{transform:scale(0) rotateX(90deg);}

100%{transform:scale(1) rotateX(0deg);}

}

#home .main2{background:url(../images/bg48.jpg) center top no-repeat;height:1236px;}

#home .main2 .m1{height:367px;position:relative;}

#home .main2 .m1 .div1{position:absolute;background:url(../images/bg42.jpg) center center no-repeat;width:452px;height:172px;left:558px;top:67px;padding-left:60px;}

#home .main2 .m1 .div2{position:absolute;background:url(../images/bg43.jpg) center center no-repeat;width:452px;height:172px;left:528px;top:67px;padding-left:60px;}	

#home .main2 .m1 .div3{position:absolute;background:url(../images/bg44.jpg) center center no-repeat;width:452px;height:172px;left:528px;top:67px;padding-left:60px;}

#home .main2 .m1 .div4{position:absolute;background:url(../images/bg45.jpg) center center no-repeat;width:272px;height:172px;left:468px;top:67px;padding-left:40px;}

#home .main2 .m1 h3{color:#fff;font-size:20px;margin-top:40px;line-height:1.2;}

#home .main2 .m1 h4{color:#fff;font-size:18px;font-family:Arial, Helvetica, sans-serif;line-height:1.2;}

#home .main2 .m1 a{color:#949494;font-size:14px;position:absolute;left:40px;bottom:33px;}

#home .main2 .m1 a:hover{color:#fff;}

#home .main2 .m1 .line_m{border-left:solid 1px #909abd;height:93px;position:absolute;left:50%;margin-left:-0.5px;bottom:0;}

#home .main2 .m2{height:837px;position:relative;}

#home .main2 .m2 .first{width:846px;height:404px;position:absolute;left:50%;margin-top:-100px;margin-left:-423px;top:10px;display:none;}

#home .main2 .m2 .first.show{animation:a1 1s ease-out 0s 1 both;-webkit-animation:a1 1s ease-out 0s 1 both;}

@-webkit-keyframes a1{

0%{margin-top:-100px;opacity:0;}

100%{margin-top:0;opacity:1;}

}

@keyframes a1{

0%{margin-top:-100px;opacity:0;}

100%{margin-top:0;opacity:1;}

}

.animate{

	-webkit-animation:animate1 0.8s linear 0s 1;

	animation:animate1 0.8s linear 0s 1;

	-webkit-animation-fill-mode:both;

	animation-fill-mode:both;

}

@-webkit-keyframes animate1{

0% {

	-webkit-transform:scale(0);

}

50% {

	-webkit-transform:scale(1.1);

}

100% {

	-webkit-transform:scale(1);

}

}

@keyframes animate1{

0% {

	transform:scale(0);

}

80% {

	transform:scale(1.1);

}

100% {

	transform:scale(1);

}

}

#home .main2 .m2 .text1{text-align:center;position:absolute;width:100%;left:-50%;top:440px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

#home .main2 .m2 .text2{text-align:center;top:545px;left:0;width:100%;position:absolute;padding-bottom:60px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

#home .main2 .m2 .text2 h3{color:#fff;font-size:24px;line-height:1.2;}

#home .main2 .m2 .text2 h3 span{font-weight:bold;margin-left:12px;}

#home .main2 .m2 .text2 .p{margin-top:10px;font-size:14px;color:#fff;line-height:1.5;}

#home .main2 .m2 .text2 .con{display:block;text-decoration:none;font-size:14px;color:#fff;width:152px;text-align:center;height:33px;line-height:30px;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;position:absolute;bottom:0;left:50%;margin-left:-77px;}

#home .main2 .m2 .text2 .con:hover{border:1px solid #fff;}

#home .main2 .m2 .text2 .con .line{display:inline-block;background-color:#fff;position:absolute;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;-moz-transition:0.5s ease;}

#home .main2 .m2 .line_m{border-left:solid 1px #534668;height:90px;position:absolute;left:50%;margin-left:-0.5px;bottom:0;}

#home .main3{position:relative;overflow:hidden;}

#home .main3 .frame{position:relative;overflow:hidden;}

#home .main3 .frame .child{float:left;}

#home .main3 .frame .child .div1{width:33.33%;float:left;height:auto;}

#home .main3 .frame .child .div2{width:33.33%;float:left;position:relative;height:auto;}

#home .main3 .frame .child .div3{width:33.33%;float:left;position:relative;height:auto;}

#home .main3 .frame .child img{width:100%;height:auto;transition:all 0.5s linear 0s;-webkit-transition:all 0.5s linear 0s;}

#home .main3 .frame .child div{overflow:hidden;}

#home .main3 .frame .child div:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}

#home .main3 .frame .child .div2 h3{background:url(../images/black60.png) center center repeat;width:100%;text-align:center;left:0;bottom:0;position:absolute;height:55px;color:#fff;font-size:14px;line-height:55px;display:none;}

#home .main3 .frame .child .div2 .up{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black60.png) center center repeat;}

#home .main3 .frame .child .div3 .text{position:absolute;width:84%;left:50%;margin-left:-42%;top:18%;text-align:center;height:60%;}

#home .main3 .frame .child .div3 .text h3{color:#fff;font-size:20px;line-height:1.2;}

#home .main3 .frame .child .div3 .text h4{color:#fff;font-size:20px;line-height:1.2;font-weight:bold;margin-top:15px;}

#home .main3 .frame .child .div3 .text p{color:#fff;font-size:14px;line-height:1.5;margin-top:15px;}

#home .main3 .arrow_l{background:url(../images/arrow18.png) right center no-repeat;width:43px;height:28px;position:absolute;bottom:5%;left:50%;margin-left:-43px;display:block;}

#home .main3 .arrow_r{background:url(../images/arrow19.png) left center no-repeat;width:43px;height:28px;position:absolute;bottom:5%;right:50%;margin-right:-43px;display:block;}

#home .main3 .arrow_l:hover{background:url(../images/arrow20.png) right center no-repeat;}

#home .main3 .arrow_r:hover{background:url(../images/arrow21.png) left center no-repeat;}

#home .main4{/*background:url(../images/bg46.jpg) center top no-repeat;*/height:466px;position:relative;overflow:hidden;}

#home .main4 .bg{width:1920px;height:466px;position:absolute;left:50%;top:50%;margin:-233px 0 0 -960px;display:block;

animation:zoom1 15s linear 0s infinite;-webkit-animation:zoom1 15s linear 1s infinite;}

@-webkit-keyframes zoom1{

0%{-webkit-transform:scale(1);}

50%{-webkit-transform:scale(1.1);}

100%{-webkit-transform:scale(1);}

}

@keyframes zoom1{

0%{transform:scale(1);}

50%{transform:scale(1.1);}

100%{transform:scale(1);}

}

#home .main4 .line_m{border-left:solid 1px #a8a8a8;height:100px;position:absolute;left:50%;margin-left:-0.5px;top:33px;}

#home .main4 .text{width:816px;position:absolute;left:50%;margin-left:-408px;top:240px;text-align:center;padding-bottom:65px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

#home .main4 .text h3{color:#fff;font-size:30px;line-height:1.2;}

#home .main4 .text h4{color:#fff;font-size:39px;line-height:1.2;text-transform:uppercase;font-family:impact;margin-top:5px;}

#home .main4 .text p{font-size:14px;color:#fff;line-height:1.5;margin-top:10px;}

#home .main4 .text .con{display:block;text-decoration:none;font-size:14px;color:#fff;width:152px;text-align:center;height:33px;line-height:30px;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;position:absolute;bottom:0;left:50%;margin-left:-77px;}

#home .main4 .text .con:hover{border:1px solid #fff;}

#home .main4 .text .con .line{display:inline-block;background-color:#fff;position:absolute;-webkit-transition:0.5s ease;-o-transition:0.5s ease;transition:0.5s ease;-moz-transition:0.5s ease;}

#home .main5{height:242px;position:relative;overflow:hidden;background:#280f39;}

#home .main5 .l{background:#280f39;width:960px;position:absolute;left:50%;margin-left:-960px;height:242px;}

#home .main5 .l .text{width:438px;margin:42px 0 0 402px;}

#home .main5 .text h3{color:#fff;font-size:72px;line-height:1;font-family:Arial, Helvetica, sans-serif;}

#home .main5 .text h3 span{font-size:20px;margin-left:5px;}

#home .main5 .text h4{color:#fff;font-size:18px;line-height:1.2;margin-top:5px;}

#home .main5 .text p{color:#fff;line-height:1.5;margin-top:10px;}

#home .main5 .r{background:url(../images/bg47.jpg) center center no-repeat;width:960px;position:absolute;right:50%;margin-right:-960px;height:242px;}

#home .main5 .r .text{width:438px;margin:42px 0 0 103px;}

#home .main5 .more{background:url(../images/more.png) center center no-repeat;width:116px;height:50px;position:absolute;bottom:0;left:50%;margin-left:-58px;text-align:center;line-height:60px;color:#fff;font-size:14px;}









.black_b{background:url(../images/black70.png) center center repeat;position:fixed;left:0;top:0;width:100%;height:100%;}

.black_b .inner{width:300px;height:180px;position:absolute;left:50%;top:50%;margin:-90px 0 0 -200px;background:#f8f8f8;padding:0 50px;}

.black_b .inner .close{background:url(../images/close2.png) center center no-repeat;width:30px;height:31px;display:block;position:absolute;right:20px;top:20px;}

.black_b .inner p{margin-top:80px;text-align:center;font-size:18px;}

.black_b .inner .sure{display:block;background:#383a95;width:100px;height:30px;line-height:30px;margin:30px auto 0;text-align:center;color:#fff;font-size:14px;}









.can{position:fixed;top:200px;right:0;display:block;background:#000;color:#fff;font-size:16px;padding:10px;}





.cnav{position:fixed;right:0;top:100px;background:url(../images/black70.png) center center repeat;width:200px;padding:10px 0;z-index:10;display:none;}

.cnav .close{background:url(../images/close3.png) center center no-repeat;width:25px;height:25px;display:block;position:absolute;top:20px;right:20px;}

.cnav .inner{width:100px;float:right;margin:40px 60px 0 0;}

.cnav .inner .list{margin:10px 0 25px;}

.cnav .inner .list .div .li{height:50px;line-height:50px;font-size:16px;color:#fff;border-bottom:solid 1px #232323;cursor:pointer;}

.cnav .inner .list .div .li.n{background:url(../images/arrow9.png) right center no-repeat;}

.cnav .inner .list .div .hide{padding:5px 0;display:none;} 

.cnav .inner .list .div .hide a{display:block;float:left;color:#b8b8b8;font-size:14px;width:87px;line-height:25px;}