/* css_base */

*{ margin: 0; padding: 0; list-style: none;}
body{ background: #fff; font: normal 12px/22px 宋体;font-family: 'Microsoft YaHei';}
img{ border: 0;display: block;}
a{ text-decoration: none; color: #333;}
a:hover{ color: #FF8400;}
.height45px{ height: 45px;}
.height35px{ height: 35px;}
.height25px{ height: 25px;}
.height15px{ height: 15px;}
.abc_logo{ display: flex; width: 1182px; margin: 0 auto;}
.abc_banner{ width: 100%;}

/* menu_css */

.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.navBar{ background: #000; position: relative; z-index: 1; color: #fff; height: 40px; line-height: 40px;}
.nav{ width: 1080px; margin: 0 auto; font-family: "Microsoft YaHei", SimSun, SimHei;}
.nav h3{ font-size: 100%; font-weight: normal; font-size: 14px;}
.nav .m{ position: relative; float: left; width: 86px; margin: 0 10px; display: inline; text-align: center;}
.nav .m h3 i{ display: inline-block; *display: inline; zoom: 1; width: 7px; height: 4px; background: url(../images/icon.png) 0 -280px no-repeat; overflow: hidden; margin: -2px 0 0 5px; vertical-align: middle; filter: alpha(opacity=50); opacity: 0.5;}
.nav h3 a{ zoom: 1; height: 16px; line-height: 16px; padding: 12px 0; display: block; color: #fff}
.nav .on h3 a{ padding: 11px 0; border-bottom: 2px solid #000;}
.nav .on h3 a i{ filter: alpha(opacity=100); opacity: 1;}
.nav .sub{ display: none;width: 108px; padding: 10px 0; position: absolute; left: -10px; top: 40px; background: #eee; float: left; line-height: 30px;}
.nav .sub li{ text-align: center;}
.nav .sub li a{ color: #333; display: block; zoom: 1;}
.nav .sub li a:hover{ background: #ddd; color: #c00;}
.nav .sub dl{ display: inline-block; *display: inline; zoom: 1; vertical-align: top; padding: 15px 29px; line-height: 26px;}
.nav .sub dl a:hover{ color: #c00;}
.nav .sub dl dt a{ color: #000;}
.nav .sub dl dd a{ color: #999; padding-left: 7px; background: url(../images/icon.png) 0 -332px no-repeat;}
.nav #m7{ width: 116px;}

/*banner_css*/

*{ zoom: 1}
.fullSlide{ position: relative; background: #000; margin: 0 auto;}
.fullSlide .bd{ position: relative; z-index: 0;}
.fullSlide .bd li img{ width: 100%; vertical-align: top;}
.fullSlide .hd{ position: relative; z-index: 1; margin-top: -30px; height: 30px; line-height: 30px; text-align: center; background: transparent; filter: alpha(opacity=60); opacity: 0.6}
.fullSlide .hd ul{ text-align: center; padding-top: 5px;}
.fullSlide .hd ul li{ cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 8px; height: 8px; margin: 5px; background: url(../images/tg_flash_p.png) -18px 0; overflow: hidden; font-size: 0;}
.fullSlide .hd ul .on{ background-position: 0 0;}
.fullSlide .prev, .fullSlide .next{ z-index: 1; display: block; width: 55px; height: 55px; position: relative; margin: -12% 0 0 3%; float: left; background: url(../images/arrow.png) 0 0 no-repeat; filter: alpha(opacity=40); opacity: 0.4; display: none;}
.fullSlide .next{ background-position: right 0; float: right; margin-right: 3%}
.fullSlide .prev:hover, .fullSlide .next:hover{ filter: alpha(opacity=80); opacity: 0.8}

/*wrap_css*/

.abc_1{ display: flex; width: 1182px; margin: 0 auto; justify-content: space-between;}
.abc_aboutus .lan{display: flex;justify-content: space-between;align-items: center;}
.abc_aboutus .atxt{ display: flex;align-items: center; justify-content: center; width: 500px; border-bottom: 1px solid #000; height: 45px;}
.abc_aboutus .atxt a{ color: #444; font-size: 14px;}
.abc_aboutus .atxt i{float: left;width: 1px;height: 15px; background: #444444; margin: auto 10px;}
.abc_aboutus .atxt i:last-child{display: none;}
.abc_aboutus .acontent{ padding: 20px; font-size: 15px; line-height: 29px;}

/*wrap_css*/

.abc_2{ display: flex; width: 1182px; margin: 0 auto; justify-content: space-between;}
.abc_2 .left .list .row{ display: flex; width: 555px;font-size: 14px; color: #848484;}
.abc_2 .left .list .row a{font-size: 14px;}
.abc_2 .left .list .row img{width: 160px; height: 100px;}
.abc_2 .left .list .row .atxt,.atitle{ padding: 8px;}
.abc_2 .right .list{ line-height: 26px;}
.abc_2 .right .list a{ font-size: 14px;}

/*wrap_css*/

.abc_3{ display: flex; width: 1182px; margin: 0 auto; justify-content: space-between;}
.abc_3 .row2{display: flex;justify-content: space-between;}
.abc_3 .row2 .list{ width: 350px;}
.abc_3 .row2 a{ font-size: 14px;}
.abc_4{ width: 1182px; margin: 0 auto;}
.abc_4 .row2{ display: flex; width: 1182px; margin: 0 auto; justify-content: space-between;}
.abc_4 .row2 div{ padding: 5px 10px; border: 1px solid #cecece; background: #fff;}
.abc_4 .row3{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.abc_4 .row3 .a{ padding-bottom: 15px;}
.abc_5{ background: #f5f5f5;}
.abc_5 .row1{ width: 1182px; margin: 0 auto; text-align: center; height: 65px; line-height: 65px; border: 1px solid #aaa; border-left: 0px; border-right: 0px; font-size: 15px;}
.abc_5 .row1 a{ font-size: 13px;}
.abc_5 .row2{ width: 1182px; margin: 0 auto; text-align: center;line-height: 25px; font-size: 15px; padding: 25px 0;}

/* focusBox——css */

.focusBox{ position: relative; width: 555px; height: 344px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;}
.focusBox .pic img{ width: 555px; height: 344px; display: block;}
.focusBox .txt-bg{ position: absolute; bottom: 0; z-index: 1; height: 36px; width: 100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden;}
.focusBox .txt{ position: absolute; bottom: 0; z-index: 2; height: 36px; width: 100%; overflow: hidden;}
.focusBox .txt li{ height: 36px; line-height: 36px; position: absolute; bottom: -36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none;}
.focusBox .num{ position: absolute; z-index: 3; bottom: 8px; right: 8px;}
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer;}
.focusBox .num li a,.focusBox .num li span{ position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none;}
.focusBox .num li span{ z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5;}
.focusBox .num li.on a,.focusBox .num a:hover{ background: #f60;}

/*-----------------------------------------------------------------*/

html{ width: 100%; overflow-y: scroll; font-size: 12px;}
body{ width: 100%; min-width: 1240px; margin: 0px; padding: 0px; font-size: 1.2rem; text-size-adjust: none; color: #000; font-family: Microsoft YaHei, Arial, Verdana}
div,p,span,em{ backface-visibility: hidden}
ul,ol{ list-style: none}
form,dl,dt,dd,ul,ol,input,select,textarea,h1,h2,h3,h4,h5,h6{ margin: 0px; padding: 0px}
input,button,select,textarea{ font-size: 1.2rem; color: #000; outline: none}
img{ border: 0px}
button{ display: inline-block; padding: 8px 16px; font-size: 1.4rem; border: 0px; line-height: 100%; color: #fff; border: #666 1px solid; cursor: pointer; transition: background-color .1s ease, border-color .1s ease}
button.b1{ background-color: #555; border-color: #555}
button.b1:hover{ background-color: #333; border-color: #333}
button.b1:focus{ border-color: #000}
button.b2{ background-color: #005f9b; border-color: #005f9b}
button.b2:hover{ background-color: #004570; border-color: #004570}
button.b2:focus{ border-color: #002842}
button.lock, button.lock:hover, button.lock:focus{ background-color: #bbb !important; border-color: #bbb !important}
input.i1{ width: 358px; padding: 10px; border: #d1d1d1 1px solid; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.08); transition: border-color .3s ease, box-shadow .3s ease}
input.i1:focus{ border-color: #5b9dd9; box-shadow: 0px 0px 2px rgba(30, 140, 190, 0.8)}
textarea.t1{ width: 358px; height: 178px; line-height: 150%; padding: 10px; border: #d1d1d1 1px solid; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.08); transition: border-color .3s ease, box-shadow .3s ease}
textarea.t1:focus{ border-color: #5b9dd9; box-shadow: 0px 0px 2px rgba(30, 140, 190, 0.8)}

.ash{ color: #999}
.block{ display: block !important}
.clear{ clear: both}
.clear_float{ zoom: 1}
.clear_float:after{ display: block; clear: both; content: ""; visibility: hidden; height: 0}
.center{ text-align: center !important}
.hide{ display: none !important}
.hand{ cursor: pointer}
.highlight{ background-color: #ffff00}
.pagehide{ display: none !important}
.wrap{ width: 100%; position: relative; z-index: 100}
.header{ width: 100%; min-width: 1240px; height: 80px; background: #fff; border-bottom: #eee 1px solid; position: fixed; top: 0px; z-index: 10000}
.header div.desk{ width: 100%; height: 100%; background: #fff; position: absolute; top: 0px; left: 0px; z-index: 100}
.header div.logo{ margin-left: -600px; line-height: 80px; position: absolute; top: 0px; left: 50%; z-index: 110}
.header div.logo a{ font-size: 2.4rem; color: #005f9b}
.header div.menu{ width: 1200px; margin: auto; position: relative; z-index: 110}
.header div.menu ul{ position: absolute; top: 0px; right: 0px}
.header div.menu ul li{ float: left}
.header div.menu ul li a{ display: inline-block; line-height: 80px; padding: 0px 20px; font-size: 1.6rem; color: #005f9b; font-weight: bold}
.header div.menu ul li a:hover{ color: #000}
.header div.menu ul li.on{ background: linear-gradient(#005f9b, #005f9b) top center no-repeat; background-size: 100% 2px}
.header div.menu ul li.on a{ color: #000}
.header span.menu{ display: none; cursor: pointer}
.headertakeup{ width: 100%; height: 80px}
.footer{ width: 100%; padding: 20px 0px; position: relative; z-index: 100}
.footer .copyright{ width: 100%; line-height: 200%; text-align: center; color: #fff}
.footer .copyright a{ color: #fff}
.container{ width: 100%; background-size: 100% 3px; position: relative; z-index: 100}
.breadcrumb{ font-size: 1.4rem}
.breadcrumb em{ display: inline-block; vertical-align: middle; margin: 0px 5px; width: 1.2rem; height: 1.2rem; background: url(icon/arrow.2.svg) center center no-repeat}
.cupboard{ width: 1200px; margin: auto; padding: 20px 0px; position: relative; z-index: 100}
.cupboard .main{ width: 898px; padding: 20px; background: #fff; float: right; border: #f2f2f2 1px solid}
.cupboard .main h1{ font-size: 1.8rem; line-height: 150%; padding-bottom: 20px; border-bottom: #eee 1px solid}
.cupboard .main .list{ padding-bottom: 20px}
.cupboard .main .list li{ padding: 20px 0px; line-height: 150%; border-bottom: #ddd 1px dotted; position: relative; z-index: 100}
.cupboard .main .list li span.time{ color: #999; position: absolute; top: 20px; right: 0px; z-index: 100}
.cupboard .main .content div.text{ padding-top: 20px; font-size: 1.4rem; line-height: 200%}
.cupboard .main .content div.text p{ margin: 0px; padding: 0px 0px 20px 0px}
.cupboard .main .content div.text img{ max-width: 100%}
.cupboard .side{ width: 240px; background: #fff; float: left}
.cupboard .side dl.option{ padding: 20px; border: #f2f2f2 1px solid}
.cupboard .side dl.option dt{ padding-bottom: 15px; font-size: 1.6rem; font-weight: bold; line-height: 100%}
.cupboard .side dl.option dd{ background: url(icon/circle.1.svg) left center no-repeat; background-size: 6px 6px; padding-left: 14px; font-size: 14px; line-height: 200%}
.cupboard .links{ width: 1230px; margin-left: -15px; font-size: 0px; text-align: center}
.cupboard .links div.item{ width: 175px; margin: 0px 15px 30px 15px; display: inline-block}
.cupboard .links div.item a{ display: table; text-align: center}
.cupboard .links div.item a span{ display: table-cell; vertical-align: middle}
.cupboard .links div.item a img{ max-width: 175px; max-height: 100px}
.cupboard .pictures{ width: 1230px; margin-left: -15px}
.cupboard .pictures div.item{ width: 180px; height:140px; margin: 0px 12px 30px 12px; float: left}
.cupboard .pictures div.item p.image{ margin: 0px; padding: 0px}
.cupboard .pictures div.item p.image img{ width: 100%}
.cupboard .pictures div.item p.topic{ margin: 0px; padding: 0px; background: #fff; line-height: 30px; font-size: 1.4px;  text-align: center}
.cupboard .synopsis div.item{ width: 520px; height: 160px; margin-bottom: 20px; padding: 30px; background: #fff; float: left; overflow: hidden; position: relative; z-index: 100}
.cupboard .synopsis div.item p{ margin: 0px; padding: 0px}
.cupboard .synopsis div.item p.photo{ width: 160px; height: 160px; float: left; margin-right: 30px; margin-bottom: 30px}
.cupboard .synopsis div.item p.photo img{ width: 100%; height: 100%}
.cupboard .synopsis div.item p.topic{ padding-bottom: 10px; font-size: 1.6rem; font-weight: bold}
.cupboard .synopsis div.item p.topic em{ font-style: normal; color: #666; font-size: 1.4rem}
.cupboard .synopsis div.item p.intro{ line-height: 150%; font-size: 1.4rem; color: #333}
.cupboard .outline{ width: 1230px; margin-left: -15px}
.cupboard .outline h1{ font-size: 1.8rem; line-height: 150%; padding-bottom: 20px; text-align: center}
.cupboard .outline div.item{ width: 340px; background: #fff; margin: 0px 15px 30px 15px; padding: 20px; float: left}
.cupboard .outline div.item ul{ padding: 10px 0px}
.cupboard .outline div.item ul li{ padding-left: 20px; background: url(icon/circle.1.svg) left center no-repeat; background-size: 6px 6px; font-size: 1.4rem; line-height: 200%}
.cupboard .outline div.item p{ margin: 0px; padding: 0px}
.cupboard .outline div.item p.topic{ padding-bottom: 10px; line-height: 150%; border-bottom: #eee 1px solid; font-size: 1.6rem; font-weight: bold}
.cupboard .outline div.item p.tips{ color: #999; line-height: 200%}
.cupboard .outline div.item p.email{ background: url(icon/email.1.svg) left center no-repeat; background-size: 20px; padding-left: 30px; line-height: 200%}
.cupboard .outline div.item p.email a{ color: #005f9b; text-decoration: underline}
.cupboard .full.content h1{ font-size: 1.8rem; line-height: 150%; padding-bottom: 20px; text-align: center; border-bottom: #eee 1px solid}
.cupboard .full.content div.text{ background: #fff; padding: 20px; font-size: 1.4rem; line-height: 200%}
.cupboard .full.content div.text p{ margin: 0px; padding: 0px 0px 20px 0px}
.cupboard .full.content div.text img{ max-width: 100%}
.cupboard .tinyform li{ padding: 10px 0px; text-align: center}
.cupboard .search{ background: #fff; padding: 20px; font-size: 1.4rem}
.cupboard .search .result{ padding-bottom: 20px}
.cupboard .search .result li{ padding: 10px 0px; border-bottom: #ddd 1px dotted}
.cupboard .search .result li a{ display: block}
.cupboard .search .result li a.url{ color: #008000; font-size: 1.2rem; padding-top: 10px}
.pagi{ line-height: 100%; text-align: center}
.pagi a{ display: inline-block; background: #fff; padding: 10px; font-size: 1.4rem; color: #666; border: #eee 1px solid; border-right: 0px; cursor: pointer; vertical-align: middle}
.pagi a:last-child{ border-right: #eee 1px solid}
.pagi a.on{ text-decoration: underline}

.pagi_diy{margin: 0 auto; text-align: center;}
.linkc{ border: 1px solid #000000; padding: 5px 10px; color:#000000;}
.textc{ border: 1px solid #d6d6d6; padding: 5px 10px; color:#d6d6d6;}

.selector{ width: 100%; padding-bottom: 20px; text-align: center}
.selector ul{ display: inline-block; font-size: 0px}
.selector ul li{ display: inline-block; background: #fff; border: #ddd 1px solid; border-right: 0px}
.selector ul li:first-child{ border-top-left-radius: 10px; border-bottom-left-radius: 10px}
.selector ul li:last-child{ border-right: #ddd 1px solid; border-top-right-radius: 10px; border-bottom-right-radius: 10px}
.selector ul li a{ display: inline-block; font-size: 13px; padding: 10px 10px}
.selector ul li.on{ background: #005f9b; border-color: #005f9b}
.selector ul li.on a{ color: #fff}
.home{ width: 100%; position: relative; z-index: 100}
.home .banner{ width: 100%; height: 500px; background: url(banner.svg) center center; background-size: cover; position: relative; z-index: 100}
.home .banner h2{ width: 600px; font-size: 4.8rem; font-weight: normal; color: #fff; text-align: center; margin-left: -300px; position: absolute; top: 160px; left: 50%; z-index: 200}
.home .banner h3{ width: 600px; font-size: 1.8rem; font-weight: normal; color: #fff; text-align: center; margin-left: -300px; position: absolute; top: 240px; left: 50%; z-index: 200}
.home .banner a.more{ width: 196px; font-size: 1.8rem; color: #fff; text-align: center; line-height: 46px; border: #fff 2px solid; border-radius: 10px; margin-left: -100px; position: absolute; top: 300px; left: 50%; z-index: 200; transition: background .3s ease, color .3s ease}
.home .banner a.more:hover{ background: #fff; color: #000}
.home_item{ width: 100%; padding: 20px 0px; background: #f8f8f8}
.home_item h2{ font-size: 2.4rem; line-height: 200%; font-weight: normal; text-align: center}
.home_item:nth-child(odd){ background: #fff}
.container .main .content a{color: blue;}

.container .content .case_img { text-align: center;}
.container .content .case_img img{display:inline-block;}