@charset "utf-8";
/*d全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust: none;background: #fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;font-family:"微软雅黑";outline: 0;}
img{border:0;vertical-align:top;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;transition:all 0.3s;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}
/*header*/
.header{width: 1200px; margin: 0 auto;}
.nav{float: right; padding-top: 42px;}
.nav li{float: left; padding: 0 25px; line-height: 34px; font-size: 16px;}
.nav li:last-child{padding: 0 0 0 25px;}
.flexslider{min-width:1200px;position:relative;overflow:hidden;}
.slides{width:100%;position:relative;z-index:1;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.slides img{width: 100%; display: block;}
.flex-control-nav{position:absolute;bottom:26px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;border-radius:50%;line-height:40px;overflow:hidden;background:none;cursor:pointer;}
.flex-control-nav .flex-active{background:none;}
.bn_botbg{min-width: 1200px; background: url(../images/bn_bot.jpg) no-repeat center top;}
.bn_bot{width: 1200px; height: 124px; margin: 0 auto;}
.focus{float: left; width: 410px; color: #fff; font-family: arial; font-size: 16px; line-height: 28px; text-transform: uppercase; padding: 30px 0 0 8px;}
.focus h4{font-family: "微软雅黑"; font-size: 17px; font-weight: normal; line-height: 34px;}
.focus h4 span{font-size: 24px; line-height: 30px; padding-right: 5px; font-family: arial;}
.tel{float: left; width: 280px; color: #fff; font-size: 26px; line-height: 38px; font-family: arial; margin-top: 24px;}
.tel img{float: left; width: 39px; height: 39px; margin: 17px 18px 0 0;}
.bn_br{float: right; width: 448px;}
.search_fon{width: 100%; height: 54px; line-height: 54px; color: #fff; font-size: 16px; overflow: hidden;}
.search_fon a{color: #fff; padding-right: 36px;}
.search_fon a:last-child{padding: 0;}
.search_bg{width: 338px; padding: 0 22px; height: 40px; box-sizing: border-box; border: solid 1px #d2d2d2; border-radius: 40px; margin: 18px 0 0 35px;}
.search{float: left; width: 255px; height: 40px; line-height: 40px; border: none; background: none; color: #737373; font-size: 14px;}
input.search::-webkit-input-placeholder{color:#737373;}
input.search:-moz-placeholder{color:#737373;}
.search_btn{float: right; width: 19px; height: 19px; margin-top: 9px; cursor: pointer;}
/*mainbody*/
.product_bg{min-width: 1200px; background: url(../images/product_bg.jpg) no-repeat center bottom #f1f1f1; padding: 54px 0 95px 0;}
.product_top{width: 1200px; margin: 0 auto 35px;}
.product_tit{float: left; line-height: 44px; color: #5f5f5f; font-size: 22px;}
.product_tit span{color: #828181; font-size: 18px; text-transform: capitalize;}
.product_tr{float: right; color: #6e6e6e; font-size: 15px; line-height: 40px; padding-top: 4px;}
.product_more{float: right; width: 44px; margin: 15px 0 0 16px;}
.product_part{width: 1200px; margin: 0 auto;}
.product_list{float: left; width: 264px;}
.product_list li{height: 49px; line-height: 49px; border-bottom: solid 1px #bccdea; background: url(../images/product_icon.png) no-repeat 232px center #2a6ad6; font-size: 16px;}
.product_list li:hover{background: url(../images/product_icon.png) no-repeat 232px center #5fc863;}
.product_list a{display: block; padding: 0 45px 0 25px; color: #fff;}
.product{float: right; width: 913px; overflow: hidden;}
.product ul{width: 933px;}
.product li{float: left; width: 291px; height: 217px; overflow: hidden; position: relative; margin: 0 20px 18px 0;}
.product img{width: 291px; height: 217px;}
.product li .product_tm{width:100%; height:100%; padding-top:72px; box-sizing: border-box; text-align:center; background:rgba(42,106,214,0.7); position:absolute; top:0; left:0; opacity:0; transform:scale(0);transition:all 0.8s ease-in-out;backface-visibility:hidden;zoom:1;}
.product li:hover .product_tm{opacity:1;transform:scale(1);}
.product_tm h4{color: #fff; font-size: 18px; line-height: 38px; font-weight: normal; margin-bottom: 5px;}
.product_tm img{width: 41px; height: 41px;}
.about_bg{min-width: 1200px; background: url(../images/about_bg.jpg) no-repeat center top #fff; padding: 89px 0 96px 0;}
.about_box{width: 1015px; margin: 0 auto 90px;}
.about{width: 100%; text-align: center; line-height: 36px; color: #090806; font-size: 16px; margin-bottom: 55px;}
.about h4{color: #333; font-size: 20px; font-weight: normal; line-height: 36px;}
.about h1{color: #5fc863; font-size: 26px; font-weight: normal; line-height: 44px; margin-bottom: 30px;}
.about_more{width: 227px; text-align: center; font-size: 16px; height: 44px; line-height: 44px; background: #5fc863; border-radius: 20px; overflow: hidden; margin: 0 auto;}
.about_more a{color: #fff; display: block;}
.content{width: 1200px; margin: 0 auto;}
.news_blue{float: left; width: 381px; height: 453px; padding: 45px 30px 0 30px; box-sizing: border-box; background: #2a6ad6; margin-right: 23px;}
.news_blue h4{color: #fff; font-size: 18px; height: 34px; line-height: 34px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_pic{width: 320px; height: 217px; overflow: hidden; margin-bottom: 18px;}
.news_pic img{width: 100%; height: 217px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.news_pic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.news_fonts{width: 100%; line-height: 24px; height: 48px; color: #fff; font-size: 14px; overflow: hidden; margin: 10px 0 22px 0;}
.news_more{width: 91px; text-align: center; height: 31px; line-height: 31px; background: #5fc863; font-size: 14px; text-transform: uppercase;}
.news_more a{color: #fff; display: block;}
.news_gray{width: 386px; height: 453px; padding-top: 8px; box-sizing: border-box; background: #f4f4f4;}
.news_top{border-bottom: solid 1px #e5e5e5; height: 66px; line-height: 66px; padding: 0 21px;}
.news_tit{float: left; font-size: 21px;}
.news_t01{color: #2a6ad6;}
.news_t02{font-size: 20px;}
.news_t03{font-size: 16px;}
.news_more02{float: right; font-size: 16px;}
.news{width: 344px; margin: 0 auto;}
.news li{height: 61px; line-height: 61px; border-bottom: solid 1px #eee; padding: 0 10px 0 6px; font-size: 14px; color: #838282;}
.news li:last-child{border: none;}
.news a{display: block; float: left; width: 260px; height: 61px; font-size: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news a:hover{color: #2a6ad6;}
.news span{float: right;}
/*新闻列表*/
.news_list{width: 910px; margin: 0 auto;}
.news_list li{height: 61px; line-height: 61px; border-bottom: solid 1px #eee; padding: 0 10px 0 6px; font-size: 14px; color: #838282;}
.news_list li:last-child{border: none;}
.news_list a{display: block; float: left; width: 260px; height: 61px; font-size: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list a:hover{color: #2a6ad6;}
.news_list span{float: right;}
.contact{width: 320px; font-size: 15px; line-height: 40px; padding-top: 17px; margin: 0 auto;}
.contact h4{color: #ea0505; font-size: 21px; font-weight: normal; margin-bottom: 4px;}
.case_bg{min-width: 1200px; height: 594px; padding-top: 113px; background: url(../images/case_bg.jpg) no-repeat center top; background-size: cover;}
.case_tit{width: 100%; text-align: center; color: #fff; line-height: 44px; font-size: 24px; padding-bottom: 32px;}
.case_tit h4{font-size: 30px; font-weight: normal; line-height: 46px; text-transform: uppercase;}
.case{width: 388px; height: 292px; transition:all 0.8s; overflow: hidden; margin: 3px 15px;}
.case img{width: 100%; height: 292px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.case img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.case:hover{border: solid 3px #fff; border-radius: 5px; margin: 0 12px;}
.case_more{width: 189px; text-align: center; font-size: 18px; height: 45px; line-height: 45px; background: rgba(255,255,255,0.2); border-radius: 20px; overflow: hidden; margin: 0 auto;}
.case_more a{color: #fff; display: block;}
/*footer*/
.links{width: 1200px; line-height: 32px; color: #333; font-size: 16px; padding: 32px 0 21px 0; margin: 0 auto;}
.links a{font-size: 15px; color: #333; padding-right: 20px;}
.foot_bg{min-width: 1200px; background: #2f343a; padding-top: 55px;}
.foot_box{width: 1200px; padding-bottom: 43px; margin: 0 auto;}
.code{float: left; width: 300px; color: #fff; font-size: 15px; line-height: 26px; margin: 12px 0 0 16px;}
.code img{float: left; width: 123px; height: 123px; background: #fff; margin-right: 35px;}
.code p{margin-top: 35px;}
.foot_r{float: right; width: 770px;}
.f_nav{width: 100%; border-bottom: solid 1px #5d6165; padding-bottom: 21px; margin-bottom: 30px;}
.f_nav li{float: left; line-height: 32px; font-size: 15px; padding-right: 56px;}
.f_nav a{color: #fff;}
.f_nav li:last-child{padding: 0;}
.f_con{width: 100%;}
.f_con li{float: left; width: 220px; color: #fff; font-size: 15px; line-height: 28px;}
.f_con img{float: left; width: 33px; height: 33px; margin: 0 18px 20px 7px;}
.f_con h4{color: #b9b8b8; font-size: 16px; font-weight: normal; line-height: 30px;}
.f_con li:nth-child(2){width: 330px;}
.foot_bot{width: 100%; border-top: solid 1px #3e4248;}
.copyright{width: 1166px; line-height: 50px; color: #bfbdbd; font-size: 14px; margin: 0 auto; position: relative;}
.backtop{width: 20px; line-height: 0; position: absolute; top: 15px; right: 4px;}
/*main*/
.mainbody{width: 1200px; padding: 56px 0 188px 0; margin: 0 auto;}
.left{float: left; width: 271px;}
.right{float: right; width: 910px;}
.class_tit{height: 91px; line-height: 91px; padding-left: 36px; background: url(../images/icon.png) no-repeat 215px center #2a6ad6; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; font-size: 30px; font-family: "黑体";}
.class{border: solid 1px #dbdbdb; border-top: none; margin-bottom: 26px;}
.class li{height: 58px; line-height: 58px; text-align: center; font-size: 16px; background: url(../images/class_line.jpg) no-repeat center bottom;}
.class li:last-child{background: none;}
.class a{display: block; color: #333;}
.class a:hover{background: #5fc863; color: #fff;}
.class .class_on a{background: #5fc863; color: #fff;}
.con_tit{height: 68px; line-height: 68px; padding-left: 36px; background: url(../images/icon.png) no-repeat 215px center #5fc863; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; font-size: 20px;}
.con_bg{border: solid 1px #e8e8e8; padding: 6px 0 25px 0;}
.map{width: 258px; height: 141px; overflow: hidden; margin: 0 auto 22px;}
.map img{width: 100%; height: 141px; transition:all 0.8s; -webkit-transition:all 0.8s;}
.map img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}
.con{width: 250px; line-height: 24px; color: #4b4b4b; font-size: 14px; margin: 0 auto;}
.pro_top{padding: 17px 0 30px 0;}
.pro{width: 100%; overflow: hidden;}
.pro ul{width: 933px;}
.pro li{float: left; width: 289px; height: 215px; border: solid 1px #eee; overflow: hidden; position: relative; margin: 0 18px 18px 0;}
.pro img{width: 289px; height: 215px;}
.pro li .pro_tm{width:100%; height:100%; padding-top:72px; box-sizing: border-box; text-align:center; background:rgba(42,106,214,0.7); position:absolute; top:0; left:0; opacity:0; transform:scale(0);transition:all 0.8s ease-in-out;backface-visibility:hidden;zoom:1;}
.pro li:hover .pro_tm{opacity:1;transform:scale(1);}
.pro_tm h4{color: #fff; font-size: 18px; line-height: 38px; font-weight: normal; margin-bottom: 5px;}
.pro_tm img{width: 41px; height: 41px;}
.page{width: 100%; text-align: center; padding-top: 60px;}
.page a{border: solid 1px #ccc; padding: 5px 8px; margin: 0 3px;}
.page a:hover{border: solid 1px #5fc863; background: #5fc863; color: #fff;}
.page .page_on{border: solid 1px #5fc863; background: #5fc863; color: #fff;}
#news_list ul { width: auto;height: 230px;padding: 9px;}
#news_list ul li { width: auto; padding-left: 10px; height: 30px; line-height: 30px; *height: 27px; *line-height: 27px; padding-right: 10px;color:#000;}
#news_list a{color:#000;}
#news_list a:hover{ text-decoration:none; }
#news_list ul li:hover{ text-decoration:none; position: relative; right: 0px; top: 1px;}
#news_list .one {background: #F0F0F0;}
#news_list ul li span { float: left;}
#news_list ul li strong { float: right; font-weight: normal;}
#news_con { width: auto; min-height: 360px; padding: 15px; padding-right: 0px; color:#000; text-align:justify;}
#news_con .h1 { text-align: center; font-size: 16px; height: 35px; line-height: 35px;}
#news_con .h2 { text-align: center; font-weight: normal; width: auto; height: 25px; line-height: 25px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; color: #666; margin-bottom: 5px; font-size:14px}
#news_con #pic { position:relative;text-align: center; margin-bottom: 5px;}
#news_con #pic #prev{ position:absolute; top:50%; left:0px; font-size:50px;font-weight:bold; color: #e61902;}
#news_con #pic #next{ position:absolute; top:50%; right:0px; font-size:50px;font-weight:bold; color: #e61902;}
#news_con #pic #prev_none{ position:absolute; top:50%; left:0px; color:#999; font-size:50px;font-weight:bold}
#news_con #pic #next_none{ position:absolute; top:50%; right:0px; color:#999; font-size:50px;font-weight:bold}
#news_cons_title{border-bottom:solid 1px #ccc; font-weight:bold ; font-size:15px; margin-bottom:10px;}
#news_cons{ margin-bottom:15px;font-size:14px;}
#news_con img{
max-width: 100%;
width: 600px;
}
.online form {
display: block;
margin-top: 53px
}
.online .form-item {
line-height: 40px;
margin-bottom: 20px
}
.online .form-item input,
.online .form-item textarea {
line-height: 38px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 450px;
border: 1px solid #0066a1;
border-radius: 20px;
padding: 0 15px;
color: #0066a1;
float: left;
font-size: 18px;
font-family: "微软雅黑"
}
.online .form-item .form-label {
width: 110px;
padding-left: 7px;
color: #0066a1;
font-size: 18px
}
.online .form-item input {
height: 40px
}
.online .form-item textarea {
height: 150px;
resize: none;
overflow: auto
}
.online input[type="submit"] {
width: 412px;
height: 47px;
padding: 0;
float: right;
background: #0066a1;
border: none;
color: #ffffff;
border-radius: 5px;
cursor: pointer;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s
}
.online input[type="submit"]:hover {
border-radius: 20px
}
.online .form-submit {
margin: 20px 19px 0 0
}
.online .map_container {
width: 580px;
height: 400px;
border: 2px solid #0066a1;
position: relative
}
.online .map_wrapper {
width: 576px;
height: 396px;
position: relative;
z-index: 2
}
.online .contact {
width: 576px;
height: 396px;
position: absolute;
z-index: 3;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
padding: 31px 38px 0
}
.online .contact-item {
line-height: 63px;
border-bottom: 1px solid #fff;
color: #fff
}
.online .contact-item img {
vertical-align: top;
display: inline-block
}
.cb:after {
clear: both;
content: "";
display: block
}
.cb:before {
clear: both;
content: "";
display: block
}