@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(../images/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(../images/7365970b7dc54e64b6cd88471aa78937.gif);_background-attachment:fixed;}
body{line-height:120%; min-height:100px; font-family:"微软雅黑",Arial;font-size:14px; min-width:1250px; margin:0 auto; color:#333;max-width: 1920px; margin:auto!important;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#474747;}
img{border:none;vertical-align:middle; max-width: 100%;}
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;}
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%; background:#000;}
.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{ opacity: 0.8; 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; max-width: 96%; /*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(../images/down.png) no-repeat center center;  }
.select-box .select_a{ max-height:180px; }
.select-box .mCSB_inside > .mCSB_container{ margin-right:0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#d5002b !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:41px; text-align:center; border-radius: 3px; font-size: 16px; font-family: arial;  transition:all 0.3s; -webkit-transition:all 0.3s; }
.page span {margin:0 3px;display: inline-block;width: 18px;}
.page a.on,.page a:hover{ background-color:#d5002b; border:1px solid #d5002b; color:#fff; }


.body_box {padding-top: 111px;}

.header { position: fixed; z-index:99; left: 0;top: 0;width: 100%;}
.header .nav .right_navbar {display: none;}
.header .wrap{ position: relative; padding:35px 45px 27px 35px; height:49px;  transition:all 0.3s; -webkit-transition:all 0.3s; width: auto;max-width: 1839px;margin: 0 auto;background:#fff; box-shadow: 0px 0px 5px #ccc; }
.header.header_small .wrap {padding: 15px 45px 16px 35px;}
.header .logo{ float: left; height:100%; padding-right: 28px;border-right: 1px solid #d5d5d5;}
.header .logo .a,.header .logo img{ display: block; height:100%;  }
.header .share_w{ float: right; padding-top:12px; position: relative;  transition:all 0.3s; -webkit-transition:all 0.3s;  }
.header .share_w .w{ float: left; width:36px; height:36px; border:1px solid #d4d4d4; border-radius: 50%; margin-left: 10px;  transition:all 0.3s; -webkit-transition:all 0.3s; position: relative;}
.header .share_w .w .a{ display: block; width:100%; height:100%; }
.header .share_w .lg .a{ background:url(../images/head_login.png) no-repeat center; }
.header .share_w .wx .a{ background:url(../images/wx.png) no-repeat center; }
.header .share_w .wb .a{ background:url(../images/wb.png) no-repeat center; }
.header .share_w .search .a{ background:url(../images/sea.png) no-repeat center; }
.header .share_w .w:hover ,.header .share_w .w.on{ border-color:#0F4592; background:#0F4592; }
.header .share_w .w:hover .a{ animation:rot 0.5s; -webkit-animation:rot 0.5s; }
.header .share_w .lg:hover .a{ background-image:url(../images/head_logina.png) ; }
.header .share_w .wx:hover .a{ background-image:url(../images/wxa.png) ; }
.header .share_w .wb:hover .a{ background-image:url(../images/wba.png) ; }
.header .share_w .search:hover .a,.header .share_w .search.on .a{ background-image:url(../images/seaa.png) ; }
.header .share_w .search .search_w{ display: none; }
.header .share_w .language {text-align: center;line-height: 38px;font-weight: bold;}
.header .share_w .language:hover a {color: #fff;}
.header .share_w .language a {height: 100%;width: 100%;display: block;}
.header .share_w .yycg {float: right;font-size: 14px;color: #fff;background: #0F4592;width: 120px;height: 36px;border-radius: 19px;text-align: center;line-height: 36px;margin-left: 14px;}
.header .share_w .yycg i {display: inline-block;width: 18px;height: 17px;background: url(../images/icon1.png) no-repeat center;margin-right: 9px;position: relative;top: 3px;}

.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:38px; background:url(../images/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:77px; 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:#0F4592; 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: 75px; }
.header .nav ul.cf li{ float: left; line-height:63px; padding:0 3px; transition:all 0.3s; -webkit-transition:all 0.3s; position: relative;}
.header .nav ul.cf li>a{ position: relative; display: block; padding:0 15px; z-index:10; font-size: 16px;}
.header .nav ul.cf li>a em{ display: block; font-size: 12px; font-family: Arial; font-style: normal; position: absolute; top: 18px; left: 0; width: 100%; text-align: center; color: #999; }
.header .nav ul.cf li>a:before{ content:""; position: absolute; width:0; height:2px; bottom:0px; left:0; transition:all 0.3s; -webkit-transition:all 0.3s; background:#0F4592; }
.header.header_small .nav li>a:before {bottom: 6px;}
.header .nav li>a.on,.header .nav li>a:hover{ color:#0F4592; }
.header .nav li>a.on:before,.header .nav ul.cf li>a:hover:before{ width:100%;}
/*.header .nav li>a:hover:before { height: 3px;}*/

.secondNav,.sub-menu{ position: absolute; left:3px; display: none; border-top: 1px solid #0F4592;width: 100%;background: url(../images/mask4.png); background:#fff; width: 305px;padding: 40px 0 15px 30px;box-shadow: 0px 0px 10px 0px #ccc;}

.secondNav a,.sub-menu li{ display: inline-block; line-height: 1 !important; float: left; background: url(../images/icon3.png) no-repeat left center; padding-left: 20px;width: 43%;;margin-bottom: 25px;}
.sub-menu li>a{font-size: 14px !important;color: #333}
.secondNav a.on,.sub-menu a.on{ color:#0F4592; }
.secondNav a:hover,.sub-menu a:hover {color:#0F4592;}
.sub-menu li a:hover:before{width:0% !important;}

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

/*.footer{ text-align: center; line-height:1.1;  }*/
/*.footer .wrap{ padding:25px 0; }*/


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

/*.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; height:100%; }
.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:8px 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:22px 0 0 90px; line-height: 1; }
.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;  }
.foot_com .tit .list .li_1{ margin-left: 10px; background:url(../images/foot_1.jpg) no-repeat center; }
.foot_com .tit .list .li_1 .con .p2{ font-family: "微软雅黑"; }*/



.footer {background: #323232;margin-bottom: -20px;z-index: 1;position: relative;}
.footer .nav_bar {padding: 50px 0;overflow: hidden;border-bottom: 1px solid #404040;}
.footer .nav_bar .div {float: left;width: 25%;}
.footer .nav_bar .div .l_img {position: relative;width: 67px;height: 67px;margin-right: 16px;float: left;}
.footer .nav_bar .div .l_img img {width: 100%;height: auto;position: absolute;left: 0;top: 0;}
.footer .nav_bar .div .l_img img.bak {width: 0;opacity: 0;}
.footer .nav_bar .div .r_txt {overflow: hidden;}
.footer .nav_bar .div .r_txt .t1 {font-size: 18px;color: #cccccc;line-height: 130%;padding-bottom: 6px;}
.footer .nav_bar .div .r_txt .p {font-size: 12px;color: #cccccc;line-height: 160%;}
.footer .nav_bar .div:hover .t1 a,.footer .nav_bar .div:hover .p {color: #fff;}
.footer .nav_bar .div:hover .l_img img {width: 0;opacity: 0;}
.footer .nav_bar .div:hover .l_img img.bak {width: 100%;opacity: 1;}

.clear{  clear:both; }
.footer .top {padding: 40px 0;border-bottom: 1px solid #404040;}
.footer .wrap {/*overflow: hidden;*/position: relative;}
.footer .top .l {float: left;}
.footer .top .l a {color: #cccccc;}
.footer .top .l .fot_nav {margin-top: 15px;}
.footer .top .l .fot_nav a {font-size: 14px;color: #cccccc;display: inline-block;padding: 0 15px;position: relative;}
.footer .top .l .fot_nav a:hover {color: #fff;}
.footer .top .l .fot_nav a:first-child {padding-left: 0;}
.footer .top .l .fot_nav a+a:before {content: "";display: block;position: absolute;width: 1px;background: #4a4a4a;height: 8px;left: -2px;top: 5px;}
.footer .top .l .t1 a {font-size: 16px;color: #ccc;padding-top: 35px;display: inline-block;}
.footer .top .l .t1 a:hover {color: #fff;}
.footer .top .l .p {font-size: 14px;color: #ccc;padding-top: 15px;}
.footer .top .r {float: right; width: 30%;}
.footer .top .r .cont {/*overflow: hidden;*/}
.footer .top .r .cont .div {float: left;margin-left: 40px;width: 340px;text-align: center;}
.footer .top .r .cont .div .img {width: 100%;height: auto;}
.footer .top .r .cont .div .img img {width: 100%;height: auto;}
.footer .top .r .cont .div .p {font-size: 14px;color: #ccc;padding-top: 12px;}
.footer .top .r .cont .li{ float: left; width: 25%; position: relative; }
.footer .top .r .cont .li a img{ width: 100px; }
.footer .top .r .cont .li a img.yin{  position: absolute; left: 0; top:100px; z-index: 2; display: none;}
.footer .top .r .cont .li a:hover img.yin{display: block;}
.footer .bottom {height: 66px;line-height: 66px;}
.footer .bottom .fot_nav {position: absolute;left: 0;top: 0;}
.footer .bottom .fot_nav a {font-size: 14px;color: #cccccc;display: inline-block;padding: 0 15px;position: relative;}
.footer .bottom .fot_nav a:hover {color: #fff;}
.footer .bottom .fot_nav a:first-child {padding-left: 0;}
.footer .bottom .fot_nav a+a:before {content: "";display: block;position: absolute;width: 1px;background: #ccc;height: 10px;left: -2px;top: 28px;}
.footer .copyright {color: #ccc;font-size: 14px;text-align: center;}
.footer .copyright .fractal_footer {display: inline-block;}
.footer .copyright a {color: #ccc;font-size: 14px;}
.footer .copyright a:hover {color: #fff;}
.footer .gotop {font-size: 14px;color: #ccc;position: absolute;right: 0;top: 0;padding-right: 35px;background: url(../images/arr7.png) no-repeat right center;cursor: pointer;}

.right_navbar {position: fixed;right: 13px;top: 50%;width: 50px;margin-top: -142px;z-index: 10;display: none;}
.right_navbar li {width: 50px;height: 50px;box-shadow: 0px 0px 10px 0px #ccc;background: #fff;border-radius: 25px;text-align: center;line-height: 50px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: relative;overflow: hidden;float: right;margin-bottom: 7px;}
.right_navbar li .img {width: 24px;height: 24px;position: relative;overflow: hidden;display: inline-block;vertical-align: middle;}
.right_navbar li .img img {position: absolute;left: 0;top: 0;width: 100%;height: auto;}
.right_navbar li .img img.bak {width: 0;opacity: 0;}
.right_navbar li .p {opacity: 0;-webkit-transition: all 0.3s ease-in-out 0.1s;transition: all 0.3s ease-in-out 0.1s;display: inline-block;overflow: hidden;vertical-align: middle;font-size: 14px;color: #333;height: 0;overflow: hidden;}
.right_navbar li.phone_tel {display: none;}

.right_navbar li:hover {width: 130px;padding: 0 5px 0 16px;text-align: left;}
.right_navbar li:hover .img {margin-right: 5px;}
.right_navbar li:hover .img img {width: 0;opacity: 0;}
.right_navbar li:hover .img img.bak {width: 100%;opacity: 1;}
.right_navbar li:hover .p {opacity: 1;height: 100%;}


.right_navbar li.now {width: 130px;padding: 0 0px 0 16px;text-align: left;}
.right_navbar li.now .img {margin-right: 5px;}
.right_navbar li.now .img img {width: 0;opacity: 0;}
.right_navbar li.now .img img.bak {width: 100%;opacity: 1;}
.right_navbar li.now .p {opacity: 1;height: 100%;}
.right_navbar li.gotop .img {width: 50px;height: 50px;margin: 0;}
.right_navbar li.gotop:hover {width: 50px;padding: 0;}

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

.search_phone{ display: none; }

.mdlg_box {position: absolute;left: 0;top: -111px;width: 100%;height: 1px;background: transparent;}


#jiathis_weixin_modal {margin: -180px 0 0 -160px !important;width: 320px !important;}


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


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



@media only screen and (max-width:800px) {
.details1 .wrap{ width: auto!important;padding:0 0.3rem;  }

}

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

.menu_h { display: block; transition: 0.3s all; -webkit-transition: 0.3s all; width: 30px; height: 24px; padding: 0; outline: none; position: absolute; right: 0.2rem; top: 50%; margin-top:-12px;  z-index: 10; }
.menu_h::before, .menu_h::after, .menu_h span { background: #0f4592; border-radius: 2px; }
.menu_h::before, .menu_h::after { content: ''; position: absolute; height: 3px; 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: 3px;  top:50%;  left: 0; overflow: hidden; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
.menu_h::before { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.menu_h::after { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 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;  }
.body_box{ padding-top:70px; }

.header{ left:0; right:0; position: fixed;  }
.header .wrap{ padding:0.33rem 0.2rem; height:0.8rem; }
.header .share_w{ padding:5px 45px 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:1.46rem; bottom:0; padding:0; left:40%; overflow: auto; right: 0; background:#0f4592; 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 ul.sub-menu{ display: none!important; }
.header .nav li>a:before{ display: none; }
.header .nav li{ float: none; text-align: center; position: relative; }
.header .nav ul.cf li{ float: none; }
.header .nav li>a{ color:#fff !important; padding:0; line-height:36px; font-size:12px; text-align: left; padding-left: 0.3rem;  position: relative; z-index: 1; border-bottom: 1px solid rgba(255,255,255,0.5); }
.header .nav ul.cf li>a em{ position: relative; top: auto; color: #fff; display: inline-block; width: auto; padding-left: 10px; }


.header .nav li i{ position: absolute; height:36px; width:60px; right: 0; top:0; background:url(../images/cont_4.png) no-repeat center; z-index:10; cursor: pointer; }
.header .nav li i.on{ background-image:url(../images/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; }

/*.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: inline; padding-left: 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; }
.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; }*/


.footer .nav_bar {padding: 0.5rem 0 0;}
.footer .nav_bar .div {width: 46%;margin: 0 2%;padding: 0rem 0 0.45rem;}
.footer .nav_bar .div .l_img {width: 0.8rem;margin-right: 0.15rem;}
.footer .nav_bar .div .r_txt .p br {display: inline-block;display: none;}
.footer .nav_bar .div .r_txt .t1 {font-size: 0.28rem;padding-bottom: 0.05rem;}
.footer .nav_bar .div .r_txt .p {font-size: 0.24rem;line-height: 1.5; height: 60px;}

.footer .top {padding: 0.4rem 0;text-align: center;}
.footer .top .l {float: none;}
.footer .top .l .fot_nav {margin-top: 0;}
.footer .top .l .fot_nav a {font-size: 0.26rem;padding: 0 0.1rem;margin-bottom: 0.2rem;}
.footer .top .l .fot_nav a {}
.footer .top .l .t1 {font-size: 0.28rem;padding-top: 0.3rem;text-align: left;}
.footer .top .l .p {text-align: left;font-size: 0.26rem;line-height: 160%;padding-top: 0.15rem;}
.footer .top .r {float: none;display: none;}
.footer .bottom {height: auto;line-height: inherit;text-align: center;padding: 0.4rem 0 1.4rem;}
.footer .bottom .fot_nav {position: static;}
.footer .gotop {position: static;display: inline-block;}
.footer .bottom .fot_nav a {padding: 0 0.2rem;font-size: 0.26rem;}
.footer .bottom .fot_nav a+a:before {top: 4px;}
.footer .copyright {padding: 0.2rem 0;line-height: 1.6;}
.footer .copyright .fractal_footer {display: block;font-size: 0.24rem;}
.footer .copyright a {display: inline-block;}
.footer .gotop {position: fixed;right: 13px;bottom: 5%;top: inherit;font-size: 0;width: 0.8rem;height: 0.8rem;background-position: center;padding-right: 0;border-radius: 50%;background-color: #fff;z-index: 11;box-shadow: 0px 0px 10px 0px #ccc;display: none;}


.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; }



.search_phone{ padding:10px 0; background:#f1f1f1; position: relative; display: block; }
.search_phone input{ width:2.4rem; height:0.3rem; font-size:0.24rem; padding-left: 0.2rem; }
.search_phone .button_s{ position: absolute; line-height:0.3rem; font-size:0.24rem; top:10px; width:0.8rem; text-align: center; right: 0.2rem; color:#c71532 !important; border-left:1px solid #ddd; }


.body_box {padding-top: 1.47rem;}
.header.header_small .wrap {padding: 15px 0.2rem;overflow: hidden;}
.header .logo {padding-right: 0;border-right: 0;}
.header .share_w .yycg {width: 2.2rem;height: 0.65rem;margin-left: 0;line-height: 0.65rem;font-size: 0.26rem;}
.header .share_w .yycg i {top: 0.1rem;}

.right_navbar li {width: 0.6rem !important;height: 0.6rem;line-height: 0.6rem;}
.right_navbar li .img {width: 0.35rem;height: 0.35rem;}
.right_navbar li.gotop .img {width: 0.6rem;height: 0.6rem;}
.right_navbar li.now {width: 0.6rem;padding: 0;text-align: center;}
.right_navbar li .p {display: none;}
.right_navbar li.now .img {margin-right: 0;}
.right_navbar li:hover {padding: 0;text-align: center;}
.right_navbar li:hover .img {margin-right: 0;padding: 0;}
.right_navbar li:hover .img img.bak {width: 0;opacity: 0;}
.right_navbar li:hover .img img {width: 100%;opacity: 1;}
.right_navbar {right: 0.15rem;width: 0.6rem;}
.right_navbar li.phone_tel {display: block;}
.right_navbar li.pc_tel {display: none;}

.secondNav{ width:auto; }
.secondNav a{ background:none; float: none; line-height:0.6rem; text-align: center; height:auto; width:auto; margin:0; font-size:0.24rem; }

}










@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); }
}