body { color: #333333; text-align: left; height: 100%;}
html{ height: 100%; font-size: 16px;}
* { margin: 0px; padding: 0px; font-family: "Microsoft YaHei"; outline: none; font-style: normal; border: 0; }
a { text-decoration: none; }
a:link, a:visited { color: #333333; }
a:hover { color: #0e3873; text-decoration: none; }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; max-width: 100%;}
.clear { clear: both; }
input, select { vertical-align: middle;}
input[type="button"]{ cursor: pointer;}
.f_i{ text-indent: 2em;}
.f_l{ float: left;}
.f_r{ float: right;}

.page_con{ position: relative; min-height: 100%; overflow: hidden;}
.no,.menu_icon { display: none; }
.section{ background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: relative; overflow: hidden; z-index: 2;}
.section_bg1{ background-image: url(20tbtc_ban1.jpg);}
.section_bg2{ background-image: url(20tbtc_con.jpg);}
.section_bg3{ background-color: #485a66;}
.section_bg4{ background-color: #f6f6f6;}
.z_index3{ z-index: 3;}
header {position: fixed;left: 0;top: 0;right: 0;height: 4rem;background-color: rgba(2,16,27,.8);z-index: 999;}
.logo{position: absolute;left:5.208333%;top: 0.3rem;width:12.625rem;z-index: 1000;}
.header-menu-mb{ display: none;}
.menu{position: absolute;right: 9.375%;/* top: 1.25rem; */height:4rem;z-index: 1000;}
.menu>ul>li{ float: left;}
.menu>ul>li>a { display: block; line-height:4rem; font-size: 1.25rem; color: #ffffff; padding: 0 2.3125rem;}
.menu>ul>li.on>a { background: url(20tbtc_menu_bar.png) no-repeat center bottom;}
.menu>ul>li ul{ display: none; text-align: center; background-color: rgba(2,16,27,.8); z-index: 999; padding-bottom: 1rem; padding-top: 0.5rem;}
.menu>ul>li ul li{ line-height:2.5rem;}
.menu>ul>li ul li a{ color: #ffffff;}
.menu>ul>li .page3{display: none;background-color: rgba(2,16,27,.8);position: fixed;left: 0;top: 4rem;right: 0;z-index: 1000;border-top: 1px solid #031422;padding-bottom: 2rem;padding-left:4%;}
.menu>ul>li .page3 dt{ line-height: 3.75rem; height: 3.75rem; font-size:1.125rem;}
.menu>ul>li .page3 dd{ line-height:2.5rem; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 1rem;}
.menu>ul>li .page3 dl{ float: left; width:16.6666666%; color: #ffffff;}
.menu>ul>li .page3 dl a{ color: #ffffff;}

.icon-arrow{ display: block; position: absolute; left: 50%; margin-left: -20px; bottom:3%; width:40px; height:39px; will-change: transform; -webkit-animation: arrow .4s infinite alternate; animation: arrow 1s infinite alternate; background:url(20tbtc_arr.png) no-repeat; background-size: cover; z-index: 3;}
.logo img,.home img,.t1 img{ width: 100%;}
@-webkit-keyframes arrow {
		0% {
			-webkit-transform: translate3d(0, -30%, 0);
			transform: translate3d(0, -30%, 0)
		}

		to {
			-webkit-transform: translate3d(0, 30%, 0);
			transform: translate3d(0, 30%, 0)
		}
	}

	@keyframes arrow {
		0% {
			-webkit-transform: translate3d(0, -30%, 0);
			transform: translate3d(0, -30%, 0)
		}

		to {
			-webkit-transform: translate3d(0, 30%, 0);
			transform: translate3d(0, 30%, 0)
		}
	}

.fullSlide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-width: 1000px; overflow: hidden; z-index: 2;}
.fullSlide .f_bd{ position: relative; height: 100% !important; width: 100% !important;}
.fullSlide .f_bd ul { height: 100% !important; width: 100% !important;}

.fullSlide .f_bd li { height: 100% !important; width: 100% !important; background-position: center top; background-repeat: no-repeat; background-size: 100%  100%; position: relative; animation: scale 2s ease forwards;}
.fullSlide .f_bd li.on{transform: scale(1);}
.fullSlide .f_hd{ width:100%; font-size: 0; position:absolute; z-index:1; bottom:10%; left:0; height:12px; line-height:12px; text-align:center; }
.fullSlide .f_hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:2px 4px; background-color: #ffffff; overflow:hidden; line-height:9999px; border-radius: 5px; opacity: .5;}
.fullSlide .f_hd ul .on{ width: 40px; opacity: 0.8;}
.text_con{ position: absolute; left:10.2604166%; top:29.6296296%; background: url(20tbtc_box.png) no-repeat left top; padding-left: 33px; padding-top:65px; color: #0e3873; width: 50%;}
.text_con h1{ line-height:3.5rem; font-size: 3rem;}
.text_con h1 font{ margin: 0 -5px;}
.text_tit1{ line-height:2.5rem; font-size: 1.33rem; text-transform: uppercase; opacity: 0.8;}
.text_tit2{ margin-top: 3.5rem; line-height:2rem; font-size:1.5rem;}

.text_con1{ position: absolute; left:10.2604166%; top:29.6296296%; background:url(20ban_bg_03.png) repeat; padding-left: 33px; padding-top:65px; padding-bottom:65px; color: #ffffff; width: 33%;border-radius:0px 20px 0px 20px;}
.text_con1 h1{ line-height:5rem; font-size: 3.75rem;}
.text_con1 h1 font{ margin: 0 -5px;}
.text_tit3{ line-height:4.5rem; font-size:2.5rem;}
.text_tit4{ line-height:2rem; font-size:1.875rem; font-weight:100;}
.btn{ width:165px; height:35px; border:2px solid #e2e2e2;  text-align:center; line-height:35px; margin-top:2rem; border-radius:20px;}




.contain { width:90%; margin: 0 auto; position: relative; z-index: 2 }
.contain::after,.bot_con::after{ content: ''; display: block; clear: both;}
.tit1{ text-align: center;}
.tit1 h2{ line-height: 66px; font-size:50px; font-weight: normal;}
.tit1 p{ font-size:30px; line-height:46px; text-transform: uppercase; opacity: 0.25;}
.con1{ line-height:40px; text-align: center; padding:44px 0; color: #888888;}
.section_bg3 .tit1,.section_bg3 .con1{ color: #ffffff;}
.tu_list{ margin-top: 10px;}
.tu_list ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.tu_list li{ width: calc(25% - 17px); text-align: center;}
.tu_list li .tu img{ width: 100%; border-radius: 5px; box-shadow: 0 0 5px rgba(139,92,233,.15); transition: .3s all; cursor: pointer;}
.tu_list li .tu img:hover{ transform: scale(1.1);}
.tu_list li .box{ margin:-20px 6px 0 6px; padding: 45px 15px 35px 15px; box-shadow: 0 0 5px rgba(139,92,233,.15); background-color: #ffffff;}
.tu_list li .box h3{ font-size:30px; line-height: 44px; font-weight: normal; margin-bottom: 15px;}
.tu_list li .box p{ line-height:40px; color: #888888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tu_list li .box p a:link,.tu_list li .box p a:visited{ color: #888888;}
.tu_list li .box p a:hover,#footer .bot_con dd a:hover{ color: #005bac;}
.icon_list{ margin-top: 20px;}
.icon_list ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.icon_list li{ text-align: center; font-size: 30px; width: 25%;}
.icon_list li a{ display: block; color: #ffffff;}
.icon_list li p{ margin: 15px 0;}
.icon_list li img{ transition: .3s all; cursor: pointer;}
.icon_list li img:hover{ transform: rotate(360deg);}
.section_bg4 .fp-tableCell{ display: block !important;}
.section_bg3 .fp-tableCell{ height: auto !important;}
.ewm_con{float: left;width: 46%;line-height: 36px;}
#footer dl{float: left;margin-right: 7%;}
#footer .bot_con{padding-top: 52px;width: 100%;margin: 0 auto;max-width: 1200px;padding-bottom: 52px;}
#footer .bot_con dt{ font-size: 30px; line-height: 66px;}
#footer .bot_con dd{ line-height: 40px; height: 40px; color: #888888; transition: .3s all;}
.ewm_con img{/* FONT-WEIGHT: 200; */float: left;margin-right: 20px;width: 28%;padding: 10px;background-color: #ffffff;max-width: 181px;}
#footer .bot_con dd a,.ewm_con{ color: #888888;}
#footer .bot_con dd a{ transition:.3s all;}
#footer .bot_con dd a:hover{ padding-left: 10px; color: #005BAC;}
.bot_tit{ background-color: #354049; padding: 30px 0; line-height: 35px; text-align: center; color: #ffffff;}
.bot_tit a{ color: #ffffff;}

/* 新闻动态 TODO */
.xwdt_ban{ background: url(xwdt/wxdt_bg.png) no-repeat center top; height:706px; position: relative; z-index: 3; animation: scale 2s ease forwards; overflow: hidden;}
.xwdt_tit h1{ height: 118px; line-height: 118px; padding-top: 195px; font-weight: normal; font-size: 130px; color: #ffffff; opacity: 0.2; text-transform: uppercase; text-align: right;}
/*.xwdt_tit h1 font{ margin-right: 2rem;}*/
.xwdt_tit h2{ font-size: 75px; line-height: 88px; color: #ffffff; text-align: right; position: relative;left: -7px;}
.xwdt_tit h2 font{ margin: 0 -11px;}
.xwdt_tit h2 span font{ margin: 0 -6px;}

.xwdt_con{ position: relative; padding: 55px 0 20px 0; z-index: 2;}
.xwdt_con .tit1 {font-size: 50px;}
.xwdt_con .tit1 p {font-width: 500;}
.xwdt_con { display: flex; align-items: center; justify-content: space-between;}
/* 新闻列表日期 */
.xwdt_con .xwdt_list_date { width: 20% }
/*.xwdt_con .xwdt_list_img { min-width: 300px; }*/
.xwdt_con .xwdt_list_date { width: 130px;min-width: 130px;height: 140px;border: 1px solid #DDDDDD; display: flex; flex-direction: column; justify-content: center; align-items: center;margin-right: 42px;}
.xwdt_con .xwdt_list_date .month1 { height: 33px;font-weight: 500;font-size: 24px;color: #999999;}
.xwdt_con .xwdt_list_date .date1 { font-weight: 500;font-size: 54px;color: #999999;}

/* 新闻列表标题 */
.xwdt_con .xwdt_list_con {display: flex;flex-direction: column;justify-content: space-around;align-items: flex-start;height: 140px;width: 60%;}
.xwdt_con .xwdt_list_con .con_tit1 {height: 28px;font-weight: 500;font-size: 20px;color: #333333;}

/* 新闻列表缩略图 */
.xwdt_con .xwdt_list_img img {width: 239.87px; height: 140px;}

/* 新闻列表分割线 */
.xwdt_line {height: 1px;background: #FFFFFF;border-bottom: 1px solid #DDDDDD;}

.xwdt_content1 {position: relative; padding: 11px 0; z-index: 2;height: 65px;line-height: 65px; background: #F6F6F6;}

.xwdt_content1 .row span, .xwdt_content1 .row span a { width: 166px;height: 22px;font-weight: 500;font-size: 16px;color: #888888;}

.xwdt_con .tit2 {font-weight: 500;font-size: 20px;color: #333333;}
.xwdt_con .tit2 p {height: 28px;font-weight: 500;font-size: 20px;color: #999999;}
.xwdt_con .text-cont1_p p {line-height: 40px;color: #888888;}
.xwdt_con .cont_cent { text-align: center; }
.xwdt_con .cont_cent_img { margin: 20px 0; }

/* 新闻动态 TODO */

.page_con header{ position: absolute;}
.gywm_ban{ background: url(20tbtc_gywm_ban.jpg) no-repeat center top; height:706px; position: relative; z-index: 3; animation: scale 2s ease forwards; overflow: hidden;}
.row{ max-width: 1200px; width: 95%; margin: 0 auto;}
.row::after{ content: ''; clear: both; display: block;}
.gywm_tit h1{ height: 118px; line-height: 118px; padding-top: 327px; font-weight: normal; font-size: 130px; color: #ffffff; opacity: 0.2; text-transform: uppercase;}
.gywm_tit h1 font{ margin-right: 2rem;}
.gywm_tit h2{ font-size: 75px; line-height: 88px; color: #ffffff;}
.gywm_tit h2 span{ font-size: 40px; font-weight: normal; opacity: 0.8;}
.gywm_tit h2 font{ margin: 0 -11px;}
.gywm_tit h2 span font{ margin: 0 -6px;}
.gywm_con{ position: relative; padding: 55px 0; z-index: 2;}
.gywm_con1{ background:#3c578c;}
.gywm_con11{ background: url(20tbtc_gywm_con_b.jpg) no-repeat left bottom;}
.gywm_con11::after{ background: url(20tbtc_gywm_con_t.jpg) no-repeat right top; content: ''; display: block; right: 0; top: 0; left: 0; bottom: 0; position: absolute; z-index: 2;}
.gywm_con .row{ position: relative; z-index: 3;}
a.more{ font-size: 20px; color: #888888; margin: 10px auto 0; border: 1px solid #e5e5e5; height: 40px; line-height: 40px; text-align: center; width: 114px; display:block; border-radius: 20px; background-color: #ffffff; cursor: pointer; transition: .3s all;}
a.more:hover{ background-color: #005bac; color: #ffffff; border: 1px solid #005bac;}
.gywm_con11 .con1{ padding: 20px 0; text-align: left; color: #333333;}
.gywm_con2{ background: url(20tbtc_gywm_con1.jpg) repeat;}
.gywm_con3{ background: url(20tbtc_gywm_con2.jpg) no-repeat center top;}
.gywm_con2 .tit1 h2,.gywm_con2 .tit1 p,.jrwm_con2 .tit1 h2,.jrwm_con2 .tit1 p{ color: #ffffff;}
.tu_list1{ margin-top: 55px;}
.tu_list1 ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.tu_list1 li{ width:calc(33.3% - 32px); position: relative; cursor: pointer;}
.tu_list1 li a.box1{ position: relative; z-index: 2; display: block;}
.tu_list1 li a.box1 img{ width: 100%; position: relative; z-index: 2;}
.tu_list1 li a.box1 h3{ font-size: 40px; line-height: 40px; text-align: center; position: absolute; z-index: 3; left: 0; right: 0; transform: translate3d(0, -50%, 0); top: 45%; color: #ffffff; font-weight: normal; transition: .3s all;}
.tu_list1 li a.box1 span{ transition: .3s all; font-size: 20px; color: #ffffff; position: absolute; top:55%; transform: translate3d(-50%, 0, 0); left: 50%; border: 1px solid #e5e5e5; height: 40px; line-height: 40px; text-align: center; width:87px; display:block; border-radius: 20px; background-color: transparent; z-index: 3;}
.tu_list1 li:hover a.box1 h3{ top: 43%; }
.tu_list1 li:hover a.box1 span{ top: 53%; }
.tu_list1 li .box2{ position: absolute; z-index: 4; background-color: rgba(255,255,255,.9); color: #333333; font-size: 20px; line-height: 40px; top: -28px; left: -20px; right: -20px; bottom: -28px; padding: 40px; vertical-align: middle; display: none;}
.tu_list1 li .box2 span{ align-items:center; display: -webkit-flex; position: absolute; height: calc(100% - 80px); width: calc(100% - 80px);}
.map{ margin: 50px auto 0; clear: both; position: relative;}
.map img{ float: right;}
.map .box3{ position: absolute; left: 0; top: 50%; width: 365px; box-shadow: 0 0 8px rgba(0,0,0,.14); transform: translate3d(0, -50%, 0); background-color: rgba(255,255,255,.9); font-size: 16px; line-height: 40px; padding: 40px;}
.map .box3 h3{ font-size: 16px;}
.box3 i{ position: absolute; display: block; background-color: #398cd4;}
.box3 i.l_t,.box3 i.l_t1{ left: 0; top: 0;}
.box3 i.r_b,.box3 i.r_b1{ right: 0; bottom: 0;}
.box3 i.l_t,.box3 i.r_b{ width: 52px; height: 4px;}
.box3 i.l_t1,.box3 i.r_b1{ height: 52px; width: 4px;}
.jrwm_ban{ background-image: url(20tbtc_jrwm_ban.jpg); text-align: right;}
.jrwm_ban .gywm_tit h1{ padding-top: 370px; opacity: 0.5;}
.list{ margin-top: 30px;}
.list ul{ *width: 100%; margin: 0 -17px;}
.list li{ margin-top: 30px; width: 25%; float: left;}
.list li a{ display: block; margin: 0 17px; line-height: 46px; background-color: #e5eef7; text-align: center; transition: .3s all;}
.list li a:hover{ background-color: #3c578c; color: #ffffff;}
.jrwm_con2{ background: url(20tbtc_jrwm_con.jpg) no-repeat center top #10242e;}
.jrwm_con_img{width: 100%;}
.tu_list2{ margin-top: 45px;}
.tu_list2 ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.tu_list2 li{width: calc(33.3% - 31px); }
.tu_list2 li .tu{ overflow: hidden;}
.tu_list2 li .tu img{ width: 100%; transition: .3s all; cursor: pointer;}
.tu_list2 li .tu:hover img{ transform: scale(1.1);}
.tu_list2 li .box{ padding:20px 30px; background-color: #ffffff; height: 240px;}
.tu_list2 li .box h3{ font-size:20px; line-height: 40px; margin-bottom: 10px;}
.tu_list2 li .box dt{ line-height:34px; font-weight: bold;}
.tu_list2 li .box dd,.tu_list2 li .box p{ line-height: 40px;}
.tu_list2 li .box dt span,.tu_list2 li .box dd span{ float: right;}
.tu_list2 li .box dd span{ color: #888888;}
.tu_list2 li .box h3 a{ color: #333333;}
.tu_list2 li .box dd,.tu_list2 li .box h3{ transition: .3s all; cursor: pointer;}
.tu_list2 li .box dd:hover,.tu_list2 li .box h3:hover{ padding-left: 10px;}
.jrwm_l{ float: left; width: 46.8333%;}
.jrwm_r{ float: right; width: 26.083333%;}
.jrwm_l img,.jrwm_r img{ width: 100%;}

/*智慧财税*/
.zhcs_con_l{ width:60%; float:left;}
.zhcs_con_r{ width:30%; float:right; background:url(20zhcs_cpzl6.png) no-repeat right bottom #7f7f7f; padding:1.875rem;}
.zhcs_con_r p{  line-height:2.5rem; font-size:1rem; color:#ffffff; text-indent:0px;}
.zhcs_con_r h1{ color:#ffffff; font-size:1.875rem; font-weight:bold;}
.zhcs_text{ font-size:1.25rem; color:#000000;}
.zhcs_text1{ color:#888888; line-height:2.5rem;}

.zhcs_text2{ background:url(20zhcs_ban_bg_03.png) repeat; border-radius:5px; color:#ffffff; font-weight:100; font-size:1.875rem; height:4.375rem; line-height:4.375rem; padding-left:1.25rem; padding-right:1.25rem; float:left; margin-top:1.25rem;}

.zhcs_text3{color:rgba(255,255,255,0.5); font-size:5.625rem; line-height:6rem;text-transform: uppercase}
.zhcs_text4{ font-size:4.6875rem; color:#ffffff; font-weight:bold; margin:0px; padding:0px; line-height:5rem;}
.zhcs_con5{ position:absolute; z-index:99999;left:10.2604166%; top:29.6296296%;}
.zhcs_bg{ background:#f6f6f6;}
.zhcs_bg1{ background:#e5eef6;}

.zhcs_ban{ position: relative; left: 0; top: 0; right: 0; z-index: 2; overflow: hidden;}
.zhcs_ban .bd{ position: relative; height: 100% !important; width: 100% !important;}
.zhcs_ban .bd ul { height: 100% !important; width: 100% !important;}
.zhcs_ban .bd li { height: 100% !important; width: 100% !important; background-position: center top; background-repeat: no-repeat; background-size:cover; position: relative; animation: scale 2s ease forwards;}
.zhcs_ban .bd li.on{transform: scale(1);}
.zhcs_ban .hd{ width:100%; font-size: 0; position:absolute; z-index:1; bottom:15px; left:0; height:12px; line-height:12px; text-align:center; }
.zhcs_ban .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:2px 4px; background-color: #ffffff; overflow:hidden; line-height:9999px; border-radius: 5px; opacity: .5;}


.zhcs_ban .hd ul .on{ width: 40px; opacity: 0.8;}
.gl_tit{ background-color: #f6f6f6; line-height: 65px; color: #888888;}
.gl_tit a{ color: #888888;}
.zhcs_list2{ margin-top: 25px;}
.zhcs_list ul,.zhcs_list2 ul{ margin: 0 -19px;}
.zhcs_list li{ float: left; width: 25%; text-align: center;}
.zhcs_list li a{ display: block; padding: 2.625rem 0 1.875rem 0; font-size:1.25rem; line-height:2.5rem;  margin: 0 19px;}
.zhcs_list li a img{ margin-bottom:1.5rem; transition: .3s all;}
.zhcs_list li a:hover img{ transform: rotate(360deg);}
.zhcs_list2 li{ float: left; width:50%; text-align: center;}
.zhcs_list2 li a{ display: block; padding: 3.4375rem 0 1rem 0; font-size:1.25rem; line-height:2.5rem; background-color: #005bac; box-shadow: 0 0 8px rgba(0,0,0,.1); margin: 0 19px; color: #ffffff; transition: .3s all;}
.zhcs_list2 li a:hover{ padding-top: 2.4375rem; padding-bottom: 2rem;}
.zhcs_con1{ background:#3c578c;}
.zhcs_con2{ background-color: #f2f7fb;}
.zhcs_con3{ background: url(20tbtc_zhcs_con2.jpg) no-repeat center top;}
.zhcs_con4{ background-color: #485a66;}
.zhcs_con1 .tit1,.zhcs_con3 .tit1{ color: #ffffff;}
.zhcs_tu{ text-align: center; margin-top: 80px;}
.zhcs_l{ float: left; width:55%;}
.zhcs_r{ float: right; width: 42.25%;}
.zhcs_tit{ line-height: 3rem; font-size:1.875rem; padding-left: 20px; background: url(20tbtc_zhcs_dot.jpg) no-repeat left center;}
.list1{ padding:8px 10px;}
.list1 li{ line-height:2.5rem; font-size: 1rem; transition: .3s all;}
.list1 span{ font-weight: bold; color:#888888;}
.list1 li:hover{ padding-left: 10px;}
.icon_list1,.icon_list2,.zhcs_list,.zhcs_list1,.icon_list3,.list3{ margin-top: 45px;}
.icon_list1 ul,.icon_list2 ul,.icon_list3 ul{ display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center;}
.icon_list1 ul li,.icon_list2 ul li,.icon_list3 ul li{flex:1;}
.icon_list3{ padding: 0 8%;}
.icon_list2 ul{ padding:0 2rem;}
.icon_list1 li,.icon_list2 li,.icon_list3 li{ text-align: center; transition: .3s all;}
.icon_list2 li,.icon_list3 li{ font-size:1.25rem;}
.icon_list1 li img,.icon_list3 li img{ margin-bottom: 25px; transition: .3s all;}
.icon_list2 li img,.zhcs_list2 li a img{ margin-bottom: 15px; transition: .3s all;}
.icon_list3 li a{ color: #ffffff;}
.icon_list1 li:hover{ margin-top: -10px;}
.icon_list2 li:hover img,.icon_list3 li:hover img{ transform: rotate(360deg);}
.list2{ margin-top: 40px; padding: 0 20px;}
.list2 li{ line-height:2.5rem; float: left; font-size: 1rem; background: url(20tbtc_zhcs_dot1.png) no-repeat left center; width: 50%; transition:.3s all;}
.list2 li a{ display: block; padding-left: 28px; transition:.3s all;}
.list2 li:hover{ background-position: 10px center;}
.list2 li a:hover{ padding-left: 38px;}

.list3 ul li a{ float:left; margin-left:1rem; margin-right:1rem; background:#3c578c; color:#ffffff; padding:0 1.625rem; font-size:1rem; line-height:3.5rem; border-radius:5px;}
.zhcs_list1 ul{ margin: 0 -19px;}
.zhcs_list1 li{ float: left; width: 20%; text-align: center;}
.zhcs_list1 li a{ display: table; position: relative; padding: 1.5625rem 0; height:5rem; font-size:1rem; line-height:2.5rem; background-color: #ffffff; width:calc(100% - 38px);  transition: .3s all; border:1px solid #e2e2e2;}
.zhcs_list1 li a span{ display: table-cell; vertical-align: middle; padding: 0 1.5rem;}
.zhcs_list1 li a::after{ content: ''; position: absolute; right: 0; bottom: 0;  width: 24px; height: 25px;}
.t30.icon_list2 li{ font-size: 1.25rem;}
.zhcs_list1 li a:hover{ background-color: #3c578c; color: #ffffff;}
.zhcs_list3{ margin-top:45px;}
.zhcs_list3 ul{ margin: 0 -19px;}
.zhcs_list3 li{ float: left; width:25%;}
.zhcs_list3 li a{ display: block;  padding:1rem; height:12em; font-size:1rem; line-height:2.5rem; background-color: #ffffff; border:1px solid #e2e2e2; border-bottom:2px solid #3c578c; margin:1.25rem;}
.zhcs_list3 li a span{ display: table-cell; vertical-align: text-top; padding: 0 1.5rem;}
.zhcs_list3 li a::after{ content: ''; position: absolute; right: 0; bottom: 0;  width: 24px; height: 25px;}
.zhcs_list3 li a:hover{ background-color: #3c578c; color: #ffffff;}

.zhcs_list4{ margin-top:45px;}
.zhcs_list4 li{ float: left; width:33%;}
.zhcs_list4 li a{ line-height:2.5rem; display:block; padding:1.875rem;}

.zhcs_list5{ margin-top:45px;}
.zhcs_list5 ul{ margin: 0 -19px;}
.zhcs_list5 li{ float: left; width: 20%; text-align: center;}
.zhcs_list5 li a{ display: block; padding: 2.625rem 0 1.875rem 0; font-size:1.25rem; line-height:2.5rem;  margin: 0 19px;}
.zhcs_list5 li a img{ margin-bottom:1.5rem; transition: .3s all; }
.zhcs_list5 li a:hover img{ transform: rotate(360deg);}
.zhcs_list6{ margin-top:45px; text-align:center;}
.zhcs_list6 ul{ margin: 0 -19px;}
.zhcs_list6 li{ float: left; width: 25%; text-align: center;}
.zhcs_list6 li a{ display: table; position: relative; padding: 1.5625rem 0;  font-size:1rem; line-height:2.5rem; background-color: #3c578c; width:calc(100% - 38px);  color:#ffffff;}
.zhcs_list6 li a span{ display: table-cell; vertical-align: middle; padding: 0 1.5rem;}
.zhcs_list7{ margin-top:45px;}
.zhcs_list7 ul{ margin: 0 -19px;}
.zhcs_list7 li{ float: left; width: 25%; text-align: center;}
.zhcs_list7 li a{ display: table; position: relative; padding: 1.5625rem 0; height:5rem; font-size:1rem; line-height:2.5rem; background-color: #ffffff; width:calc(100% - 38px);  transition: .3s all; border:1px solid #e2e2e2;}
.zhcs_list7 li a span{ display: table-cell; vertical-align: middle; padding: 0 1.5rem;}
.zhcs_list7 li a::after{ content: ''; position: absolute; right: 0; bottom: 0;  width: 24px; height: 25px;}
.zhcs_text5{ width:90%; margin:0px auto; margin-top:45px; line-height:2.5rem; color:#888888; text-align:center;}

.zhcs_list8{ margin-top:45px;}
.zhcs_list8 li{ float: left; text-align:center; width:20%;}
.zhcs_list8 li a{ display:block; padding:1.25rem; font-size:1rem; line-height:2.5rem; background-color: #3c578c;  color:#ffffff; margin:1.25rem;}

.zhcs_list9{ margin-top:45px; text-align:center;}
.zhcs_list9 ul{ margin: 0 -19px;}
.zhcs_list9 li{ float: left; width: 33%; text-align: center;}
.zhcs_list9 li a{ display: table; position: relative; padding: 1.5625rem 0;  font-size:1rem; line-height:2.5rem; background-color: #3c578c; width:calc(100% - 38px);  color:#ffffff;}
.zhcs_list9 li a span{ display: table-cell; vertical-align: middle; padding: 0 1.5rem;}

.zhcs_pic{ margin-top:45px;}
.zhcs_pic ul li{ width:33%; float:left;}
.zhcs_pic ul li a{ display: table; position: relative; padding-top:1.5625rem;  font-size:1rem; line-height:2.5rem; background-color: #ffffff; width:calc(100% - 38px);}
.zhcs_pic ul li a p{ padding:0px 1.5rem; color:#888888; height:12.625rem;}
.zhcs_pic ul li a p span{ color:#000000;display:block;}

.zhcs_pic1{ margin-top:45px;}
.zhcs_pic1 ul li{ width:33%; float:left;}
.zhcs_pic1 ul li a{ display: table; position: relative; padding-bottom:1.5rem; font-size:1rem; line-height:2.5rem; background-color: #ffffff; width:calc(100% - 38px);}
.zhcs_pic1 ul li a p{ padding:0px 1.5rem; color:#888888; height:19rem;}
.zhcs_pic1 ul li a p span{ color:#000000; display:block; padding-top:1.5rem;}

.zhcs_list10{ margin-top:45px;}
.zhcs_list10 li{ float: left; width:33%; text-align: center;}
.zhcs_list10 li a{ display: table; position: relative; padding: 1.5625rem 0; height:5rem; font-size:1rem; line-height:2.5rem; background-color: #ffffff; width:calc(100% - 38px);  transition: .3s all; border:1px solid #e2e2e2;}
.zhcs_list10 li a span{ display: table-cell; vertical-align: middle; padding: 0 1.5rem;}
.zhcs_list10 li a:hover{background-color: #3c578c; color:#ffffff;}

.zhcs_con6{ margin-top:45px;}
.zhcs_con6_l{ width:40%; background:#ffffff; float:left;}
.zhcs_con6_l p{ padding:1.5rem 1.875rem; line-height:2.5rem; color:#888888;}
.zhcs_con6_l p span{ display:block; color:#000000;}
.zhcs_con6_r{ width:58%; float:right;}
.zhcs_con6_r ul li{ width:44%; float:left; margin:1.2rem; margin-top:0px;}
.zhcs_con6_r ul li a{ background:#ffffff; display:block; height:6.625rem; line-height:6.625rem; text-align:center;}

.zhcs_list11{ margin-top:45px;}
.zhcs_list11 ul li{ width:45%; float:left; margin-left:2.5%; margin-right:2.5%; line-height:2.5rem;}
.zhcs_list11 ul li span{ color:#000000;}
.zhcs_list11 ul li p{ color:#888888;}

.zhcs_list12{ margin-top:45px;}
.zhcs_list12 ul li{ background:url(20zhcs_icon_left.jpg) no-repeat left top #ffffff; float:left; width:46%; margin-left:2%; margin-right:2%; margin-bottom:3rem; height:8rem;}
.zhcs_list12 ul li a{ padding:1.5rem; display:block; line-height:2.5rem; font-size:1rem;}

.zhcs_list13{ margin-top:45px;}
.zhcs_list13 ul li{ background:#3c578c; float:left; width:46%; margin-left:2%; margin-right:2%; margin-bottom:3rem; height:8rem;}
.zhcs_list13 ul li a{ padding:1.875rem; display:block; line-height:2.5rem; font-size:1rem; color:#ffffff;}


.zhcs_list14{ margin-top:45px;}
.zhcs_list14 li{ float: left; width:25%; text-align: center;}
.zhcs_list14 li a{ display: table; position: relative; padding: 1.5625rem 0; font-size:1rem; line-height:2.5rem; width:calc(100% - 38px);  transition: .3s all;}
.zhcs_list14 li a p{ color:#888888; margin-top:1.5rem;}
.zhcs_list14 li a span{ color:#333333; display:block;}
/*智慧财税*/

/*智慧政务*/
.zhzw_list{ margin-top:45px;}
.zhzw_list li{ width:20%; float:left;}
.zhzw_list li a{ display: table; position: relative; padding: 1.5625rem 0; font-size:1rem; line-height:2.5rem; width:calc(100% - 38px);  transition: .3s all; background:#ffffff; border-right:5px solid #3c578c; text-align:center; height:5rem;}
.zhzw_list li a span{ padding:0px 1.5rem; display:block; text-align:center;}

.zhzw_list1{ margin-top:45px;}
.zhzw_list1 li{ width:25%; float:left;}
.zhzw_list1 li a{ display: table; position: relative; padding: 1.5625rem 0; font-size:1rem; line-height:2.5rem; width:calc(100% - 38px);  transition: .3s all; background:#ffffff; border:1px solid #3c578c; border-radius:5px; text-align:center;}
.zhzw_list1 li a span{ padding:0px 1.5rem; display:block; text-align:center;}
.zhzw_list1 li a:hover{ background:#3c578c; color:#ffffff;}

.zhzw_list2{ margin-top:45px;}
.zhzw_list2 ul li{ width:25%; float:left;}
.zhzw_list2  a{ display: table; position: relative; padding: 0.5625rem 0; font-size:1rem; line-height:2.5rem; width:calc(100% - 38px);  transition: .3s all; background:#3c578c; border-radius:5px; text-align:center; color:#ffffff;}
.zhzw_list2  li a span{ padding:0px 1.5rem; display:block; text-align:center;}

.bar{ float:right; width:36%; margin-top:1.5rem;}
.bar span{ display:block; width:43px; height:20px; margin-left:60%;}
.bar p{ padding:1.5rem; line-height:2.5rem; background:#f6f6f6; border:1px solid #e2e2e2;}

.zhzw_list3{ margin-top:45px;}
.zhzw_list3 ul li a{ line-height:2.5rem; background:url(20tbtc_zhcs_dot1.png) no-repeat left center; padding-left:1.5rem;}

.zhzw_list4{ margin-top:45px;}
.zhzw_list4 ul li{ width:33%; float:left;}
.zhzw_list4 ul li a{display: table; position: relative; padding:1.5625rem 0; font-size:1rem; line-height:2.5rem; width:calc(100% - 38px);  transition: .3s all; background: #ffffff;box-shadow: 0px 0px 5px #cccccc; padding:2px;}
.zhzw_list4 ul li a span{background:url(20icon_bg_03.png) no-repeat left top; padding-left:1.5rem; display: block;padding-right:1.5rem; padding-top:1rem; padding-bottom:1rem;}

.zhzw_list5{ margin-top:45px;}
.zhzw_list5 ul li{ width:33%; float:left; margin-bottom:1.5rem;}
.zhzw_list5 ul li a{display: table; position: relative; padding:1.5625rem 0; font-size:1rem; line-height:2.5rem; width:calc(100% - 38px);  transition: .3s all; background: #ffffff;box-shadow: 5px 5px 0px #3c578c;text-align:center;}
.zhzw_list5 ul li a span{ padding-left:1.5rem; display: block;padding-right:1.5rem; padding-top:1rem; padding-bottom:1rem; }

.zhzw_list6{ margin-top:45px;}
.zhzw_list6 ul li{ width:20%; float:left;}
.zhzw_list6 ul li a{ display:block; background: url(20zhzw_libg.png) no-repeat center bottom;text-align:center; height:8rem; font-weight:bold; font-size:1.25rem; color:#3c578c; margin:0 2rem; background-size:100%;}

.zhzw_list7{ margin-top:45px;}
.zhzw_list7 ul li{ width:25%; float:left; position: relative;}
.zhzw_list7 ul li a{ margin:0 2rem; background:#ffffff;box-shadow: 0px 0px 5px #d4e3f1; padding:1.5rem;display:block; line-height:2.5rem; padding-left:3.5rem;}
.zhzw_list7 ul li div.bar1{ width:4.25rem; height:4.25rem; background:#3c578c; border-radius:50%; color:#ffffff; position:absolute; text-align:center; line-height:4.25rem; display:block; font-size:2rem; top:1.5rem; left:-0.5rem;}

.zhzw_con{ background:url(20zx_sx_03.png) repeat-y left;  width:50%; float:left; margin-top:45px;}
.zhzw_con ul li{ line-height:3rem;}
.zhzw_con ul li span{ display:block; width:2.125rem; height:2.125rem; line-height:2.125rem; text-align:center; color:#ffffff; background:#3c578c; float:left; margin-right:1rem; border-radius:50%;}
.zhzw_con ul li p{ line-height:2.5rem; padding-left:3.125rem;}

.zhzw_l{ width:38%; float:left;}
.zhzw_r{ width:57%; float:right;}
.zhzw_img{ text-align:center;}
.zhzw_list8{ margin-top:45px;}
.zhzw_list8 ul li{ width:50%; float:left;}
.zhzw_list8 ul li a{ margin:1.5rem; background:#3c578c; padding:1.5rem; color:#ffffff; display:block;}

/*智慧政务*/

/* -------------------------------智慧食安--------------------------------- */
.zhsa_ban{height: 605px; padding-top: 100px; background: url(20tbtc_zhsa_ban.jpg) no-repeat center;}
.zhsa_ban h1{font-weight: normal; margin-top:200px; font-size: 90px; color:rgba(255,255,255,0.5); *color: #f4f4f4; text-transform: uppercase;}
.zhsa_ban h2{font-size: 75px; font-weight: bold;color: #FFFFFF;}
.zhsa_ban p{background: url(20tbtc_zhsa_bg2.png); overflow: hidden; display: inline-block; border-radius:5px;padding:0px 20px; margin-top: 20px; font-size: 30px; color: #FFFFFF; line-height: 60px; height: 60px;}
.zhsa_con{ background: #FFFFFF; padding: 65px 0px;}
.cona_l{width: 735px;}
.cona_l h1{font-size: 20px; color: #000000; font-weight: normal; line-height: 50px;}
.cona_l p{line-height: 40px; font-size: 16px; color: #888888;}
.cona_r{width: 375px; min-height: 170px; padding: 20px 0px; padding-left: 30px; color: #FFFFFF; background: #7f7f7f url(20tbtc_zhsa_icon1.png) no-repeat bottom right;}
.cona_r h1{font-size: 30px;}
.cona_r p{ font-size: 16px; margin-top: 10px; line-height: 40px;}
.zhsa_cona{background:url(20tbtc_zhsa_ban2.jpg) no-repeat center;padding: 65px 0px;}
.zhsa_ul{overflow: hidden; padding: 5px;}
.zhsa_ul ul{margin-right: -40px;}
.zhsa_ul ul li{width: 20%; float: left;}
.zhsa_ul ul li span{display: block; padding: 25px; background: url(20tbtc_zhsa_bg3.png); box-shadow: 0 0 3px rgba(000,000,000,0.1); min-height: 255px; margin-right: 40px;}
.zhsa_ul ul li span p{text-align: justify; font-size: 16px; line-height: 30px;}
.max_img {cursor: pointer;width: 100%; height: 100%; overflow: hidden;position: relative;z-index: 1;}
.max_img img {width: 100%;bottom: 0; top: 0;position: relative;left: 0;-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s;-o-transition: -o-transform 0.5s;transition: transform 0.5s;}
li:hover .max_img img,div:hover.max_img img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.cona_rr{margin-left: 35px;}
.cona_rr ul li{line-height: 40px;}
.cona_rr ul li span{font-weight: bold; margin-right: 5px; color: #888888;}
.cona_rr ul li span i{color: #000000; font-style: oblique;}
.zhsa_conb,.zhsa_conc{padding: 65px 0px; background: #f6f6f6;}
.zhsa_div{text-align: center;}
.zhsa_conb .zhsa_div .cona_rr{display: inline-block; text-align: left; text-align: center;width: 1000px; *zoom:1; *display: inline;}
.zhsa_div .cona_rr ul li{text-align: left;}
.zhsa_conb  .zhsa_div .cona_rr ul li span{color: #000000;}
.zhsa_conb  .zhsa_div .cona_rr ul li span i{font-style: oblique; margin-right: 2px;}
.zhsa_img{display: inline-block;  *zoom:1; *display: inline;}
.zhsa_p{display:inline-block; height: 50px; line-height: 50px; padding: 0px 20px;background: #024d91; *zoom:1; *display: inline; border-radius:5px; color: #FFFFFF; font-size: 16px; margin: 0px 30px; }
.zhsa_div .zhsa_p:nth-child(1){position: relative; top: -20px;}
.zhsa_div .zhsa_p:nth-child(2){position: relative; top: 20px;}
.zhsa_ula ul li{line-height: 90px; height: 90px; float: left; text-align: left; background: #FFFFFF;}
.zhsa_ula ul li.icon1{width: 45%;}
.zhsa_ula ul li.icon2{width: 55%;}
.zhsa_ula ul li i{font-weight: bold; font-size: 50px; font-style: oblique; margin-right: 15px; margin-left: 30px;}
.zhsa_ula ul li.on{color: #FFFFFF; background: #3c578c;}
.zhsa_ulb ul li{text-align: left;line-height: 40px;}
.zhsa_ulb ul li span{font-weight: bold; margin-right: 5px; color: #888888;}
.cona_rr.li ul li{line-height: 34px;height: 34px;}
.zhsa_tit li{float: left; width:25%; text-align: center;}
.zhsa_tit li span {height: 60px; margin-bottom: 25px; text-align: center; display: block;}
.zhsa_ulc li{width: 25%;float: left; text-align:left;}
.zhsa_ulc li span{display: block; line-height: 40px; margin-right: 90px; padding-left: 10px; background: url(20tbtc_zhcs_dian.png) no-repeat left 18px;}
.zhsa_ban.bg{background-image: url(20tbtc_zhcs_ban.jpg);}
.zhsa_ban.bg h1{font-size: 130px;}
.conb_ll{width: 190px;}
.conb_l{width: 575px;}
.conb_rr{width: 355px; margin-top: -10px;}
.conb_rr ul li{ transition: all 0.3s; line-height:40px;height: 40px; padding-left: 10px; background: url(20tbtc_zhcs_a_dian.jpg) no-repeat left 18px;}
.conb_rr ul li:hover{margin-left: 10px;}
.zhsa_cond{padding: 65px 0px; background: #354049;}
.zhsa_cond .tit1{color: #FFFFFF;}
.zhsa_cond .conb_rr ul li a{color: #FFFFFF;}
.zhsa_cond .conb_rr ul li {background: url(20tbtc_zhcs_a_diana.png) no-repeat left 18px;}
.zhsa_ban.bg2{background: url(20tbtc_zhsj_ban5.png) no-repeat top;}
.zhsa_cone{padding: 65px 0px; background: #e5edf4;}
.zhsa_tit.li{text-align: center;}
.zhsa_tit.li li{display: inline-block; float: inherit;}
.zhsa_ulc.li li{width: 20%;float: left; text-align:left;}

/* 2020-09-01 */
.jrwm_tit h1{text-align: center; padding: 20px 0px; border-bottom: 1px solid #DDDDDD ; margin-bottom: 50px;}
.jrwm_tit ul{padding: 0px 100px; margin-bottom: 50px;}
.jrwm_tit ul li span{font-weight: bold; font-size: 22px; margin-bottom: 20px;display: block;}
.jrwm_tit ul li p{line-height: 36px; font-size: 16px; color: #666666}
.con_tab{width: 1000px;margin: 0 auto ; margin-bottom: 100px; border-left:1px solid #DDDDDD; border-top:1px solid #DDDDDD;}
.con_tab table {width: 100%;}
.con_tab table td{text-align: center; line-height: 25px; height: 60px; border-bottom: 1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
.con_tab table tr:nth-child(1) td{font-weight: bold;}
.jrwm_top{line-height: 50px; margin-bottom: 50px; height: 50px; border-bottom: 2px solid #DDDDDD;}
.jrwm_top h1{font-size: 24px; background: url(20icon_bg_03.png) no-repeat right 10px; display: inline-block; padding-right: 20px;}
.jrwm_div ul li{ background: #F4F4F4; margin-bottom: 40px;}
.jrwm_div ul li .jrwm_t{padding: 20px; line-height: 35px; background: #597293; color: #FFFFFF; border-radius:10px 10px 0px 0px; font-size: 20px;}
.jrwm_div ul li span{font-weight: bold;font-size: 24px;}
.jrwm_div ul li .jrwm_b{padding: 30px 200px 30px 20px; text-align: justify; line-height: 35px;}
.jrwm_tx{background: #597293; padding: 20px; color: #FFFFFF;}
.jrwm_tx h1{font-size:20px; border-bottom: 1px solid #F4F4F4; margin-bottom: 20px; padding-bottom: 10px;}
.jrwm_tx p{font-size: 16px; line-height: 35px; padding-left: 15px;}

/*2020-09-07*/
.cpjs_con{ padding-top:5px; padding-bottom:30px;}
/*2020-09-08*/
.con11{line-height:40px;padding:44px 0; color: #888888;}
.con11 p{ line-height:40px; text-indent:2em;}
/*2021-03-09*/
.sp_jc{ font-size:20px; font-weight:bold;}





/*colour*/
.twhite1 { color: #fff; }
.twhite1 a:link, .twhite1 a:visited { color: #fff; }
.twhite1 a:hover { color: #fff; text-decoration: underline; }
.tred1 { color: #d03c3c; }
.tred1 a:link, .tred1 a:visited { color: #ff0000; }
.tred1 a:hover { color: #ff0000; text-decoration: underline; }
.tblack1 { color: #000 }
.tblack1 a:link, .tblack1 a:visited { color: #000; }
.tblack1 a:hover { color: #000; text-decoration: underline; }
.tgray1{ color: #999999;}
.tgray1 a:link, .tgray1 a:visited { color: #999999; }
.tgray1 a:hover { color: #999999; text-decoration: underline; }
.tblue1 { color: #0167cc }
.tblue1 a:link, .tblue1 a:visited { color: #0167cc; }
.tblue1 a:hover { color: #0167cc; text-decoration: underline; }
/*---------------------------------------segmentation------------------------------------------*/

/*frame*/
.bor1 { border: 1px solid #e1e1e1; }
.bor_t1 { border-top: 1px solid #e1e1e1; }
.bor_r1 { border-right: 1px solid #e1e1e1; }
.bor_l1 { border-left: 1px solid #e1e1e1; }
.bor_b1 { border-bottom: 1px solid #e1e1e1; }
.bor_to { border-top: none; }
.bor_bo { border-bottom: none; }
.bor_ro { border-right: none; }
.bor_lo { border-left: none; }
/*---------------------------------------segmentation------------------------------------------*/

/*font*/
.tb { font-weight: bold; }
.t12 { font-size: 12px; }
.t13 { font-size: 13px; }
.t14 { font-size: 14px; }
.t15 { font-size: 15px; }
.t16 { font-size: 16px; }
.t17 { font-size: 17px; }
.t18 { font-size: 18px; }
.t20 { font-size: 20px; }
.t22 { font-size: 22px; }
.t24 { font-size: 24px; }
.t50 { font-size: 50px; }
.f_heiti { font-family: "SimHei"; }
.f_yahei { font-family: "Microsoft YaHei"; }
.f_c { text-align: center; }
.f_i { text-indent: 2em; }
/*---------------------------------------segmentation------------------------------------------*/

/*line-height*/
.h18 { line-height: 18px; }
.h20 { line-height: 20px; }
.h22 { line-height: 22px; }
.h24 { line-height: 24px; }
.h25 { line-height: 25px; }
.h26 { line-height: 26px; }
.h28 { line-height: 28px; }
.h29 { line-height: 29px; }
.h30 { line-height: 30px; }
.h32 { line-height: 32px; }
.h33 { line-height: 33px; }
.h34 { line-height: 34px; }
.h35 { line-height: 35px; }
.h36 { line-height: 36px; }
.h40 { line-height: 40px; }
.h44 { line-height: 44px; }
.h50 { line-height: 50px; }
/*---------------------------------------segmentation------------------------------------------*/

/*margin*/
.mar1 { margin: 1px; }
.mar20 { margin: 20px; }
.mar_t0 { margin-top: 0px; }
.mar_t1 { margin-top: 1px; }
.mar_t5 { margin-top: 5px; }
.mar_t10 { margin-top: 10px; }
.mar_t15 { margin-top: 15px; }
.mar_t20 { margin-top: 20px; }
.mar_t25 { margin-top: 25px; }
.mar_t30 { margin-top: 30px; }
.mar_t35 { margin-top: 35px; }
.mar_t40 { margin-top: 40px; }
.mar_t45 { margin-top: 45px; }
.mar_t50 { margin-top: 50px; }
.mar_t55 { margin-top: 55px; }
.mar_b0 { margin-bottom: 0px; }
.mar_b1 { margin-bottom: 1px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b15 { margin-bottom: 15px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b25 { margin-bottom: 25px; }
.mar_b30 { margin-bottom: 30px; }
.mar_b35 { margin-bottom: 35px; }
.mar_b40 { margin-bottom: 40px; }
.mar_b45 { margin-bottom: 45px; }
.mar_b50 { margin-bottom: 50px; }
.mar_b55 { margin-bottom: 55px; }
.mar_l0 { margin-left: 0px; }
.mar_l1 { margin-left: 1px; }
.mar_l5 { margin-left: 5px; }
.mar_l10 { margin-left: 10px; }
.mar_l15 { margin-left: 15px; }
.mar_l20 { margin-left: 20px; }
.mar_l25 { margin-left: 25px; }
.mar_l30 { margin-left: 30px; }
.mar_l35 { margin-left: 35px; }
.mar_l40 { margin-left: 40px; }
.mar_l45 { margin-left: 45px; }
.mar_l50 { margin-left: 50px; }
.mar_l55 { margin-left: 55px; }
.mar_r0 { margin-right: 0px; }
.mar_r1 { margin-right: 1px; }
.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r15 { margin-right: 15px; }
.mar_r20 { margin-right: 20px; }
.mar_r25 { margin-right: 25px; }
.mar_r30 { margin-right: 30px; }
.mar_r35 { margin-right: 35px; }
.mar_r40 { margin-right: 40px; }
.mar_r45 { margin-right: 45px; }
.mar_r50 { margin-right: 50px; }
.mar_r55 { margin-right: 55px; }
/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad1 { padding: 0px; }
.pad1 { padding: 1px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad_t0 { padding-top: 0px; }
.pad_t1 { padding-top: 1px; }
.pad_t5 { padding-top: 5px; }
.pad_t10 { padding-top: 10px; }
.pad_t15 { padding-top: 15px; }
.pad_t20 { padding-top: 20px; }
.pad_t25 { padding-top: 25px; }
.pad_t30 { padding-top: 30px; }
.pad_t35 { padding-top: 35px; }
.pad_t40 { padding-top: 40px; }
.pad_t45 { padding-top: 45px; }
.pad_t50 { padding-top: 50px; }
.pad_t55 { padding-top: 55px; }
.pad_b0 { padding-bottom: 0px; }
.pad_b1 { padding-bottom: 1px; }
.pad_b5 { padding-bottom: 5px; }
.pad_b10 { padding-bottom: 10px; }
.pad_b15 { padding-bottom: 15px; }
.pad_b20 { padding-bottom: 20px; }
.pad_b25 { padding-bottom: 25px; }
.pad_b30 { padding-bottom: 30px; }
.pad_b35 { padding-bottom: 35px; }
.pad_b40 { padding-bottom: 40px; }
.pad_b45 { padding-bottom: 45px; }
.pad_b50 { padding-bottom: 50px; }
.pad_b55 { padding-bottom: 55px; }
.pad_l0 { padding-left: 0px; }
.pad_l1 { padding-left: 1px; }
.pad_l5 { padding-left: 5px; }
.pad_l10 { padding-left: 10px; }
.pad_l15 { padding-left: 15px; }
.pad_l20 { padding-left: 20px; }
.pad_l25 { padding-left: 25px; }
.pad_l30 { padding-left: 30px; }
.pad_l35 { padding-left: 35px;}
.pad_l40 { padding-left: 40px; }
.pad_l45 { padding-left: 45px; }
.pad_l50 { padding-left: 50px; }
.pad_l55 { padding-left: 55px; }
.pad_r0 { padding-right: 0px; }
.pad_r1 { padding-right: 1px; }
.pad_r5 { padding-right: 5px; }
.pad_r10 { padding-right: 10px; }
.pad_r15 { padding-right: 15px; }
.pad_r20 { padding-right: 20px; }
.pad_r25 { padding-right: 25px; }
.pad_r30 { padding-right: 30px; }
.pad_r35 { padding-right: 35px; }
.pad_r40 { padding-right: 40px; }
.pad_r45 { padding-right: 45px; }
.pad_r50 { padding-right: 50px; }