html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: none;
font-family: "microsoft yahei";
font-size: 16px;
color: #333;
}
body {
overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
b {
font-weight: bold;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
b,
strong {
font-weight: bold;
}
input,
textarea {
font-family: "microsoft yahei";
}
input {
outline: none;
}
textarea {
resize: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
border: 0px solid #aaa;
padding: 2px;
}
a {
text-decoration: none;
color: #333;
}
a:hover {
text-decoration: none;
color: #0071bf;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
i,
em {
font-style: normal;
}
.clear {
clear: both;
}
.divline {
height: 10px;
overflow: hidden;
clear: both;
}
.v50 {
height: 50px;
}
.ow {
min-width: 1200px;
}
.w {
width: 75%;
margin: 0 auto;
}
.fr {
float: right;
}
.fl {
float: left;
}
.ecf0f3 {
background: #ecf0f3;
}
.f2f2f2 {
background: #f2f2f2;
}
.inner{width:1440px;margin:0 auto;}
a:hover, .tran, .pub_button .pb_bg, .section_seven .item i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*mian*/
.header .tophder{height: 30px;background: #044CB5;font-size: 14px;line-height: 30px;color: #fff;padding-left: 200px;}
.header{position: fixed;z-index:999; width: 100%;background: #fff}
.header .inner{height:100px;position: relative;width:98%;margin:0 auto;overflow: hidden;text-align: center;}
.header .logo img{margin-top: 15px;height:72px;margin-left: 50px; -webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;}
.header .nav{width:60%;display: inline-block;}
.header .nav ul li{float: left;width:12.5%;height:100px;line-height:100px;text-align: center;}
.header .nav ul li a{color:#000;position: relative;z-index:1;font-size:16px;
text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;font-size: 16px;
}
.header .nav ul li i{
position: absolute;
width: 100%;
height: 0;
background: linear-gradient(50deg, rgb(66,169,55), rgb(0,125,200));
left: 0;
top: 0;
z-index: -1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;}
.header .nav ul li a:hover i, .header .nav ul li a.active i{height:100px;}
.header .nav ul li a:hover span, .header .nav ul li a.active span{color:#fff;}
.header .nav ul li a:hover em, .header .nav ul li a.active em{opacity:1;}
.header .product_son{display: none;position: absolute;left:0;top:100px;text-align: center;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}
.header .product_son .item{display: inline-block;width:15%;margin:0.5%;}
.header .product_son .item p{font-size:16px;color:#fff;height:40px;line-height:40px;}
.header .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}
.header .call{margin-top:20px;height:70px;background:url(../images/call.png) 0 center no-repeat;padding-left:70px;text-align: left;-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;}
.header .call h3 p{font-size:32px;color:#66B52D;font-family: impact;}
.header .call em{color: #000; font-size: 16px;}
.header.bg .inner{height: 70px;}
.header.bg .logo img{height: 50px; -webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;}
.header.bg .nav ul li{height: 70px; line-height: 70px;}
.header.bg .call{margin-top: 5px;-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;}
.header.bg .product_son{top: 70px !important;}
.banner {
height: 860px;
background: #FFF;
position: relative;
overflow: hidden;
z-index: 1;
}
.banner ul.list {
width: 100%;
height: 860px;
}
.banner li.item {
width: 100%;
height:860px;
position: absolute;
left: 0;
top: 0;
}
.banner div.tip {
width: 100%;
height: 21px;
text-align: center;
position: absolute;
bottom: 20px;
left: 0;
}
.banner div.tip em {
display: inline-block;
width: 21px;
height: 21px;
cursor: pointer;
background: #fff;
margin: 0 5px;
color: #007cd9;
border-radius: 21px;
line-height: 21px;
}
.banner div.tip em.cur {
background: #02b29c;
color: #fff;
}
.pub_title{text-align: center;}
.pub_title p{margin-bottom:60px;font-size:16px;color:#666666;}
.pub_title h4{position:relative;text-align:center;font-size:48px;font-weight:bold;z-index:1;margin-top:80px;display: inline-block;color: #373737;}
.pub_title h4 img{display:inline-block;padding:0 10px 10px 10px;}
.pub_title h4 span{color:#1CAD68;font-size:48px;display:inline-block;z-index:1;}
.pub_title h4 i{position:absolute;z-index:0;font-size:81px;color:#efefef;font-style:normal;text-transform:uppercase;left:0;right:0;margin:auto;z-index:-1;top:20px}
#scroll_one{width:90%;position:relative;overflow:hidden;margin:0 auto;box-sizing:border-box;height: 250px;}
#scroll_one ul{text-align:center;position: absolute;width: 10000px;}
#scroll_one ul li{margin-right:26px;border-radius:10px 10px 0 0;overflow:hidden;float: left;}
#scroll_one ul li img{width: 200px;height: 200px;border-radius: 50%;overflow: hidden;display: inline-block;}
#scroll_one ul li h3{font-size:18px;color:#fff;line-height:40px;background: #D20001;border-radius: 50px;margin-top: 5px;}
#scroll_one ul li:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }
.part1 {
height: 85px;
width: 100%;
line-height: 85px;
}
.part1 .w .fl b {
float: left;
background: url(../images/hot.jpg) no-repeat 0px 24px;
padding-left: 40px;
color: #02b29c;
padding-right: 10px;
}
.part1 .w .fl .keya {
float: left;
}
.part1 .w .fl .keya a {
float: left;
display: block;
color: #555;
padding: 0px 10px;
}
.part1 .w .fl .keya a:hover {
text-decoration: underline;
color: #0071bf;
}
/*search*/
.part1 .w .ss {
width: 312px;
padding-top: 23px;
}
.part1 .w .search {
height: 30px;
width: 320px;
}
.part1 .w .search_form {
width: 247px;
height: 36px;
float: left;
padding: 0px 10px;
overflow: hidden;
line-height: 36px;
border-left: 3px solid #e7e7e7;
border-top: 3px solid #e7e7e7;
border-bottom: 3px solid #e7e7e7;
}
.part1 .w .search_form input {
border: 0;
background: transparent;
color: #bebdbd;
width: 247px;
height: 36px;
line-height: 36px;
}
.part1 .w .search_btn {
float: left;
width: 42px;
height: 42px;
display: inline;
background: #66B52D;
}
.part1 .w .search_btn .pushbutton {
background: url(../images/input.png) no-repeat center;
border: 0px;
width: 42px;
height: 42px;
cursor: pointer;
padding: 0px;
margin: 0px;
float: left;
}
.part1 .w .search_btn .pushbutton:hover {
background-color: #005bac;
}
.part2 {
padding-bottom: 20px;
padding-top: 50px;
}
.part2 .w .prolist {
width: 208px;
border: 1px solid #eaeaea;
border-top: 0px;
}
.part2 .w .prolist .title {
background: url(../images/lefttop.jpg) no-repeat #0071bf 21px 23px;
width: 208px;
height: 75px;
line-height: 75px;
}
.part2 .w .prolist .title span {
color: #fff;
padding-left: 63px;
display: inline-block;
font-size: 20px;
font-weight: bold;
}
.part2 .w .prolist .comt {
background: #fff;
}
.part2 .w .prolist .comt ul li {
border-bottom: 1px solid #eaeaea;
background: url(../images/lefta.jpg) no-repeat 21px 28px;
}
.part2 .w .prolist .comt ul li a {
height: 69px;
line-height: 69px;
display: block;
font-size: 16px;
color: #333;
font-weight: bold;
padding-left: 45px;
}
.part2 .w .prolist .comt ul li a:hover {
background: url(../images/lefth.jpg) no-repeat 17px 28px;
color: #0071bf;
border: none;
border-left: 4px solid #0071bf;
padding-left: 41px;
}
.part2 .w .prolist .moreti {
background: url(../images/leftbottom.jpg) no-repeat;
height: 171px;
line-height: 171px;
text-align: center;
}
.part2 .w .prolist .moreti a {
font-size: 30px;
font-weight: bold;
color: #fff;
display: block;
}
.part2 .w .prolist .moreti:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}
.part2 .w .product {
width: 963px;
}
.part2 .w .product .hd {
height: 75px;
background: #fff;
margin-bottom: 5px;
}
.part2 .w .product .hd ul {
width: 50%;
}
.part2 .w .product .hd ul li {
float: left;
font-size: 16px;
width: 172px;
text-align: center;
cursor: pointer;
line-height: 75px;
position: relative;
}
.part2 .w .product .hd ul li.on {
color: #fff;
background: #0071bf;
}
.part2 .w .product .hd ul li.on i {
background: url(../images/cri.jpg) no-repeat;
width: 10px;
height: 5px;
bottom: -5px;
left: 50%;
margin-left: -5px;
position: absolute;
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in;
}
.part2 .w .product .hd .tel {
background: url(../images/tel.png) no-repeat left center;
padding-right: 15px;
margin-top: 10px;
padding-left: 50px;
}
.part2 .w .product .hd .tel span {
font-size: 18px;
color: #333;
}
.part2 .w .product .hd .tel span p {
font-family: "Impact";
font-size: 23px;
color: #02b29c;
}
.part2 .w .product .comt {
width: 963px;
overflow: hidden;
min-height: 960px;
}
.part2 .w .product .comt .produtlist {
padding-top: 25px;
width: 103%;
}
.part2 .w .product .comt .produtlist li {
margin-bottom: 5px;
width: 224px;
float: left;
margin:0 8px;
}
.part2 .w .product .comt .produtlist li a img {
width: 194px;
height: 164px;
display: block;
border: 10px solid #fff;
}
.part2 .w .product .comt .produtlist li a span {
width: 100%;
display: block;
text-align: center;
height: 52px;
line-height: 52px;
font-size: 14px;
background: url(../images/txtspan.jpg) no-repeat left;
}
.part2 .w .product .comt .produtlist li a:hover img {
border-color: #0071bf;
}
.part2 .w .product .comt .produtlist li a:hover span {
font-weight: bold;
color: #0071bf;
}
.part3 {
padding-top: 35px;
}
.part3 .hd {
margin: 0px 10px;text-align: center;
}
.part3 .hd .tik {
width: 1000px;text-align: center;
}
.part3 .hd .tik p,
.part3 .hd .tik i {
font-size: 30px;
}
.part3 .hd .tik p.a1 {
color: #0071bf;display: inline;
}
.part3 .hd .tik p.a1 i {
font-weight: bold;
}
.part3 .hd .tik p.a2 {
font-weight: bold;
color: #02b29c;
display: inline;
}
.part3 .hd .tik a {
height: 28px;
line-height: 28px;
display: inline-block;
font-size: 14px;
}
.part3 .hd .tik a:hover {
color: #02b29c;
height: 27px;
line-height: 27px;
}
.part3 .hd ul.fr {
background: #f2f2f2;
width: 702px;
height: 90px;
margin-top: 15px;
overflow:hidden
}
.part3 .hd ul.fr li {
float: left;
line-height: 90px;
width: 233px;
text-align: center;
font-size: 14px;
cursor: pointer;
position: relative;
}
.part3 .hd ul.fr li.on {
color: #fff;
background: #0071bf;
}
.part3 .hd ul.fr li.on i {
background: url(../images/cri.jpg) no-repeat;
width: 10px;
height: 5px;
bottom: -5px;
left: 50%;
margin-left: -5px;
position: absolute;
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in;
}
.part3 .bd {
margin: 30px 10px;
overflow: hidden;
height: 290px;
width: 980px;
}
.part3 .bd .comt {
background: #f2f2f2;
padding: 10px 0px 10px 10px;
height: 270px;
width: 980px;
}
.part3 .bd .comt ul li {
width: 232px;
margin-right: 10px;
float: left;
}
.part3 .bd .comt ul li a {
background: #fff;
display: block;
}
.part3 .bd .comt ul li a img {
width: 232px;
height: 174px;
display: block;
}
.part3 .bd .comt ul li a .txt {
padding-bottom: 20px;
}
.part3 .bd .comt ul li a span {
display: block;
height: 52px;
line-height: 52px;
text-align: center;
font-size: 14px;
}
.part3 .bd .comt ul li a p {
width: 22px;
height: 22px;
border-radius: 22px;
line-height: 22px;
text-align: center;
margin: 0 auto;
border: 1px solid #ccc;
color: #ccc;
font-size: 13px;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
}
.part3 .bd .comt ul li a:hover .txt {
background: #0071bf;
}
.part3 .bd .comt ul li a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}
.part3 .bd .comt ul li a:hover span {
color: #fff;
}
.part3 .bd .comt ul li a:hover p {
border-color: #fff;
color: #fff;
transform: scale(1.1) rotate(360deg);
}
/*comt1*/
.part3 .bd .comtnew {
background: #f2f2f2;
padding: 10px 0px 10px 10px;
height: 270px;
width: 980px;
}
.part3 .bd .comtnew ul li {
width: 232px;
margin-right: 10px;
float: left;
}
.part3 .bd .comtnew ul li a {
background: #fff;
display: block;
}
.part3 .bd .comtnew ul li a img {
width: 232px;
height: 174px;
display: block;
}
.part3 .bd .comtnew ul li a .txt {
padding-bottom: 20px;
}
.part3 .bd .comtnew ul li a span {
display: block;
height: 52px;
line-height: 52px;
text-align: center;
font-size: 14px;
}
.part3 .bd .comtnew ul li a p {
width: 22px;
height: 22px;
border-radius: 22px;
line-height: 22px;
text-align: center;
margin: 0 auto;
border: 1px solid #ccc;
color: #ccc;
font-size: 13px;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;
}
.part3 .bd .comtnew ul li a:hover .txt {
background: #0071bf;
}
.part3 .bd .comtnew ul li a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}
.part3 .bd .comtnew ul li a:hover span {
color: #fff;
}
.part3 .bd .comtnew ul li a:hover p {
border-color: #fff;
color: #fff;
transform: scale(1.1) rotate(360deg);
}
/*comt1*/
.part4 {
padding-top: 60px;
padding-bottom: 45px;
}
.part4 .w .tik {
margin: 0 auto;
width: 630px;
padding-bottom: 40px;
height: 48px;
line-height: 48px;
}
.part4 .w .tik span {
color: #444;
font-size: 30px;
font-weight: bold;
line-height: 48px;
display: block;
float: left;
}
.part4 .w .tik .org {
color: #ff7f01;
}
.part4 .w .tik .bule {
color: #0071bf;
padding: 0px 10px;
}
.part4 .w .tik img {
float: left;
padding: 0px 10px;
}
.part4 .w .comt ul {
margin-bottom: 40px;
background: #fff; width: 100%;
border-bottom: 3px solid #a5a5a5;
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;overflow: hidden;
}
.part4 .w .comt ul .listtop {
border: 0px;width:16%;
}
.part4 .w .comt ul .listtop span {
font-size: 18px;border-left: 0px !important;
color: #fff;
font-weight: bold;
}
.part4 .w .comt ul li span.line18{ line-height: 18px; padding-top: 24px; height: 55px;}
.f6{ background: #eee;}
.f16b{ font-size: 16px !important; font-weight: bold;}
.part4 .w .comt ul li {
width: 10.5%;
float: left;
}
.part4 .w .comt ul li span {
width:100%;border-left: 1px solid #dedede;
display: block;
text-align: center;
height: 79px;
line-height: 79px;
font-size: 14px;
color: #555;
}
.part4 .w .comt ul li span.dedede{ border-bottom: 1px solid #dedede; height: 78px;line-height: 78px;}
.part4 .w .comt ul li .a1 {
background: url(../images/pk1.jpg) repeat-x;
color: #0071bf;
}
.part4 .w .comt ul li .a2 {
background: url(../images/pk2.jpg) repeat-x;
}
.part4 .w .comt ul li .a3 {
background: url(../images/pk3.jpg) repeat-x;
}
.part4 .w .comt ul li .a4 {
background: url(../images/pk4.jpg) repeat-x;
}
.part4 .w .comt ul li .bul {
background: #0078d8;
color: #fff;
}
.part4 .w .comt ul li .fa {
background: #fff;
}
.part4 .w .comt ul.fr {
width: 545px;
}
.part4 .w .comt ul.fr li span {
width: 25%;
}
.part4 .w .comt ul.fr li .e {
background: #eee;
}
.part5 {
padding-top: 50px;
}
.part5 .tik {
background: url(../images/part5tik.jpg) no-repeat center;
width: 477px;
text-align: center;
font-size: 30px;
color: #555;
font-weight: bold;
margin: 0 auto 60px;
}
.part5 .comt {
background: url(../images/part5comt.jpg) no-repeat center top;
min-height: 1194px;
width: 918px;
margin: 0 auto;
padding-top: 50px;
}
.part5 .comt img {
display: block;
overflow: hidden;
}
.part5 .comt .a1,
.part5 .comt .a2 {
position: relative;
}
.part5 .comt .tpk {
display: block;
width: 380px;
}
.part5 .comt .tpk p.p1 {
font-size: 26px;
color: #0071bf;
font-weight: bold;
height: 36px;
overflow: hidden;
}
.part5 .comt .tpk p.p1 .org {
color: #02b29c;
font-size: 26px;
font-weight: bold;
}
.part5 .comt .tpk p.p1 s {
width: 41px;
height: 36px;
float: left;
text-align: center;
font-size: 24px;
color: #fff;
background: #000;
text-decoration: none;
line-height: 36px;
margin-right: 20px;
}
.part5 .comt .tpk p.p2 {
height: 30px;
background: #0071bf;
line-height: 30px;
text-align: center;
color: #fff;
font-size: 14px;
width: 380px;
}
.part5 .comt ul {
padding-top: 15px;
}
.part5 .comt ul li {
background: url(../images/part5li.jpg) no-repeat 0px 12px;
padding-left: 15px;
color: #555;
font-size: 14px;
line-height: 30px;
}
.part5 .comt ul li .org {
color: #02b29c;
font-weight: bold;
font-size: 14px;
}
.part5 .comt .a1 .fl {
width: 422px;
overflow: hidden;
}
.part5 .comt .a1 .fr {
width: 380px;
margin-top: 20px;
}
.part5 .comt .a1 .fr img {
display: block;
}
.part5 .comt .mar.a2 {
margin-top: -30px;
}
.part5 .comt .a2 {
width: 100%;
}
.part5 .comt .a2 .fl {
position: absolute;
left: 0px;
top: 55px;
}
.part5 .comt .a2 .tpkfr {
width: 430px;
float: left;
}
.part6 .w {
padding-bottom: 40px;
}
.part6 .w .hd {
height: 65px;
padding-bottom: 40px;
}
.part6 .w .hd ul {
width: 50%;
}
.part6 .w .hd ul li {
float: left;
font-size: 16px;
width: 165px;
text-align: center;
cursor: pointer;
line-height: 65px;
position: relative;
background: #dadada;
height: 65px;
}
.part6 .w .hd ul li.on {
color: #fff;
background: #0071bf;
}
.part6 .w .hd ul li.on i {
background: url(../images/cri.jpg) no-repeat;
width: 10px;
height: 5px;
bottom: -5px;
left: 50%;
margin-left: -5px;
position: absolute;
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in;
}
.part6 .w .comt {
padding-bottom: 40px;
}
.part6 .w .comt ul {
border-top: 1px solid #d4d2d2;
border-left: 1px solid #d4d2d2;
height: 169px;
}
.part6 .w .comt ul li {
float: left;
width: 20%;
*width: 19.95%;
}
.part6 .w .comt ul li a {
border-bottom: 1px solid #d4d2d2;
border-right: 1px solid #d4d2d2;
display: block;
background: #fff;
height: 83px;
}
.part6 .w .comt ul li a img {
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
}
.part6 .w .comt ul li a:hover {
background: #f8f8f8;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}
.part6 .w .adv {
margin: 0 auto;
border: 1px solid #e4e4e4;
}
.part6 .w .adv img {
display: block;
}
a.more {
line-height: 57px;
color: #0073d6;
font-size: 14px;
background: url(../images/lefth.jpg) no-repeat right;
padding-right: 20px;
width: 30px;
}
a.more:hover {
text-decoration: underline;
}
.part7 {
background: #0073d6;
}
.part7 .w .comt {
padding: 60px 0px;
}
.part7 .w .comt img {
border: 10px solid #fff;
float: left;
width: 407px;
height: 300px;
display: block;
}
.part7 .w .comt .txt {
background: url(../images/aboutfl.jpg) no-repeat left top;
float: right;
width: 680px;
line-height: 24px;
padding: 25px;
margin-left: 35px;
}
.part7 .w .comt .txt .txtcon {
background: url(../images/aboutfr.jpg) no-repeat right bottom;
color: #fff;
display: block;
}
.part7 .w .comt .txt .txtcon .a1 {
width: 144px;
height: 40px;
line-height: 40px;
border: 3px solid #fff;
color: #fff;
text-align: center;
display: block;
font-size: 16px;
margin-top: 20px;
}
.part7 .w .comt .txt .txtcon .a1:hover {
background: #fff;
color: #00468A;
}
.part7 .w .comt .txt .txtcon p,
.part7 .w .comt .txt .txtcon span,
.part7 .w .comt .txt .txtcon b,
.part7 .w .comt .txt .txtcon strong {
color: #fff;
}
.part8 {
margin-top: 50px;
padding-top: 50px;
padding-bottom: 50px;
background: url(../images/part8tik.png) no-repeat;
}
.part8 .horon .tbody {
width: 90%;
overflow: hidden;
margin: 0 auto;
}
.part8 .horon .tbody ul.list {
float: left;
width: 300%;
height: 380px;
overflow: hidden;
}
.part8 .horon .tbody ul.list li.item {
float: left;
position: relative;
width: 450px;
margin-right: 20px;
}
.part8 .horon .tbody ul.list li.item span {
width: 100%;
height: 45px;
color: #fff;
background: rgba(0, 0, 0, 0.356);
text-align: center;
display: block;
line-height: 45px;
position: absolute;
bottom: 0px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.part8 .horon .tbody ul.list li.item:hover span{
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
background: rgba(0, 0, 0, 0.473)url(../../images/c1.png) no-repeat center ;
height: 100%;
text-align: center;
}
.part8 .horon .tbody ul.list li.item img {
width:100%;
display: block;
}
.part9 {
width: 100%;
padding-bottom: 45px;
}
.part9 .w .left {
width: 80%;
background: #fff;
height: 678px;
}
.part9 .w .left .problem .tik {
height: 50px;
width: 100%;
}
.part9 .w .left .problem .tik span {
font-size: 16px;
border-bottom: 1px solid #0073d6;
height: 50px;
line-height: 50px;
display: inline-block;
font-weight: bold;
float: left;
width: 93%;
overflow: hidden;
}
.part9 .w .left .problem .tik a{
margin-left: 20px;
margin-top: 0!important;
}
.part9 .w .left .problem .txtScroll-top {
width:100%;
overflow: hidden;
position: relative;
}
.part9 .w .left .problem .txtScroll-top .bd {
padding: 25px 0px;
*padding-bottom: 10px;
}
.part9 .w .left .problem .txtScroll-top .bd .infoList li a {
display: block;
padding-bottom: 10px;
border-bottom: 1px dotted #8f8f8f;
}
.part9 .w .left .problem .txtScroll-top .bd .infoList li a i {
width: 18px;
height: 18px;
display: inline-block;
float: left;
color: #fff;
background: #0073d6;
text-align: center;
margin-right: 10px;
}
.part9 .w .left .problem .txtScroll-top .bd .infoList li a p {
height: 18px;
color: #0073d6;
line-height: 18px;
padding-bottom: 15px;
}
.part9 .w .left .problem .txtScroll-top .bd .infoList li a span {
display: block;
height: 80px;
overflow: hidden;
line-height: 20px;
}
.part9 .w .left .problem .txtScroll-top .bd .infoList li a span i {
background: #171717;
}
.part9 .w .left .problem .txtScroll-top .bd .infoList li a:hover p {
font-weight: bold;
text-decoration: underline;
}
.part9 .w .left .problem .txtScroll-top .bd .infoList li a:hover span {
color: #666;
}
.part9 .w .left .news .hd {
height: 65px;
background: #ddd;
}
.part9 .w .left .news .hd ul {
width: 100%;
}
.part9 .w .left .news .hd ul li {
float: left;
font-size: 16px;
width: 50%;
text-align: center;
cursor: pointer;
line-height: 65px;
position: relative;
}
.part9 .w .left .news .hd ul li.on {
color: #fff;
background: #1CAD68;
}
.part9 .w .left .news .hd ul li.on i {
background: url(../images/cri.jpg) no-repeat;
width: 10px;
height: 5px;
bottom: -5px;
left: 50%;
margin-left: -5px;
position: absolute;
-webkit-transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
transition: all .1s ease-in;
}
.part9 .w .left .news .comt {
padding-top: 25px;
}
.part9 .w .left .news .comt ul .newstop {
width: 305px;
height: 349px;
float: left;
padding-left: 40px;
padding-right: 40px;
}
.part9 .w .left .news .comt ul .newstop a {
display: block;
}
.part9 .w .left .news .comt ul .newstop a img {
width: 289px;
height: 214px;
display: block;
border: 6px solid #cacaca;
}
.part9 .w .left .news .comt ul .newstop a .txt {
width: 100%;
height: 85px;
padding: 20px 0px;
}
.part9 .w .left .news .comt ul .newstop a .txt p {
color: #0073d6;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
.part9 .w .left .news .comt ul .newstop a .txt span {
color: #555;
line-height: 18px;
}
.part9 .w .left .news .comt ul .newstop a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
border-color: #0073d6;
}
.part9 .w .left .news .comt ul .newstop a:hover p {
text-decoration: underline;
}
.part9 .w .left .news .comt ul .newstop a:hover span {
color: #777;
}
.part9 .w .left .news .comt ul li {
float: left;
width: 65%;
border-bottom: 1px solid #e7e7e7;
}
.part9 .w .left .news .comt ul li a {
padding: 7px 0px;
height: 50px;
display: block;
}
.part9 .w .left .news .comt ul li i {
height: 50px;
width: 65px;
border-right: 1px solid #dfdfdf;
text-align: center;
display: block;
color: #dcdcdc;
font-size: 46px;
font-family: impact;
line-height: 50px;
float: left;
}
.part9 .w .left .news .comt ul li span {
float: right;
width: 88%;
}
.part9 .w .left .news .comt ul li span b {
color: #555;
line-height: 30px;
height: 30px;
overflow: hidden;
}
.part9 .w .left .news .comt ul li span p {
color: #999;
line-height: 18px;
}
.part9 .w .left .news .comt ul li a:hover {
background: linear-gradient(50deg, rgb(66,169,55), rgb(0,125,200));
display: block;
height: 50px;
}
.part9 .w .left .news .comt ul li a:hover i,
.part9 .w .left .news .comt ul li a:hover span,
.part9 .w .left .news .comt ul li a:hover p,
.part9 .w .left .news .comt ul li a:hover b {
color: #fff;
}
.part9 .w .right {
width: 200px;
background: #3c3c3c url(../images/message_pic.jpg) no-repeat right bottom;
padding: 20px;
height: 638px;
}
.part9 .w .right .tik p,
.part9 .w .right .tik span {
color: #fff;
}
.part9 .w .right .tik p {
font-size: 28px;
font-weight: bold;
}
.part9 .w .right .tik span {
line-height: 20px;
padding-top: 15px;
display: block;
padding-bottom: 30px;
}
.part9 .w .right ul li {
padding-bottom: 15px;
}
.part9 .w .right ul li input {
width: 178px;
height: 40px;
line-height: 40px;
padding: 0px 10px;
color: #fff;
background: #505050;
border: 0px;
border-radius: 5px;
font-size: 14px;
}
.part9 .w .right ul li textarea {
width: 178px;
height: 100px;
padding: 0px 10px;
color: #fff;
background: #505050;
border: 0px;
border-radius: 5px;
font-size: 14px;
}
.part9 .w .right ul .bot {
text-align: center;
}
.part9 .w .right ul .bot input {
width: 141px;
background: #0064ce;
cursor: pointer;
}
.part9 .w .right ul .bot input:hover {
opacity: 0.8;
}
.part9 .w .right .tok {
text-align: center;
width: 108px;
margin: 10px auto 0px;
}
.part9 .w .right .tok img {
width: 108px;
display: block;
}
.part9 .w .right .tok span {
line-height: 30px;
color: #fff;
}
.part9 .w .right .tpk {
padding-top: 30px;
}
.part9 .w .right .tpk span {
color: #fff;
display: block;
font-size: 14px;
line-height: 24px;
}
.part9 .w .right .tpk i {
font-family: impact;
color: #02b29c;
font-size: 30px;
}
.links {
padding-top: 10px;
}
.links .tik span {
border-bottom: 1px solid #0073d6;
height: 30px;
line-height: 30px;
display: inline-block;
font-size: 16px;
}
.links ul {
height: 50px;
overflow: hidden;
}
.links ul li {
float: left;
overflow: hidden;
height: 50px;
line-height: 50px;
}
.links ul li a {
border-right: 1px dotted #828282;
padding: 0px 10px;
}
.links ul li a:hover {
text-decoration: underline;
}
.foot {
background: #3e3e3e;
}
.foot .botnav {
height: 60px;
text-align: center;
background: linear-gradient(50deg, rgb(66,169,55), rgb(0,125,200))
}
.foot .botnav ul li {
float: left;
width: 12.5%;
}
.foot .botnav ul li a {
color: #fff;
line-height: 60px;
height: 60px;
font-size: 14px;
padding: 0px 40px;
}
.foot .botnav ul li:hover {
background: linear-gradient(50deg, rgb(66,169,55), rgb(0,125,200));
}
.foot .base {
color: #fff;
padding: 30px 0px;
}
.foot .base .left {
width: 60%;
}
.foot .base .left h1,
.foot .base .left p {
color: #fff;
}
.foot .base .left h1 {
font-size: 32px;
font-weight: bold;
padding-bottom: 30px;
}
.foot .base .left p.a {
line-height: 28px;
float: left;
width: 100%;
height: 28px;
}
.foot .base .left p.a i {
float: left;
width: 20px;
height: 20px;
background: url(../images/baseicon.png) no-repeat;
margin-top: 4px;
margin-right: 10px;
}
.foot .base .left p.a2 i {
background-position: -20px 0px;
}
.foot .base .left p.a3 i {
background-position: -40px 0px;
}
.foot .base .left p.a3 a {
color: #fff;
}
.foot .base .left p.a3 a:hover {
text-decoration: underline;
}
.foot .base .left .tel {
background: url(../images/tel.png) no-repeat left center;
margin-top: 30px;
padding-left: 50px;
}
.foot .base .left .tel span {
font-size: 16px;
color: #fff;
}
.foot .base .left .tel span p {
font-family: "Impact";
font-size: 31px;
color: #02b29c;
}
.foot .base .right {
width: 135px;
padding-top: 20px;
}
.foot .base .right p {
font-size: 16px;
color: #fff;
font-weight: bold;
text-align: center;
padding-bottom: 20px;
}
.foot .base .right span i {
display: block;
text-align: center;
color: #fff;
}
.fix {
position: fixed;
z-index: 99;
right: 0px;
bottom: 10%;
border-radius: 5px;
}
.fix .bodd {
position: relative;
background: #0069d9;
padding: 10px;
width: 120px;
}
.fix .bodd .blacktop,
.fix .bodd .close {
position: absolute;
cursor: pointer;
width: 43px;
left: 50%;
margin-left: -21.5px;
}
.fix .bodd .close {
background: url(../images/close.png) no-repeat;
top: -29px;
height: 29px;
}
.fix .bodd .blacktop {
background: url(../images/fix_top.png) no-repeat;
bottom: -35px;
height: 35px;
}
.fix .bodd p {
font-size: 16px;
color: #fff;
text-align: center;
font-weight: bold;
padding: 15px 0px 15px 0px;
}
.fix .bodd span {
height: 35px;
background: #313131;
display: block;
text-align: center;
color: #fff;
border-radius: 5px 5px 0px 0px;
line-height: 35px;
font-size: 14px;
}
.fix .bodd .online {
background: #fff;
text-align: center;
padding-top: 10px;
}
.fix .bodd .online a {
height: 18px;
line-height: 18px;
background: url(../images/fixqq.jpg) no-repeat 20px 2px;
display: block;
padding-bottom: 10px;
padding-left: 15px;
}
.fix .bodd .ewm {
text-align: center;
background: #fff;
margin-top: 1px;
border-radius: 5px;
}
.fix .bodd .tel {
text-align: center;
padding-top: 13px;
}
.fix .bodd .tel b {
display: block;
color: #fff;
font-size: 15px;
padding-bottom: 5px;
}
.fix .kefubtn {
background: url(../images/fixsuo.png) no-repeat;
width: 70px;
height: 142px;
display: none;
cursor: pointer;
}
/*# sourceMappingURL=style.css.map */
#life_list2{height:900px; overflow: hidden;}
#scroll_one{width:90%;position:relative;overflow:hidden;margin:0 auto;box-sizing:border-box;height: 250px;}
#scroll_one ul{text-align:center;position: absolute;width: 10000px;}
#scroll_one ul li{margin-right:26px;border-radius:10px 10px 0 0;overflow:hidden;float: left;}
#scroll_one ul li img{width: 200px;height: 200px;border-radius: 50%;overflow: hidden;display: inline-block;}
#scroll_one ul li h3{font-size:18px;color:#fff;line-height:40px;background: #D20001;border-radius: 50px;margin-top: 5px;}
#scroll_one ul li:hover { -webkit-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); }
#container{
width:90%; margin: 0 auto;
height: 270px;
margin:100px auto;
overflow: hidden;
position: relative;
}
#container ul{
list-style: none;
width:10000px;
position: absolute;
}
#container ul li{
float:left;
margin-right: 20px; -webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;
}
#container ul li:hover{
-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;
}
#container ul li img{width: 200px;
height: 200px;
border-radius: 50%;
overflow: hidden;
display: inline-block;
border: 6px solid#e7e7e7;}
#container ul li b{display: block;text-align: center;font-weight: normal;
font-size: 18px;
color: #fff;
line-height: 40px;
background: linear-gradient(50deg, rgb(66,169,55), rgb(0,125,200));
border-radius: 23px;
margin-top: 10px;}
#life_list2 {height:790px;overflow: hidden;margin: 50px; auto; width: 92%;}
#life_list2 ul li{float: left;width:24%;margin:0.5%; text-align: left;padding: 10px; box-sizing: border-box;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; overflow: hidden; }
#life_list2 ul li .img{overflow: hidden;padding: 10px;border:1px solid #e1dfe0;margin-bottom: 10px;}
#life_list2 ul li img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s; width: 100%; height:300px;}
#life_list2 ul li:hover{background: #004ea2;}
#life_list2 ul li:hover .img{border-color: #004ea2;}
#life_list2 ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);width: 100%; overflow: hidden;}
#life_list2 ul li h3{color:#000;font-size:18px;padding-left:21px;}
#life_list2 ul li p{color: #000;font-weight: 700;font-size: 20px;padding: 0 0 0 55px;background: url(../images/dh.png) no-repeat 20px center;background-size: 30px 30px;margin-top: 10px;}
#life_list2 ul li:hover h3, #life_list2 ul li:hover p{color:#fff;}
#life_list2 ul li div {
overflow: hidden;
padding: 10px;
border: 1px solid #e1dfe0;
margin-bottom: 10px;
}
.more{ width: 460px;
border-radius: 50px;
line-height: 53px;
background: linear-gradient(50deg, rgb(66,169,55), rgb(0,125,200));
margin: 50px auto 0;
vertical-align: middle;
height: 53px;
}
.more a{display:inline-block;vertical-align: top;text-align:center;}
.more a{width: 160px;color: #000;background: #fff;border-radius: 50px;border: 1px solid #75bf21;}
.more a:hover{background: #0945a9;color: #fff;}
.more em{display:inline-block;color:#ffffff;text-align:left;font-size: 16px;vertical-align: top;}
.more span p{display:inline-block;font-size:31px;color:#ffffff;font-family:Impact;}
.section_three1{overflow: hidden;margin-top: 50px;}
.section_three1 .inner{position: relative;}
.section_three1 .left{height:488px;color:#fff;text-align: center;}
.section_three1 .left iframe{width: 600px;}
.section_three1 .right{width:49%;margin-left:20px;margin-top: 30px;}
.section_three1 .right h1{font-size:34px;color:#333333;font-weight:bold;margin-top: 8px;}
.section_three1 .right img{margin-top: 10px;}
.section_three1 .right>p{color:#044CB5;font-size: 118px;font-family: impact;}
.section_three1 .right .text{font-size:18px;color:#4d4d4d;line-height:32px;padding:50px 0;text-indent: 2em;}
.section_three1 .right a{width: 153px;;display: inline-block;color: #000;background:#fff;border-radius: 50px;border: 1px solid #66B52D;text-align: center;padding: 10px 25px;margin-top: 30px;}
.section_three1 .right ul{display: table; word-spacing:-1em;width: 100%;margin-top: 50px;}
.section_three1 .right ul li{display: inline-block;width: 25%;}
.topbj{height: 553px;background: url(../images/jjbj.jpg)center no-repeat;}
.topbj h3{font-size: 43px;text-align: center;color: #fff;font-weight: 700;padding-top: 220px;}
.topbj p{text-align: center;color: #fff;font-size: 16px;padding-top: 20px;line-height: 50px;}
.topbj p::before{ position: absolute;content: "";width:80px;height:5px;background-color: #fff;left: 47%;}
.pictm{height: 749px;background: url(../images/apic.png)no-repeat;}
.section_three1 .right .num_sz{margin-top: -45px;}
.section_three1 .right .num_sz li{width: 200px;height: 108px;text-align: center;}
.section_three1 .right .num_sz li h2{color: #0d5198;font-size: 50px;font-weight: 700;display: inline-block;}
.section_three1 .right .num_sz li i{color: #0d5198;font-style: normal;font-size: 14px;}
.section_three1 .right .num_sz li p{color: #999999;font-size: 14px;text-align: center;line-height:50px;}
.section_three1 .right .num_sz li img{margin-left: 40%;}
.fhxc1 .albox .fl>a{height: 180px; text-align: center; padding-top: 30px; box-sizing: border-box; margin-top: 10px;background-size: cover;}
.fhxc1{margin-bottom: 50px;}
.fhxc1 .pub_title p{margin-bottom: 0;}{padding-bottom: 50px;}
.swiper-container.anli{padding: 50px 0;}
.swiper-container.anli .swiper-slide{background-position:center;background-size:cover;width:600px;height:455px;}
.swiper-container.anli .swiper-slide img{width:100%;}
@media screen and (max-width: 1840px) {
.part9 .w .left .news .comt ul li span{width: 80%;}
.part9 .w .left .news .comt ul li {width: 60%;}
}
@media screen and (max-width: 1610px) {
.part9 .w .left .problem .tik{width: 100%;}
.part9 .w .left .problem .tik span{width: 93%;}
.part9 .w .left .news .comt ul li {width: 65%;}
.part9 .w .left .problem .txtScroll-top {
width:100%;
}
.part9 .w .right {display: none;}
.part9 .w .left{width: 100%;}
}
@media screen and (max-width: 1470px){
.part9 .w .left .news .comt ul li{width: 50%;}
}
@media screen and (max-width: 1300px){
.part9 .w .left .problem .tik span{width: 90%;}
}