@charset "gb2312";
/* CSS Document */
/*header*/
#header {width:100%;height:95px; }
#header .pubW,#footer .pubW {width:1070px;}
.header_title {height:48px;width:100%;float:left;margin-top:25px;}
.header_title h1 {width:255px;height:48px;float:left; }
.header_title h1 a {display:block;width:255px;height:48px;}
.header_title dl {float:left;margin-left:55px;display:inline;height:48px;}
.header_title dd {width:43px;height:43px; float:left;}
 
.header_title dt {font-size:14px;color:#9e9e9e;float:left;line-height:18px;margin-left:15px;margin-top:3px;display:inline;}
.top_tell {width:196px;height:40px; float:right;}

/*banner*/
.r_banner{ background:url(../images/banner.jpg) center center no-repeat;}
.r_banner div{ width:1190px; margin:0 auto; height:850px; position:relative;}
.r_banner .r_btn{ position:absolute; left:540px; bottom:70px;}

/*prefect*/
.prefect dd{ width:695px; color:#313131;}
.prefect h2{ color:#007277; font-size:34px; padding-bottom:8px; border-bottom:2px solid #007277; margin:86px 0 14px; display:inline-block;}
.prefect div.green{ font-size:24px; padding-left:25px; margin-bottom:30px;}
.prefect span.green{ font-size:24px; }
.prefect .r_btn{ display:block; margin:30px auto 0;}

/*charm*/
.charm .r_btn{ font-size:20px;}
.charm dl{ margin-bottom:90px; position:relative;}
.charm dt .img{ position:relative;}
.charm dt .img p{ height:62px; line-height:62px; font-size:22px; color:#0e8488; position:absolute; left:0; bottom:0; width:100%;}
.charm dt .txt{ width:288px;}
.charm dt .txt h2,.charm h3,.charm dt .txt h4{ color:#0e8488; font-size:60px; border-bottom:2px solid #0e8488;}
.charm dt .txt h2{ width:80px; text-align:center; margin-top:170px;}
.charm dt .txt h4{ font-size:26px; width:80px; text-align:center; margin-bottom:20px;}
.charm h3{ font-size:22px; border:none; margin-bottom:10px; padding:0 16px; position:relative;}
.charm h3:before,.charm h3:after{ content:""; width:18px; height:18px; position:absolute;}
.charm h3:before{ border-top:2px solid #0e8488; border-left:2px solid #0e8488; top:0; left:0;}
.charm h3:after{ border-bottom:2px solid #0e8488; border-right:2px solid #0e8488; right:0; bottom:0;}
.charm dt .txt p,.charm dd p{ line-height:30px; font-size:18px; margin-bottom:20px;}
.charm dd{ width:1155px; margin:0 auto; background:#c8e6e9; padding:45px 0 0 35px;}
.charm dd img{ margin-bottom:30px;}
.charm2 h2,.charm2 h3,.charm2 h4 {float:right !important;color:#f5a32d !important}
.charm2 h2,.charm2 h4 {border-bottom-color:#f5a32d !important}
.charm2 h3::before,.charm2 h3::after {border-color:#f5a32d !important}
.charm2 dd h3 {float:none !important;}
.charm2 .img p{ text-align:right;}
.charm2 .txt p{ text-align:right;}
.charm2 dd{ background:#fce3cd;}
.charm3 dd{ background:#c1dfcc;}
.charm .bg{ display:table; width:100%; position:relative;}
.charm .bg_1{ display:table-cell; height:100%; width:50%; background:url(../images/charm1_bg.jpg) bottom left repeat-x; position:absolute; left:0; bottom:0;}
.charm .bg_11{ background:#fff; width:50%; position:absolute; right:0; top:0;}
.charm .bg_2{ height:100%; width:50%; background:url(../images/charm2_bg.jpg) bottom left repeat-x; position:absolute; right:0; bottom:0; z-index:-1;}
.charm .bg_3{ height:100%; width:50%; background:url(../images/charm3_bg.jpg) bottom left repeat-x; position:absolute; left:0; bottom:0;}

/*confidence*/
.confidence dl{ border-bottom:3px solid #000; padding-bottom:37px; margin-bottom:50px;}
.confidence dd{ width:570px; color:#00736d;}
.confidence h2{ border:1px solid #00736d; margin-bottom:10px;}
.confidence div{ background:#fff; position:relative; top:10px; left:10px;}
.confidence small{ font-size:24px;}
.confidence strong{ font-size:50px;}
.confidence .point_p{ font-size:16px; line-height:30px; color:#313131;}
.confidence .point_p:after{ top:9px;}
.confidence .r_btn{ font-size:24px; margin-top:30px;}
.confidence2 dd{ text-align:right;}

/*process*/
.process li{ float:left; margin:0 11px 30px 0;}
.process dt{ border:3px solid #007277;}
.process dd{ padding:2px; width:230px; height:100px; background:#fff; position:relative; top:-10px; left:50%; margin-left:-115px;}
.process dd span{ height:100px; line-height:25px; width:25px; text-align:center; font-size:24px; background:#83cabe; color:#007277;}
.process dd p{ line-height:25px; width:170px; font-size:16px;}
.process .r_btn{ display:block; margin:30px auto 0; font-size:24px;}
.progress img {float:left;}
/*expert*/
.expert1{ position:relative;}
.expert1 .p_box{ width:500px; position:absolute; right:60px; top:230px;}
.expert1 .p_box .point_p{ line-height:40px; font-size:26px;}
.expert dl{ margin-top:40px; padding-top:40px; border-top:3px solid #000;}
.expert h2{ font-size:30px; color:#00736d; margin:10px 0 6px;}
.expert dl .point_p{ font-size:16px; line-height:26px;}
.expert dl .point_p:after{ top:7px;}
.expert dd{ width:570px; position:relative;}
.expert3 dd{ text-align:right;}
.expert3 .point_p{ padding:0 25px 0 0;}
.expert3 .point_p:after{ left:auto; right:6px; top:7px;}
.expert3 .r_btn{ font-size:24px; position:absolute; right:0; bottom:-74px;}
.expert .tab{ border-top:3px solid #a39472; border-bottom:3px solid #a39472; background:#ededed; height:612px; margin-top:40px; padding:0 10px;}
.expert .tab img{ vertical-align:middle;}
.expert ul{ height:100%; width:1088px;}
.expert ul li{ height:100%; width:100%; background:#fff; position:relative; overflow:hidden; display:none;}
.expert ul li a{ float:left; display:inline-block;  width:211px; height:165px; margin:20px 30px; overflow:hidden;}
.expert ul li a img{  width:211px; height:165px;}
.expert ul li span.content{ display:block;}
.expert ul div{ width:1048px; height:572px; margin:30px 20px 0; text-align:center;}
.expert ul p{ padding:20px 130px; font-size:14px; line-height:24px;}
.expert ul li.on{ display:block;}
.expert ol{ height:100%; width:70px;}
.expert ol li{ padding:50px 20px; text-align:center; width:30px; height:104px; font-size:26px; line-height:26px; position:relative;}
.expert ol li.on{ background:#fff;}
.expert ol li:after{ opacity:0; filter:alpha(opacity:0); content:""; position:absolute; width:0px; height:0px; border:8px solid transparent; border-left:8px solid #ededed; position:absolute; right:-16px; top:50%; margin-top:-4px;}
.expert ol li.on:after{ opacity:1; filter:alpha(opacity:100); border-left:8px solid #fff;}

/*safe*/
.safe{ background:#eaeaea; height:340px;}
.safe .txt{ width:268px; font-size:16px; padding:60px 20px 0; line-height:30px;}
.safe ul li{ display:none;}
.safe ul li img{ width:670px; height:340px;}
.safe ul li.on{ display:block;}
.safe ol{ height:100%; width:212px;}
.safe ol li{ margin-bottom:33px; padding-left:24px; height:59px; line-height:59px; border-bottom:1px solid #bfbfbf; font-size:18px; color:#404040; background:#dfdfdf; position:relative;}
.safe ol li img{ vertical-align:middle;}
.safe ol li.on{ background:#414141; color:#fff;}
.safe ol li:after{ opacity:0; filter:alpha(opacity:0); content:""; position:absolute; width:0px; height:0px; border:8px solid transparent; border-right:8px solid #ededed; position:absolute; left:-16px; top:50%; margin-top:-4px;}
.safe ol li.on:after{ opacity:1; filter:alpha(opacity:100); border-right:8px solid #404040;}
.safe ol em{ display:inline-block; margin-right:10px; width:27px; height:27px; vertical-align:middle; border-radius:50%; border:1px solid #404040; position:relative;}
.safe ol em:before{ content:""; width:4px; height:14px; background:#404040; position:absolute; left:50%; margin-left:-2px; top:50%; margin-top:-7px;}
.safe ol em:after{ content:""; width:14px; height:4px; background:#404040; position:absolute; left:50%; margin-left:-7px; top:50%; margin-top:-2px;}
.safe ol li.on em{ border:1px solid #fff;}
.safe ol li.on em:before,.safe ol li.on em:after{ background:#fff;}

/*sign*/
.sign{ background:url(../images/sign.jpg); text-align:center; height:354px; padding-top:140px; margin-bottom:90px;}
.sign p{ font-size:20px; line-height:40px;}
.sign .r_btn{ width:260px; font-size:24px; display:block; margin:30px auto 0;}

/*common*/
body{ background:none; color:#313131;}
h2,h3,em,i,small,strong,h4{ font-style:normal; font-weight:normal; display:inline-block;}
.noMb{ margin-bottom:0 !important;}
.noMr{ margin-right:0 !important;}
.noStyle{ margin:0 !important; padding:0 !important; border:none !important;}
.green{ color:#007277;}
.w1190{ width:1190px; margin:0 auto;}
.r_btn{ transition:0.4s; display:block; width:180px; text-align:center; height:44px; line-height:44px; border-radius:10px; color:#fff; font-size:26px; background:#eb6100;}
.r_btn:hover{ text-decoration:none; background:#F60; color:#fff;}
.til{ background:#e0e9e7; overflow:hidden; margin:90px 0 50px;}
.til_first{margin-top:0;}
.tils{ width:1190px; margin:40px auto 60px;}
.tils h2{ display:block; font-size:60px; color:#313131; text-align:center; padding-bottom:40px; text-align:center; border-bottom:3px solid #313131; position:relative;}
.tils h2:after{ content:""; width:63px; height:63px; background:url(../images/til.jpg) center center no-repeat; position:absolute; left:50%; margin-left:-31px; bottom:-33px;}
.tils h3{ text-align:center; font-size:31px; color:#007277; display:block; margin:50px 0 -40px;}
.point_p{ font-size:20px; line-height:38px; padding-left:25px; position:relative;}
.point_p:after{ content:""; width:14px; height:14px; border-radius:50%; position:absolute; left:4px; top:12px; background:#313131;}
.expertImg {width:1190px;height:727px; background:url(../images/lxx_img.jpg) no-repeat;}
.expertImg a {float:right;margin-top:140px;margin-right:56px;display:inline;}
.exp_desc img {float:left;}
.wrap {width:1190px;margin:0 auto;position:relative;}
.box11 .wrap {
    background: none repeat scroll 0 0 #e6e6e6;
    padding: 20px;
    width: 1150px;
	margin:30px auto;
	position:relative;
}
.box11 .tit {
    left: 56px;
    position: absolute;
    width: 84px;
    z-index: 2;
}
.box11 .tit li {
    color: #4c4c4c;
    font-size: 24px;
    margin-bottom: 5px;
    padding: 20px 30px;
    position: relative;
	line-height:100%;
}
.box11 .tit li.on {
    background: none repeat scroll 0 0 #006476;
    box-shadow: 0 0 5px #333;
    color: #fff;
}
.box11 .tit li.on::after {
    border-color: transparent transparent transparent #006476;
    border-style: solid;
    border-width: 5px;
    content: "";
    height: 0;
    overflow: hidden;
    position: absolute;
    right: -9px;
    top: 40px;
    width: 0;
}
.box11 .bd {
    height: 589px;
    left: 112px;
    overflow: hidden;
    position: relative;
    width: 1038px;
}
.box11 .n1 {
    height: 589px;
    position: relative;
    width: 1038px;
}
.box11 .n1 p {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    bottom: 15px;
    color: #000;
    font-size: 20px;
    height: 75px;
    left: 0;
    line-height: 75px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.box11 .n2 {
    background: none repeat scroll 0 0 #fff;
    height: 509px;
    padding-top: 80px;
    text-align: center;
    width: 1038px;
}
.box11 .n3 {
    background: none repeat scroll 0 0 #fff;
    height: 549px;
    padding: 40px 65px 0;
    text-align: center;
    width: 908px;
}
.box11 .n3 dl {
    background: none repeat scroll 0 0 #ededed;
    float: left;
    height: 165px;
    margin: 0 8px 10px;
    width: 211px;
}
.box11 .n3 dl dd {
    color: #000;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.linkBtn {
    padding-top: 40px;
    text-align: center;
}
.linkBtn a {
    background: none repeat scroll 0 0 #ea5300;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 32px;
    line-height: 100%;
	display:inline-block;
    padding: 12px 50px;
    text-align: center;
	text-decoration:none;
}
.linkBtn a:hover {
    background: none repeat scroll 0 0 #e24b00;
}
.box12 .tit {
    margin-bottom: 20px;
    text-align: center;
}
.box12 .tit li {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #b2b2b2;
    color: #808080;
    display: inline-block;
    font-size: 34px;
    font-weight: bold;
    margin: 0 3px;
    padding: 20px 36px;
}
.box12 .tit li.on {
    border-color: #e8e8e8;
    box-shadow: 0 0 5px #000;
    color: #015289;
}
.box12 .bd {
    height: 395px;
    overflow: hidden;
	border:1px solid #b3b3b3;
}
.box12 .bd li {
    background: none repeat scroll 0 0 #fff;
    height: 375px;
    padding: 10px;
}
.box12 .bd li img {
    float: left;
}
.box12 .bd li p {
    float: right;
    font-size: 20px;
    line-height: 34px;
    padding: 100px 50px;
    text-indent: 2em;
    width: 430px;
}
#noMarginR {
    margin-right: 0;
}
#footer {width:100%;height:223px; }
#footer h3 {width:119px;height:120px; float:left;margin-top:43px;display:inline;}
#footer h3 a {display:block;width:119px;height:120px;}
.footer_border {width:2px;height:223px;float:left; margin-left:20px;display:inline;}
.footer_middle {width:652px;}
.footer_nav {width:650px;height:20px;float:left;margin-top:30px;margin-left:14px;display:inline;overflow:hidden;}
.footer_nav li {float:left;margin-left:10px;display:inline;width:auto;}
.footer_nav li a {padding:0 5px;display:block;height:20px;line-height:20px;color:#acacac; transition:all 0.3s linear 0s;text-align:center;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.footer_nav li a:hover { background-color:#303030;color:#acacac}
.footer_nav2 li {width:70px;height:124px;float:left;margin-left:22px;margin-right:20px;display:inline;margin-top:28px;}
.footer_nav2 li i {display:block;width:70px;height:70px;float:left;}
.footer_nav2 li span {width:100%;height:54px;line-height:54px;text-align:center;font-size:16px;color:#acacac;float:left;}
.footer_right{width:220px;height:223px;margin-right:5px;display:inline;}
.footer_right dl {margin-top:28px;float:left;}
.footer_right dt {width:100%;line-height:20px;color:#acacac;float:left;margin-top:15px;font-size:14px;}