@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;
background:linear-gradient(#e99c40,#d35224);-webkit-background:linear-gradient(#e99c40,#d35224);
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
pointer-events:none;
-webkit-appearance:none;
input::-moz-placeholder{opacity:1;}
input::-webkit-placeholder{opacity:1;}
input::-ms-placeholder{opacity:1;}
.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;}
}
@-webkit-keyframes a1{}
*/


/*--默认--*/
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;}
body{font-family:微软雅黑,黑体,arial;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;}

/*--滚动条插件--*/
.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 -3px 0 0;}
.jspVerticalBar{width:6px;}
.jspDrag{background:#f3582a;}
.jspTrack{background:#aaa;background:url(../image/line1.png) center top repeat-y;}

/*@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;
}*/

/*--类--*/
.fl{ float: left; }
.fr{ float: right; }
.clearfix:after{content:"";clear:both;display:block;}


/*--通用--*/
body{min-width:1280px;font-size:14px;color:#707070;}
.body{overflow:hidden;}
.wrap{width:1230px;height:100%;margin:0 auto; padding: 0 10px}

@media screen and (min-width:1200px){
   *{ box-sizing:content-box !important;  }
}


/*文字超出隐藏*/
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.ellipsis_p{ overflow:hidden; text-overflow:ellipsis; display:block; }

/*头部*/
.header{ width: 100%; height: 69px; padding: 29px 0 25px; background: url(../img/images/header_back_01.jpg) center center no-repeat; }
.header .logo{ height: 69px; width: 247px; }
.header .logo>a,.header .logo a img{ width: 100%; height: 100%; display: block; }
.header .nav_list{ padding-left: 42px; }
.header .nav_list ul li{ float: left; font-size: 18px; color: #474747; text-align: center; padding: 0 19px; line-height: 69px; position: relative; }
.header .nav_list ul li:after{ display: none; content: ""; width: 78%; height: 2px; background: #770505; position: absolute; left: 50%; margin-left: -39%; top: 60px; }
.header .nav_list ul li:hover::after{ display: block; }
.header .nav_list ul li.on:after{ display: block; }
.header .nav_list ul li a{ width: 100%; height: 100%; display: block; }
.header .lan_search{ padding-top: 27px; position: relative; }
.header .lan_search a{ display: block; }
.header .lan_search .search{ margin-left: 17px; }
.header .lan_search .search>a{ width: 18px; height: 18px; background: url(../img/images/search_03.png) no-repeat center; }
.header .lan_search input{ display: none; background: transparent; z-index: 9999; position: absolute; top: 96px; right: 0px; width: 110px; height: 37px; line-height: 37px; color: #FFFFFF; border: 1px solid #770505; padding:0 40px 0 22px; border-radius: 19px; }

.header .lan_search .search input::-webkit-input-placeholder{color: #770505; opacity: 1; font-size: 14px;}
.header .lan_search .search input:-moz-placeholder{color:#770505;opacity: 1; font-size: 14px;}
.header .lan_search .search input::-moz-placeholder{color:#770505;opacity: 1; font-size: 14px;}
.header .lan_search .search input:-ms-input-placeholder{color:#770505;opacity: 1; font-size: 14px;}

.header .lan_search.on input{ display: block; }
.children_pulldown{ display: none; }
.children_pulldown.cpon{ display: block; }
.search_btn{ display: none; position: absolute; top: 106px; right: 10px; z-index: 9999; color: #770505; }

/*banner*/
.ban_img{ width: 100%; height: 645px; }
.banner .ban_tit{ text-align: center; color: #fff; padding-top: 245px; }
.banner .ban_tit .en{ font-size: 64px; font-family: impact; }
.banner .ban_tit .ch{ font-size: 60px; }

/*底部*/
.footer{ padding: 36px 0; background: #202020; color: #868686; }
.footer span{ padding: 0 18px; }
.footer .en{ text-transform: uppercase; }
/*面包屑*/
.crumbs{ color: #474747; line-height: 83px; text-transform: uppercase; }
/*公共列表*/
.public_list{ padding: 13px 0; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; width: 204px; margin-bottom: 237px; }
.public_list .publist_list li{ cursor: pointer; }
.public_list .publist_list li>a{ display: block; width: auto; height: 100%; line-height: 24px; font-size: 16px; padding: 8px 0; padding-left: 18px; color: #474747; }
.public_list .publist_list li:hover>a{ background-color: #770505; color: #FFFFFF; }
.public_list .publist_list li.on>a{ background: #770505; color: #FFFFFF;  }
.public_list .publist_list li.pulldown>a{ background-image: url(../img/images/human/images/jiantou_03.png); background-repeat:no-repeat ; background-position: 180px center; }
.public_list .publist_list li.pulldown:hover>a{ background-image: url(../img/images/human/images/24.png); background-repeat:no-repeat ; background-position: 180px center; }
.public_list .publist_list li.on.pulldown>a{ background-image: url(../img/images/human/images/24.png); background-repeat:no-repeat ; background-position: 180px center; }
.public_list .publist_list li.on .public_pulldown{ /*display: none;*/ }
.public_list .publist_list .public_pulldown{ padding: 6px 0; display: none; }
.public_list .publist_list .public_pulldown.pubpullon{ display: block; }
.public_list .publist_list .public_pulldown a{ display: block; line-height: 28px; width: auto; padding-left: 18px; color: #474747; }
.public_list .publist_list .public_pulldown a:hover{ color: #770505; }
.public_list .publist_list .public_pulldown a.on{ color: #770505; }

/*公共标题*/
.pub_tit{ border-bottom: 1px solid #e3e3e3; color: #474747; padding-bottom: 25px; }
.pub_tit .en{ font-size: 22px; line-height: 1; padding-bottom: 7px; text-transform: uppercase; }
.pub_tit .ch{ font-size: 24px; line-height: 1; }

/*分页*/
.page{ text-align: center; font-size: 18px; }
.page div{ display: inline-block; }
.page div a{ display: block; float: left; width: 38px; height: 38px; border: 1px solid #e3e3e3; border-radius: 3px; line-height: 38px; text-align: center; margin: 0 4px; }
.page div em{ float: left; }
.page div a.pageon{ width: 40px; height: 40px; background: #770505; color: #FFFFFF; border-radius: 3px; }

.page div a:hover{ background: #770505; color: #FFFFFF; border-radius: 3px; }
.page .phone{ display: none; }
.page .phone select{ padding: 0 30px; height: 40px; line-height: 40px; border: 1px solid #e3e3e3; border-radius: 3px;
					appearance: none; -webkit-appearance: none; -moz-appearance: none;
 }

/*banner*/
.childpage_banner{ width: 100%; height: 334px; }

.pusblic_con{ width: 975px; }

#search-btn_sea{ background: transparent; z-index: 99999; outline: none; border: none; cursor: pointer; color: #770505; position: absolute; top: 106px; right: 10px; display: none; }


@media only screen and (max-width:640px ) {
	html{ font-size: 100px; }
	body,.body_box{ min-width: 320px; }
	.wrap{ width: auto; padding: 0 0.15rem; }

	.childpage_banner{ display: none; }

	.header{ background: #FFFFFF; padding: 10px 0; height: auto; position: fixed; top: 0; left: 0; z-index: 9999; }
	.header .logo{ height: 55px; width: 197px; }
	.header .lan_search{ margin-right: 60px; padding-top: 0; line-height: 55px; }
	.header .lan_search .lan{ font-size: 0.3rem; }
	.header .lan_search .search{ display: none; }

	.header .menu{ display: block; background: none; transition: 0.3s all; -webkit-transition: 0.3s all; border: none; width: 40px; height: 30px; padding: 0; outline: none; position: fixed; right: 10px; top: 21px;  z-index: 2000; }
	.menu::before, .menu::after, .menu span { background: #770505 ; border-radius: 2px; }
    .menu::before, .menu::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 0.25s; transition: transform 0.25s; }
    .menu 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::before { -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); }
    .menu::after { -webkit-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }
    .menu-open .menu span { opacity: 0; }
    .menu-open .menu::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
    .menu-open .menu::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

    .header .nav_list{ display: none; position: fixed; top: 76px; left: 0; background: rgba(255,255,255,.96); width: 100%; bottom: 0; overflow: auto; padding-left: 0; }
	.header .nav_list ul li{ float: none; font-size: 0.24rem; }
	.header .nav_list ul li:after{ display: none; }
	.header .nav_list ul li.on:after{ display: none; }
	.header .nav_list ul li:hover::after{ display: none; }
	.header .nav_list ul li a{ width: 100%; height: 100%; line-height: 40px; }
	.children_pulldown{ display: none; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
	.children_pulldown a{ font-size: 0.2rem; line-height: 30px; }


	.banner{ margin-top: 75px; }
	.banner .ban_tit{ padding: 1.6rem 0; }
	.banner .ban_tit .en{ font-size: 0.34rem; }
	.banner .ban_tit .ch{ font-size: 0.3rem; }
	.banner .ban_img{ height: auto; }
	.body_box .banner .slick-dots{ bottom: 20px; }

	.body_box .index_1{ padding-top: 0.6rem; }
	.body_box .ind1_tit .ind1_titen{ font-size: 0.45rem; padding-bottom: 0.2rem; }
	.body_box .ind1_tit .ind1_titch{ font-size: 0.3rem; position: static; margin-left: 0; }

	.index_1 .ind1_con .group{ width: 100%; }
	.index_1 .ind1_con .warning{ width: 100%; }
	.index_1 .ind1_con .group>h2{ font-size: 0.36rem; }
	.index_1 .ind1_con .group .ind1con_show .img{ width: 100%; height: 100%; }
	.index_1 .ind1_con .group .ind1con_show .text{ width: 100%; padding-top: 0.2rem;  }
	.index_1 .ind1_con .group .ind1con_show .text div{ font-size: 0.24rem; line-height: 1.5; }
	.index_1 .ind1_con .group .ind1con_show .text h2{ width: 100%; font-size: 0.3rem; padding-bottom: 0.1rem; }
	.index_1 .ind1_con .group .ind1con_show .text .date span{ font-size: 0.6rem; line-height: 1; }
	.index_1 .ind1_con .group .ind1con_show{ padding-bottom: 0.2rem; }

	.index_1 .ind1con_list ul li{ font-size: 0.24rem; line-height: 0.48rem;  }
	.index_1 .ind1con_list ul li .tit{ width: 4.5rem; overflow: hidden; }

	.index_1 .warning .warning_list li i{ height: 1.15rem; }
	.index_1 .warning .warning_list .con{ padding: 0.18rem 0 0.16rem 0.24rem; }
	.index_1 .ind1_con .warning>h2{ font-size: 0.36rem; padding: 0.4rem 0 0.2rem 0.05rem; }
	.index_1 .warning .warning_list .con h2{ font-size: 0.3rem; padding-bottom: 0.2rem; width: 5.2rem; }
	.index_1 .warning .warning_list .con p{ font-size: 0.24rem; width: 5.2rem; overflow: hidden; }
	.index_1 .warning_box{ height: 5.4rem; width: auto; }

	.body_box .index_2{ padding-top: 0.6rem; }
	.index_2 .ind2_text{ font-size: 0.22rem; line-height: 1.5; }
	.index_2 .ind2_list{ font-size: 0.24rem; line-height: 1.5; }
	.index_2 .ind2list_show li{ width: 48%; margin: 0 1% 0.2rem; height: 2.3rem; }
	.index_2 .ind2list_show li:nth-child(5){ margin: 0 26%; height: 2.3rem; }
	.index_2 .ind2list_show li:nth-child(5) .home_h3{ padding-top: 0.1rem; }
	.index_2 .ind2list_show li:nth-child(1) .home_h3{ padding-top: 0.1rem; }
	.index_2 .ind2list_show li .home_h3{ font-size: 0.3rem; padding-top: 0.6rem; }
	.index_2 .ind2list_show .ind2_con{ font-size: 0.24rem; line-height: 1.5; }
	.index_2 .ind2list_show .ind2_con.con1{ font-size: 0.24rem; }
	.index_2 .ind2list_show .ind2_img{ display: none; }
	.index_2 .ind2list_show .ind2_con{ width: 90%; }
	.index_2 .ind2list_show .ind2qr_img{ padding-top: 0.3rem; height: 1.2rem; }

	.index_2 .ind2list_show .qr_code h3{ padding-top: 0; }

	.footer div{ text-align: center; }
	.footer div div{ display: inline-block; float: none; line-height: 1.5; }

	.public_list{ display: none; }

	.pub_tit{ padding-bottom: 0.4rem; }

	.news_group .news_group_list{ padding-bottom: 0.6rem; }
	.pusblic_con{ width: 100%; }

	.l3list{ border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; display: none; }
	.l3list a{ display: block; width: 100%; height: 100%;  }
	.index_2 .ind2list_show li:nth-child(5) .h3{ padding-top: 0.1rem; }

}
