html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";overflow-x: hidden;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 

button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}

img, input {
border: none;
vertical-align: middle;
max-width: 100%;
}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none}

body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}

button,input{overflow:visible}

a { color:#333333; text-decoration:none;}  /*for ie f6n.net*/
a:hover{text-decoration:none;}
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.trans { -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.trans8 { -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
img{max-width: 100%;}
.pa{position: absolute;}
.img-center{text-align:center;font-size:0}
.img-center img{display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s}
.img-cover{overflow:hidden;position:relative}
.img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}

.content{width: 1200px;margin: 0 auto;}

.head{height: 100px;}
.logo{width: 340px;margin-top: 21px;}
.logo img{width: 100%;}
.nav{width: 800px;    margin-top: 18px;}
.nav ul{}
.nav ul li{float: left;width: 100px;text-align: center;height: 50px;line-height: 50px;position: relative;background: url(../image/nav_fg.png) no-repeat center right;}
.nav ul li a{font-size: 16px;}
.nav ul li:hover a,.nav ul li.on a{color: #3f89f4;}
.nav ul li:after{content: "";width: 73px;height: 7px;background:#3f89f4;display: block;margin: 0 auto;opacity: 0;}
.nav ul li:hover:after,.nav ul li.on:after{opacity: 1;}
.nav ul li:last-child{background: none;}

.fullSlide { position: relative; z-index: 9; clear: both; width: 100% ;}
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden }
.fullSlide .bd .con { width: 100% ; height: auto ; display: block }
.fullSlide .bd .li { width: 100% ; overflow: hidden; text-align: center; background: no-repeat center top; z-index: 0 }
.fullSlide .bd .li img { display: block; height: auto ; width: 100% }
.fullSlide .hd { position: absolute; width: 100%; height: 12px; left: 0; bottom: 52px; text-align: center; cursor: pointer }
.fullSlide .hd li { display: inline-block; width: 12px; height: 12px; background: #ffffff; margin: 0 12px; border-radius: 50%; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease }
.fullSlide .hd li.on { width: 36px; height: 12px; opacity: 1; border-radius: 5px; background:#287ffd;}
.fullSlide p { display: none; position: absolute; top: 50%; width: 80px; height: 80px; z-index: 99; opacity: 1; text-align: center; margin-top: -40px }
.fullSlide .prev2 { left: 3%; }
.fullSlide .next2 { right: 3% ; }

.tit01{text-align: center;margin-bottom: 30px;}
.tit01 b{display: block;color: #458d39;font-size:50px;margin-bottom: 10px;}
.tit01 em{color: #1a8dce;font-size: 18px;}

.top{height: 100px;background: #eeeeee;}
.top .tel{background: url(../image/tel.png) no-repeat center left;padding-left: 50px;margin-top: 27px;}
.top .tel p{color: #4088f4;font-size: 30px;}
.top .tel em{color: #000000;font-size: 16px;display: block;}
.sousuo{background: url(../image/ss_fl.png) no-repeat center left;height: 100px;  line-height: 100px; padding-left: 40px;   margin-left: 34px;width: 850px;}
.ss_keywords{font-size: 16px;}
.ss_keywords em{font-size: 16px;color: #000000;}

.ss_fr{margin-top: 31px;}
.ss_fr .txt{width: 200px;height: 40px;line-height: 40px;background: #ffffff;float: left;}
.ss_fr .btn{width: 40px;height: 40px;background: url(../image/sousuo.png) no-repeat center #398cf6;float: left;}

.product{margin: 70px 0;background: url(../image/pro_bg.png) no-repeat center;}
.pro_nav{}
.pro_nav ul{}
.pro_nav ul li{    float: left;width: 162px;text-align: center;height: 50px;line-height: 50px;background: #eeeeee;margin-bottom: 20px;margin-right: 11px;}
.pro_nav ul li a{font-size: 16px;}
.pro_nav ul li:nth-child(7n){margin-right: 0;}
.pro_nav ul li:hover{background: #4088f4;}
.pro_nav ul li:hover a{color: #ffffff;}
.pro_con{}
.pro_con ul{}
.pro_con ul li{float: left;width: 386px;margin-right: 20px;margin-bottom: 10px;}
.pro_con ul li:nth-child(3n){margin-right: 0;}
.pro_con ul li p{height: 50px;line-height: 50px;font-size: 16px;text-align: center;border: 1px solid #777777;border-top: none;color: #000000;}
.pro_con ul li:hover p{background: url(../image/prot_bg.png) no-repeat center bottom;color: #ffffff;}

.about{padding: 70px 0;background: #eeeeee;}
.about .ab_fl{width: 600px;}
.about .ab_fl .abt{    margin-bottom: 20px;}
.about .ab_fl .abt i{font-size: 31px; color: #353535;display: block; font-weight: bold;}
.about .ab_fl .abt em{color: #353535}
.about .ab_fl p{font-size: 18px;color: #353535; text-indent: 2em; line-height: 36px;}
.about .ab_fl .ab_more{display: block;width: 150px;height: 50px;line-height: 50px;text-align: center;color: #ffffff;background: #4088f4;margin-top: 16px;font-size: 16px;}

.about .ab_fr{width: 550px; height: 356px; overflow: hidden;}
.about .ab_fr img{width: 100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.about .ab_fr a:hover img {transform:scale(1.2);-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


.liucheng{background: url(../image/lc_bg.jpg) no-repeat center;padding: 70px 0 60px;}
.liucheng dl{float: left;width: 171px;text-align: center;position: relative; }
.liucheng dl dt{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.liucheng dl:hover dt{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.liucheng dl dd{height: 50px;line-height: 50px;color: #ffffff;font-size: 20px;}
.liucheng dl:after{content: "";display: block;width:12px;height: 19px;background:url(../image/lc_jt.png) no-repeat center;     position: absolute; right: -8px; bottom: 15px; }
.liucheng dl:last-child:after{display: none;}

.case{padding: 70px 0;background: url(../image/case_bg.jpg) no-repeat center;}
.case_fl{width: 558px;}
.case_fl ul{}
.case_fl ul li{width: 100%;}
.case_fl ul li img{width: 100%;}
.case_fl ul li p{background: rgb(0 0 0 / 70%);font-size: 16px;height: 51px;line-height: 51px;color: #ffffff;text-align: center;}
.case_fr{width: 623px;}
.case_fr ul{}
.case_fr ul li{width: 300px;float: left;    margin-right: 20px;position: relative; margin-bottom: 20px;height: 225px; overflow: hidden;}
.case_fr ul li img{width: 100%;}
.case_fr ul li:nth-child(2n){margin-right: 0;}
.case_fr ul li p{    height: 40px; line-height: 40px; background: rgb(0 0 0 / 70%); text-align: center;font-size: 18px; color: #ffffff;position: absolute;bottom: 0;    width: 100%;transform:translateY(100%);transition:all 0.5s;}
.case_fr ul li:hover p{opacity: 1; transform:translateY(0%);}

.youshi{padding: 70px 0;position: relative;height: 753px;}
.youshi:after{content: "";width: 100%;height: 714px;background: #eeeeee;display: block;position: absolute;bottom: 0;}
.youshi .content{position: relative;height: 714px}
.ys_img {    width: 1039px;position: absolute;left: 0;margin-left: -352px;top: 0; z-index: 99; }

.ys_bd{width: 574px;height: 714px;position: relative;}
.ys_bd ul{}
.ys_bd ul li{position: absolute;z-index: 99;height: 129px;}
.ys_bd ul li i{display: block;width: 96px;height: 96px;position: absolute;left: 0;z-index: 99; top: 15px;}
.ys_bd ul li:nth-child(1) i{background: url(../image/ys1.png) no-repeat center;}
.ys_bd ul li:nth-child(2) i{background: url(../image/ys2.png) no-repeat center;}
.ys_bd ul li:nth-child(3) i{background: url(../image/ys3.png) no-repeat center;}
.ys_bd ul li:nth-child(4) i{background: url(../image/ys4.png) no-repeat center;}

.ys_bd ul li.on:nth-child(1) i{background: url(../image/ys1h.png) no-repeat center;}
.ys_bd ul li.on:nth-child(2) i{background: url(../image/ys2h.png) no-repeat center;}
.ys_bd ul li.on:nth-child(3) i{background: url(../image/ys3h.png) no-repeat center;}
.ys_bd ul li.on:nth-child(4) i{background: url(../image/ys4h.png) no-repeat center;}


.ys_bd ul li .fr{    background: url(../image/ys_bg.png) no-repeat center;width: 545px; height: 129px; position: absolute; left: 38px; background-size: 100% 100%;}
.ys_bd ul li.on .fr{ background: url(../image/ys_bg1.png) no-repeat center; background-size: 100% 100%;}
.ys_bd ul li .fr em{font-size: 20px;color: #000000;font-weight: bold;    padding: 29px 64px 9px; display: block;}
.ys_bd ul li .fr p{font-size: 15px;color: #000000;line-height: 20px;padding: 0 16px 0 65px;}
.ys_bd ul li:nth-child(1){top: 50px;    left: -9px;}
.ys_bd ul li:nth-child(2){    top: 211px;left: -39px;}
.ys_bd ul li:nth-child(3){    bottom: 211px;left: -68px;}
.ys_bd ul li:nth-child(4){    bottom: 50px;left: -96px;}

.ys_bd ul li.on .fr em,.ys_bd ul li.on .fr p{color: #ffffff;}

.news{margin-top: 70px;}
.news_fl{width: 556px;}
.news_fl ul{}
.news_fl ul li a{display: flex;}
.news_fl ul li{background: #eeeeee;padding:12px 20px;margin-bottom: 14px;overflow: hidden;}
.news_fl ul li .news_date{width: 80px;  text-align: center;border-right: 1px solid #ccc;margin-right: 20px;display: flex; flex-direction: column;justify-content: center;align-items: center;}
.news_fl ul li .news_date em{display:block;font-size: 25px; }
.news_fl ul li .news_date i{display:block;font-size: 19px; }
.news_fl ul li .news_c {width:400px;}
.news_fl ul li .news_c b{display: block;font-size: 17px;margin-bottom: 5px;}
.news_fl ul li .news_c p{font-size: 15px;}
.news_hd{    width: 556px;height: 48px;}
.news_hd a{display: block;width:271px;height: 48px;float: left; }
.news_hd .news_pre{background: url(../image/news_jt1.png) no-repeat center;background-size: 100% 100%;}
.news_hd .news_next{background: url(../image/news_jt2.png) no-repeat center;margin-left: 14px;background-size: 100% 100%;}
.news_hd .news_pre:hover{background: url(../image/news_jt1h.png) no-repeat center;background-size: 100% 100%;}
.news_hd .news_next:hover{background: url(../image/news_jt2h.png) no-repeat center;background-size: 100% 100%;}

.news_fr{width: 627px;}
.news_fr ul{}
.news_fr ul li{    width: 306px; float: left; margin-right: 14px;}
.news_fr ul li:last-child{margin-right: 0;}
.news_fr ul li .news_t{background: #eeeeee;padding: 25px 20px;}
.news_fr ul li b{    display: block; font-size: 18px;font-weight: normal;height: 24px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news_fr ul li em{display: block;margin: 7px 0;    font-size: 15px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.news_fr ul li p{    font-size: 16px; line-height: 33px;}

.footer{background: url(../image/ft_bg.jpg) no-repeat center;padding: 70px 0;margin-top: 70px;}
.ft_logo{width: 315px;margin-right: 55px;}
.ft_logo h1{margin-bottom: 20px;}
.ft_logo p{font-size: 16px;color: #ffffff;height: 30px;line-height: 30px;}
.ft_logo p a{color: #ffffff;}
.ft_lx{width: 259px;}
.ft_lx p{height: 30px;line-height: 30px;color: #ffffff;font-size: 16px;}

.ft_nav{}
.ft_nav dl{width: 100px;text-align: center;float: left;}
.ft_nav dl a{color: #ffffff;}
.ft_nav dl dt a{font-size: 18px;display: block;margin-bottom: 10px;}
.ft_nav dl dd{height: 30px;line-height: 30px;}
.ft_ewm{width: 121px;line-height: 50px;color: #ffffff;font-size: 16px;text-align: center;}
.ft_ewm img{width: 100%;}

.links{border-top: 1px dotted #ffffff;padding-top: 20px;margin-top: 20px;line-height: 30px;}
.links p{font-size: 16px;color: #ffffff;float: left;}
.links a{color: #ffffff;padding: 0 10px;}