@font-face {
font-family:"AvianRegular";
src: url('AvianRegular.eot');
src: url('AvianRegular.eot?#iefix') format('embedded-opentype'),
  	 url('AvianRegular.woff') format('woff'),
     url('AvianRegular.ttf')  format('truetype'),
     url('AvianRegular.svg#Garamond') 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));
pointer-events:none;
-webkit-appearance:none;
.gray{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
@media screen and (min-width:540px){
body{width:540px;}
header{width:540px;}
}
@media screen and (max-width:320px){
body{width:320px;}
header{width:320px;}
}
*/


/*--默认--*/
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;_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;font-family:微软雅黑;font-size:12px;color:#707070;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}

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;line-height:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;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%;}
.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 -3px 0 0;}
.jspVerticalBar{width:15px;}
.jspDrag{background:#e0e0e0;}
.jspTrack{background:url(../image/line8.png) center center no-repeat; }

/*@font-face{
    font-family:'AvianRegular';
    src: url('AvianRegular.eot');
    src: url('AvianRegular.eot?#iefix') format('embedded-opentype'),
         url('AvianRegular.woff2') format('woff2'),
         url('AvianRegular.woff') format('woff'),
         url('AvianRegular.ttf') format('truetype'),
         url('AvianRegular.svg#AvianRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}*/

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}
.left{float:left;}
.right{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}


/*--通用--*/
body{min-width:1230px;max-width:1920px;font-size:14px;color:#707070; margin:0 auto;}
.block{width:1230px;margin:0 auto;position:relative;}

/*头*/
#header{ position:relative; z-index:200; border-bottom:1px solid #eeeeee; height:90px;}
#header .logo{ width:170px; height:39px; overflow:hidden; position:absolute; left:0;top:23px;}
#header .logo img{ width:100%;}
#header .nav{ position:absolute; left:320px; top:0;}
#header .nav ul{ float:left; margin-right:30px;}
#header .nav li{ float:left; position:relative;}
#header .nav li a{ display:block; font-size:16px; padding:0 25px; line-height:90px;}
#header .nav li.cur a{ border-color:#0d6595;}
#header .nav .subnav{ display:none; position:absolute; left:0; top:100%; width:100%; float:none; padding:22px 0 16px; text-align:center; background:url(../image/opacity-60.png);}
#header .nav .subnav a{ font-size:16px; line-height:40px; color:#fff; padding:0; border:none;}
#header .nav .subnav a:hover{ color:#61c2f5;}
#header .nav .tel{ background:url(../image/tel.png) left center no-repeat;height:34px; float:left;  height:90px;margin-left: 35px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#474747; line-height:90px; padding-left:27px; margin-right:20px;}
#header .nav .search{background:url(../image/search.png) left center no-repeat; height:90px; width:36px; float:left; margin-right:6px;}
#header .nav .en{ background:url(../image/en.png) center center no-repeat; width:36px; height:36px; float:right; height:90px;}
#header a{ color:#474747;}
#header a:hover{ color:#ddd;}
#header.bor {border-bottom: 1px solid #d6d6d6;}
#header.other{ border:none; }
#header.other .nav li a{ color:#ffffff;}
#header.other .nav .tel{ background:url(../image/tel1.png) left center no-repeat;height:34px; float:left;  height:90px;margin-left: 30px; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#ffffff; line-height:90px; padding-left:27px; margin-right:25px;}
#header.other .nav .search{background:url(../image/search1.png) left center no-repeat; height:90px; width:36px; float:left; margin-right:6px;}
#header.other .nav .en{ background:url(../image/en1.png) center center no-repeat; width:36px; height:36px; float:right; height:90px;}
#header .input{ width:260px; height:53px; background:url(../image/input-h.png) center center no-repeat; position:absolute; right:0; top:90px; padding-left:10px; display:none;}
#header .input input{ background:none; border:none; width:170px; height:53px; line-height:53px;}
#header .input .btn{ width:79px; float:right; height:53px;}
/*首页*/
.carousels.other{ margin-top:-90px;}
.carousels .focus{  width:100%; height:100% ;position:relative; overflow:hidden;}
.carousels .focus .frame{  width:100%; height:100%; position:relative;  float:left;overflow:hidden;}
.carousels .focus .frame .child{ width:100%; height:100%; position:relative; float:left;overflow:hidden;}
.carousels .focus .nav{ width:100px; height:35px; border-radius:30px; background:url(../image/nav1-new.png) center center repeat; position:absolute; right:100px;  bottom:100px; text-align:center;}
.carousels .focus .nav a{ display:inline-block; width:14px; height:35px; background:url(../image/nav2-new.png) right center no-repeat; margin:0 2px;}
.carousels .focus .nav .now{width:14px; height:35px; background:url(../image/nav2-new.png) left center no-repeat; }
.home1{ margin-top:-90px;  height:790px; position:relative;}
.home1 .line{ display:block; background:url(../image/line.png) center center no-repeat; width:896px; height:559px; position:absolute; left:28px;top:210px; z-index:100;}
.home1 .right{ width:50%; float:right; background:url(../image/right.png) center center repeat; height:790px; position:relative;}
.home1 .right .text { position:absolute; left:60px; top:50%; margin-top:-110px;opacity:0;
transform:translateY(-100px) scale(0);-webkit-transform:translateY(-100px) scale(0);
transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s; z-index:100;}
.home1.show .right .text{transform:translateY(0) scale(1);-webkit-transform:translateY(0) scale(1);opacity:1;}
.home1 .right .text h1{ font-family:Impact; font-size:56px; line-height:1.1; color:#ffffff; text-transform:uppercase;}
.home1 .right .text h2{ font-size:32px; color:#ffffff; line-height:1.2;}
.home1 .right .text h2:after{ content:""; display:block; width:60px; height:3px; background:#ffffff; margin-top:15px;}
.home1 .right .text p{ font-size:16px; color:#ffffff; line-height:1.5; width:554px; margin-top:15px;}
.home1 .right .text .more{ font-size:12px; color:#ffffff; line-height:1.5; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; display:block; background:url(../image/more.png) right center no-repeat; width:120px; margin-top:20px;}
.home2 .body-left{ width:50%; float:left; padding-top:200px;}
.home2 .body-left h2{ font-size:32px; color:#474747; line-height:1.5; background:url(../image/line1.png) left center no-repeat; padding-left:150px; margin-bottom:7px;}
.home2 .body-left p{ font-size:14px; color:#707070; line-height:1.5;background:url(../image/line2.png) 60px center no-repeat; padding-left:150px; width:410px;}
.home2 .body-left .more{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#707070; line-height:1.5; text-transform:uppercase; background:url(../image/more1.png) right center no-repeat; width:117px; display:block; padding-left:150px; margin-top:15px;}
.home2 .body-left .more:after{ content:""; display:block; width:40px; height:2px; background:#e2e2e2;}
.home2 .body-left .btn{ padding-left:150px; margin-top:30px; height:35px;}
.home2 .body-left .btn a{ width:155px; height:35px; line-height:35px; border:1px solid #d9d9d9; border-radius:50px; float:left; text-align:center; margin-right:10px;}
.home2 .body-left .btn .num{font-family: AvianRegular; }
.home2 .body-left .btn .online:hover{ background:#258f68; color:#ffffff; border:1px solid #258f68;}
.home2 .body-left .line{ width:3px; height:56px; background:url(../image/line3.png) center center no-repeat; display:block; margin-top:100px; margin-left:30px;}
.home2 .body-right{ width:50%; float:right; padding-top:108px;}
.home2 .body-right .item{ float:left; margin-left:15px; margin-bottom:15px; position:relative;}
.home2 .body-right .item.frist{ margin-left:0;}
.home2 .body-right .item .hide{ width:100%; height:100%; position:absolute; left:0; top:0; background:#258f68; text-align:center;display:none;}
.home2 .body-right .item .hide h3{ font-size:16px; color:#ffffff; line-height:1.2; margin-top:70px;}
.home2 .body-right .item .hide p{ width:28px; height:28px; display:block; background:url(../image/more2.png) center center no-repeat; margin:0 auto; margin-top:10px; }
.home3{ padding:47px 0 105px;}
.home3 h1{ font-size:32px; color:#474747; line-height:1.5; text-align:center;}
.home3 h1:after{ content:""; display:block; width:60px; height:3px; background:#26629a; margin:0 auto; margin-top:10px;}
.home3 .inner{ margin:40px 0;}
.home3 .inner .item{ width:608px; float:left; background:#f4f4f4; margin-left:10px; margin-bottom:10px; position:relative;}
.home3 .inner .item.frist{ margin-left:0;}
.home3 .inner .item .pic{ width:268px; height:202px; overflow:hidden; float:left;}
.home3 .inner .item .pic img{width:100%;height:auto;
	 -webkit-transition:all .8s ease 0s;
	 -moz-transition:all .8s ease 0s;
	 transition:all .8s ease 0s;}
.home3 .inner .item .pic:hover img{
	-webkit-transform:scale(1.08);
	-moz-transform:scale(1.08);
	transform:scale(1.08);}
.home3 .inner .item .text{padding-left:298px; text-align:left; padding-right:34px; padding-top:40px;}
.home3 .inner .item .text h3{ font-size:18px; color:#474747; line-height:1.2;}
.home3 .inner .item .text h4{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#707070; line-height:1.5; margin:8px 0 3px;}
.home3 .inner .item .text p{ font-size:14px; color:#707070; line-height:1.5;}
.home3 .inner .item span{ width:44px; height:44px; background:url(../image/logo2.png) center center no-repeat; position:absolute; right:-22px; top:50%; margin-top:-22px; z-index:100;}
.home3 .more{ width:175px; height:38px; line-height:38px; text-align:center; border:1px solid #d1d1d1; border-radius:50px; display:block; margin:0 auto;}

/*底部*/
#footer{ height:65px; line-height:65px; background:url(../image/foot.png) center center repeat; position:relative;}
#footer .main-left{ font-size:12px; color:#818181; position:absolute; left:0; top:0; z-index:10;}
#footer .main-m{ font-family:微软雅黑;font-size:12px; color:#818181; line-height:65px; padding-left:50px;text-align:center;}
#footer .main-r{ position:absolute; right:0; top:0; font-size:12px; color:#818181;}

/*右侧top*/
.rightsidebar {position: fixed;right: 0;top: 50%;background: url(../image/right_bar.png) no-repeat center;width: 70px;height: 123px;}
.rightsidebar li  {text-align: center;height: 61px; cursor: pointer;}
.rightsidebar li i {display: inline-block;width: 21px;height: 21px;background: url(../image/swp2.png) no-repeat;margin-top: 10px;}
.rightsidebar li span {color: #fff;display: block;text-align: center;}
.rightsidebar li i.i1 {background-position: 0 0px;}
.rightsidebar li i.i2 {background-position: 0 -42px;}
.rightsidebar li:hover .i1{background-position: -30px 0px;}
.rightsidebar li:hover .i2 {background-position: -30px -42px;}
/*.rightsidebar li:hover span {color: #333;}*/

/* 2020-2-18 */

.rightsidebar{ background: none; width: 67px; }
.rightsidebar li{ background: url(../image/npng5_03.png) no-repeat center; margin-bottom: 1px; }
.rightsidebar li i.i0{ background: url(../image/npng1_03.png) no-repeat center; }
.rightsidebar li.popbtn:hover i.i0{ background-image: url(../image/npng2_03.png); }
.rightsidebar li.popbtn{ display: none; }
.rightsidebar li.popbtn.n_show{ display: block; }

/* 2020-2-18 */