@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(css/PIE.htc);
pointer-events:none;//鼠标穿透
-webkit-animation:0.3s ease-in 1.1s 1 ui;
-webkit-animation-fill-mode:both;
*/

/*
解决safari浏览器添加transform属性对文字的影响
-webkit-font-smoothing: antialiased;
*/
/*--默认--*/
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{line-height:120%; min-height:100px; font-family:"微软雅黑",Arial;font-size:14px; min-width:1250px;  max-width:1920px; margin:0 auto; color:#333;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#474747;}
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; margin:0; padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight:normal; margin:0; padding:0;}
i,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{border:1px solid #CCC;font-family:"微软雅黑",Arial;outline:none;border:none; background:none;padding:0; outline: none; /* -webkit-appearance: none; */ }

input::-ms-clear{display: none;}
input::-ms-reveal{display: none;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #707070; opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#707070;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#707070;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#707070;opacity: 1;}
textarea{ resize:none; }


a:focus{outline:none;}

@font-face {
    font-family: 'futura_medium';
    src: url('fonts/futura_medium.eot');
    src: url('fonts/futura_medium.eot') format('embedded-opentype'),
         url('fonts/futura_medium.woff2') format('woff2'),
         url('fonts/futura_medium.woff') format('woff'),
         url('fonts/futura_medium.ttf') format('truetype'),
         url('fonts/futura_medium.svg#futura_medium') format('svg');
}
@font-face {
    font-family: 'bold';
    src: url('fonts/tt0144m.eot');
    src: url('fonts/tt0144m.eot') format('embedded-opentype'),
         url('fonts/tt0144m.woff2') format('woff2'),
         url('fonts/tt0144m.woff') format('woff'),
         url('fonts/tt0144m.ttf') format('truetype'),
         url('fonts/tt0144m.svg#bold') format('svg');
}


.tran_scale{ overflow:hidden !important; display:block; transform: rotate(0deg); -webkit-transform: rotate(0deg); width:100%; height:100%; }
.tran_scale img{transition:all 0.5s; -webkit-transition:all 0.5s;  -moz-transition:all 0.5s; transform:scale(1); -webkit-transform:scale(1);  display:block; width:100%; height:100%; }
.tran_scale:hover img{ transform:scale(1.02); -webkit-transform:scale(1.02);  }


/*clear 页头，页脚，内容区都不用再加清除样式 */
.cf:before{ content: ''; display: table }
.cf:after{ content: ''; display: table; clear: both; }
.cf{ *zoom: 1 }
.fr{ float:right; }
.fl{ float:left; }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.wrap{ width:1230px; margin:0 auto; position: relative; z-index:1; }

.body_box{  overflow: hidden; }

/*下拉*/
.sc_com{  position:relative; border:1px solid #d1d1d1; margin:0 auto; border-radius: 5px; }
.sc_com .select-box{ width:100%; height:36px; line-height:36px; position:relative; color:#474747;  }
.select-box dd{ top:36px; }
.select-box dt{ height:100%; }
.select-box dt a { display:block; cursor:pointer; overflow:hidden; position:relative; z-index:2;  height:100%; margin:0 10px; }
.select-box dt a b { overflow:hidden; height:100%; width:90%; color:#474747; font-size:14px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal; text-indent: 5px; }
.select-box dd{ border-radius: 0 0 5px 5px; position:absolute; background:#fff; left:-1px; width:100%; display:none; border:1px solid #d1d1d1; border-top:0; }
.select-box dd a{  cursor:pointer; background:#fff;  display:block; color:#474747; line-height:20px; line-height: 36px; padding:0 5px; text-indent:0; margin:0 10px; border-top: 1px solid #d1d1d1; }
.ieopen .select-box dt{ z-index:10; }
.ieopen .select-box{ z-index:11; }
.ieopen .select-box dd{ display: block; }

.ieopen.sc_com{ background:#fff; border-bottom-color:rgba(0,0,0,0); border-radius: 5px 5px 0 0;  }

.select-box .down{ width:35px; height:100%; position:absolute; top:0; right:0; background: url(../image/down.png) no-repeat center center;  }
.select-box .select_a{ max-height:190px; }
.select-box .mCSB_inside > .mCSB_container{ margin-right:0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#38935e !important;  }
/*下拉*/

.page{ text-align:center; padding-top:35px; }
.page a{ margin:0 3px; display:inline-block; width:38px; height:38px; border:1px solid #ddd; line-height:38px; text-align:center; border-radius: 5px; font-size: 16px; font-family: arial;  transition:all 0.3s; -webkit-transition:all 0.3s; }
.page a.on,.page a:hover{ background-color:#5c983e; border:1px solid #5c983e; color:#fff; }
.page .prev,.page .next{ font-family: "宋体";font-weight: bold; }


.body{ margin:0 50px; }
.header { position: fixed; top:0; left:50px; right: 50px; z-index:99; background:#fff; height:100px; } 

.header .wrap{ position: relative; padding:27px 0 0; height:50px;  transition:all 0.3s; -webkit-transition:all 0.3s; }
.header .logo{ float: left; height:100%; }
.header.header1 {border-bottom: 1px solid #d2d2d2;}
.header.header1 .logo {float: none;text-align: center;}
.header.header1 .logo img {margin: 0 auto;}
.tit_jjl1 {text-align: center;font-size: 32px;color: #333;padding: 80px 0 40px;line-height: 1.2;}
.header .logo .a,.header .logo img{ display: block; height:100%;  }
.header .share_w{ float: right; padding-top:15px; position: relative;  transition:all 0.3s; -webkit-transition:all 0.3s;  }
.header .share_w .w{ float: left; padding:0 15px; border:1px solid #d1d1d1; border-top: 0; border-bottom: 0; /* border-radius: 50%;*/ margin-left: -1px;  transition:all 0.3s; -webkit-transition:all 0.3s; position: relative;}
.header .share_w .w .a{ display: block; width:18px; height:18px; }
.header .share_w .lg .a{ background:url(../image/head_login.png) no-repeat center; }
.header .share_w .wx .a{ background:url(../image/wx.png) no-repeat center; }
.header .share_w .wb .a{ background:url(../image/wb.png) no-repeat center; }
.header .share_w .search .a{ background:url(../image/sea.png) no-repeat center; }
/*.header .share_w .w:hover ,.header .share_w .w.on{ border-color:#2e7d18; background:#2e7d18; }*/
.header .share_w .w:hover .a{ animation:rot 0.5s; -webkit-animation:rot 0.5s; }
.header .share_w .lg:hover .a{ background-image:url(../image/head_loginA.png) ; }
.header .share_w .wx:hover .a{ background-image:url(../image/wxA.png) ; }
.header .share_w .wb:hover .a{ background-image:url(../image/wbA.png) ; }
.header .share_w .search:hover .a,.header .share_w .search.on .a{ background-image:url(../image/seaA.png) ; }
.header .share_w .search .search_w{ display: none; }

.header .share_w .wx{ position: relative; z-index:2; }
.header .share_w .wx .ewm{ position: absolute; width:167px; height:173px; left:50%; margin-left:-84px; top:37px; background:url(../image/ewmbg.png) no-repeat center; display: none; }
.header .share_w .wx .ewm img{ display: block; margin:0 auto; width:120px; height:120px; position: relative; top:30px; }
.header .share_w .wx:hover .ewm{ display: block; }

.header .search_w{ position: absolute; width:250px; height:38px; border-radius:20px; background:#fff; right: 0; top:60px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.header .search_w .button_s{ position: absolute; right: 5px; top:50%; margin-top:-15px; width:64px; height:30px; line-height:28px; text-align: center; border-radius: 20px; background:#2e7d18; color:#fff; }
.header .search_w .i{ padding:5px 75px 5px 20px;  }
.header .search_w .i input{ display: block; height:28px; }
.header .nav{ float: left; padding-left: 30px; }   
/*.header.loginsuccess .nav{padding-left:20px;} */
.header .nav li{ float: left; line-height:50px; padding:0 3px; transition:all 0.3s; -webkit-transition:all 0.3s; }
.header .nav li>a{ position: relative; display: block; padding:0 10px; z-index:10; }
/*.header.loginsuccess .nav li>a{padding:0 12px;}*/
.header .nav li>a:before{ content:""; position: absolute; width:0; height:2px; bottom:-2px; left:0; transition:all 0.3s; -webkit-transition:all 0.3s; background:#2e7d18; }

.header .nav li>a.on,.header .nav li>a:hover{ color:#2e7d18; }
.header .nav li>a.on:before,.header .nav li>a:hover:before{ width:100%; }

.share_w .lg_w{ float: left; height:18px; cursor: pointer; position: relative; z-index: 5; }
.share_w .lg_w span{ padding-left: 10px; }
.share_w .lg_w .a{ float: left; }
.nav .lg_w{ display: none; }
.share_w .lg_w:hover span{  color:#2e7d18; }

.share_w .lg_w .ld_id{ position: absolute; width:330px; height:90px; padding-top:33px; left:-64px; background:url(../image/h_1.png) no-repeat center bottom; display: none; }
.share_w .lg_w:hover .ld_id{ display: block; }
.share_w .lg_w .ld_id .tit{ overflow: hidden; padding:27px 25px 0 30px; }
.share_w .lg_w .ld_id .name{ float: left; }
.share_w .lg_w .ld_id .name .t2{ font-size:18px; line-height:1.5; padding-bottom: 5px; }
.share_w .lg_w .ld_id .name .t4{ color:#707070; }
.share_w .lg_w .ld_id .r{ overflow: hidden; text-align: right; }
.share_w .lg_w .ld_id .r a{ color:#5c983e; display: inline-block; padding:0 5px 5px 0; }



.header_small{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1); height:auto; } 
.secondNav{ position: fixed; left:50px; right: 50px; background:url(../image/nav.png) repeat 0 0; text-align: center; display: none; }
.secondNav a{ display: inline-block; padding:20px 20px 0; line-height:60px; }
.secondNav a.on{ color:#2e7d18; }

.header_small .secondNav a{ padding-top:0; }

.footer{ text-align: center; line-height:1.1;  }

.body_box{ padding-top:100px; }
.header_small .wrap{ padding:8px 0; height:50px; }
.header_small .nav li{ line-height: 56px; } 
.header_small .share_w{ padding-top:18px; }

.foot_com{ height:490px; position: relative; background-size: cover !important; }
.footer .bg{ position: absolute; width:100%; height:662px;  left:0; bottom:0; }
.footer .copy{ background:#383838; text-align: center; color:#a5a5a5; }
.footer .copy a{ color:#a5a5a5; }
.footer .copy a:hover{ color:#fff; }
.footer .copy .t{ padding:40px 0; border-bottom: 1px solid #464646; }
.footer .copy .t a{ display: inline-block; padding:0 27px; }
.footer .copy .bot{ padding:40px 0;  }
.footer .copy .site{ padding-bottom: 15px; }
.footer .copy .site span{ padding:0 34px; }



.foot_com .wrap{ position: relative; z-index:20; }
.foot_com .tit{ float: right; padding:100px 0 0; text-align: right; color:#fff; }
.foot_com .tit .h3{ font-size:32px; line-height:1; }
.foot_com .tit .h4{ font-size:18px; line-height:1; padding:11px 0 35px; }

.foot_com .tit .phone{ font-size:18px; line-height:1; padding-bottom: 25px; }
.foot_com .tit .phone b{ display: block; font-family: Impact; font-size:76px; line-height:1.2; }

.foot_com .tit .list .li{ float: left; width:236px; height:82px; border-radius: 10px; background:#449b2c; text-align: left; position: relative; }
.foot_com .tit .list .li span{ position: absolute; width:75px; text-align: center; line-height:82px; height:100%; left:15px; top:0; }
.foot_com .tit .list .li span img{ display: inline-block; vertical-align: middle; height:48px; width:auto; }
.foot_com .tit .list .li .con{ padding:18px 0 0 90px; line-height: 1; font-size:16px;}
.foot_com .tit .list .li .con .p2{ font-family: arial; padding-top:10px; }
.foot_com .tit .list .li:hover img{ animation:rot 0.5s; -webkit-animation:rot 0.5s;-ms-animation:rot 0.5s;  }
.foot_com .tit .list .li_1{ margin-left: 10px; background:url(../image/img/foot_1.jpg) no-repeat center; }
.foot_com .tit .list .li_1 .con .p2{ font-family: "微软雅黑"; }

.w_1660 .body{ margin:0; }
.w_1660 .header{ right: 0; left:0; }
.w_1660 .secondNav{ right: 0; left:0; }

.index  .footer .foot_com{ background:none; }



@media screen and (min-width:1200px){
    *{ box-sizing:content-box !important;  }
}


@media only screen and (max-width:1279px) and (min-width:751px){
    .header{ position: absolute; min-width: 1250px; }
}
@media only screen and (max-width:750px) {

.menu_h { display: block; background: none; transition: 0.3s all; -webkit-transition: 0.3s all; border: none; width: 35px; height: 30px; padding: 0; outline: none; position: fixed; right: 0.2rem; top: 18px; margin-top:0;  z-index: 2000; }
.menu_h::before, .menu_h::after, .menu_h span { background: #018730   ; border-radius: 2px; }
.menu_h::before, .menu_h::after { content: ''; position: absolute; height: 4px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 15s; transition: transform 0.25s; }
.menu_h span { position: absolute; width: 100%; height: 4px;  top:50%;  left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
.menu_h::before { -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); }
.menu_h::after { -webkit-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }
.menu-open .menu_h span { opacity: 0; }
.menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
body{ min-width: 320px; font-size:0.24rem; }
.wrap{ width:auto; padding:0 0.3rem; }
.body{ margin:0; overflow:hidden;  }
.header{ left:0; right:0; height:70px; }
.header .wrap{ padding:15px 0.2rem; height:40px; }
.header .share_w{ padding:5px 50px 0 0; }
.header .share_w .w{ display: none; }
.header .share_w .lg{ display: block; width:30px; height:30px; }
.header .share_w .lg .a{ background-size:28px 28px; }
.header .nav{ position: fixed; top:70px; bottom:0; padding:0; left:20%; overflow: auto; right: 0; background:rgba(0,150,48,1); transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transform:translateX(100%); -webkit-transform:translateX(100%); }
.header .nav ul{ padding:0.3rem 0; position: relative; z-index:10; }
.header .nav li>a:before{ display: none; }
.header .nav li{ float: none; text-align: center; position: relative; }
.header .nav li>a{ color:#fff !important; padding:0; line-height:40px; font-size:14px; text-align: left; padding-left: 0.8rem;  position: relative; z-index: 1; }
.header .nav li i{ position: absolute; height:40px; width:60px; right: 0; top:0; background:url(../image/cont_4.png) no-repeat center; z-index:10; cursor: pointer; }
.header .nav li i.on{ background-image:url(../image/cont_5.png); }

.menu-open .header .nav{ transform:translateX(0); -webkit-transform:translateX(0); }

.body_bg{ content:""; position: fixed; width:100%; height:100%; cursor: pointer; top:0; left:0; z-index:10; display: none; background:rgba(0,0,0,0.5); }
.menu-open .body_bg{ display: block; }  


.body_box{ padding-top:70px; }
.footer .foot_com{  height:auto; }
.footer .foot_com .wrap{ padding:0.6rem 0.3rem; background:rgba(0,0,0,0.5); }
.foot_com .tit{ float: none; padding:0; }
.foot_com .tit .list{ display: inline-block; }

.footer .foot_com .bg{ display: none; }

.footer .wrap{ padding:0 0.3rem; }

.foot_com .tit .h3{ font-size:0.4rem; }
.foot_com .tit .h4{ padding:0.1rem 0 0.4rem; font-size:0.26rem; }
.foot_com .tit .phone{ font-size:0.3rem; padding-bottom: 0.3rem;  }
.foot_com .tit .phone b{ font-size:0.5rem; display: block; padding-top: 0.2rem; }
.foot_com .tit .list .li{ width:3rem; height:1rem; border-radius: 0.1rem; }
.foot_com .tit .list .li span img{ height:0.5rem; }
.foot_com .tit .list .li span{ width:auto; line-height:1rem; left:0.25rem; }
.foot_com .tit .list .li .con{ padding:0.25rem 0 0 1rem; font-size:0.24rem;}
.foot_com .tit .list .li .con .p2{ padding-top:0.1rem; }
.foot_com .tit .list .li_1{ margin-left: 0.1rem; }
.footer .copy .t{ padding:0.4rem 0; }
.footer .copy .t a{ padding:0 0.2rem; }
.footer .copy .bot{ padding:0.4rem 0; }
.footer .copy .site span{ padding:0 0.3rem; }


.page{ padding-top:0.3rem; }
.page a{ width:0.5rem; height:0.5rem; line-height:0.5rem; font-size:0.24rem; }

.secondNav{ position: static; padding:0.2rem 0; background:#fff; }
.secondNav a{ padding:0; line-height:0.6rem; display: block; }
.header .nav li{ padding:0; }
.select-box dt a b { text-indent: 0; }
.select-box dt a{ margin:0 0.1rem; }

.header .share_w .lg_w{ display: none !important; }
.nav .lg_w{ display: block; color:#fff; font-size:0.3rem; padding:0.3rem 0 0.3rem 0.8rem; border-bottom: 1px solid #6fb84b; }
.nav .lg_w a{ color:#fff; padding-right: 0.1rem; display: inline-block; margin-left:-0.12rem; }
.nav .lg_w .idnum { padding-top:0.2rem; }
.nav .lg_w span{ display: block; padding-bottom: 0.2rem; }


.header .share_w .lg{ padding:0; border:0; width:40px; height:40px; }
.header .share_w .lg .a{ width:20px; height:20px; border:1px solid #ddd; position: relative; top:10px; border-top: 0; border-bottom: 0; padding:0 5px; }
.header .share_w{ padding:0 40px 0 0; }

}










@keyframes rot{ 
    0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}
@-webkit-keyframes rot{
    0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}

@-ms-keyframes rot{
    0% { transform:rotate(0deg); -ms-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -ms-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -ms-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -ms-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -ms-transform:rotate(0deg); }
}