@charset "utf-8";
body {
    font: 12px "microsoft yahei","songti", Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
    overflow-x: hidden;
}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
    margin:0px;
    padding:0px;
    border:none;
    list-style:none;
    font-weight: normal;
}
a{
    text-decoration: none;
    color: #606060;
}
input{
    font-family: "microsoft yahei";
    border:none;
}
.transtion{
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;}
img{
    border: none;
    vertical-align: middle;
}
.clear{clear:both;content: "";height: 0;float: none;}


/*head*/
.head{overflow: hidden;position: relative;height: 800px;}
.page_head{height: 440px;overflow: hidden;position: relative;}
.banner{height: 800px;position: relative;}
.banner .hd{position: absolute;bottom: 5%;left: 0;right: 0;margin:auto;text-align: center;}
.banner .hd ul{}
.banner .hd ul li{width: 15px;height: 15px;border:2px solid #ccc;background-color: unset;border-radius: 50%;display: inline-block;margin:0 10px;}
.banner .hd ul li.on{background-color: #ccc;}
.banner .bd{width: 100%;height: 100%;}
.banner .bd ul{}
.banner .bd ul li{position: relative;width: 100%;height: 100%;}
.banner .bd ul li img{position: absolute;left: 50%;margin-left: -960px;}

.top{height: 88px;position: fixed;left: 0;right: 0;top: 0;margin:auto;background-color: rgba(255,255,255,.9);z-index: 1;}
.top .top_con{width: 1200px;margin:0 auto;}
.top .top_con .logo{display:block;line-height: 88px;float: left;}
.top .top_con .logo img{}
.top .top_con .nav{float: left;}
.top .top_con .nav ul{}
.top .top_con .nav ul li{float: left;}
.top .top_con .nav ul li a{display: block;padding:0 20px;line-height: 88px;font-size: 15px;}
.top .top_con .nav ul li a.on{color: #4aa3df;}
.top .top_con .nav ul li:hover a{color: #4aa3df;}
.top .top_con .tel{float: right;border:1px solid #333;height: 48px;line-height: 48px;width: 230px;text-align: center; border-radius: 30px;font-size: 20px;margin:19px 0;}

.product{width: 1200px;margin:0 auto;}
.product dl{float: left;margin:75px 60px;}
.product dl a{display: block;}
.product dl a dt{width: 180px;height: 208px;text-align: center;line-height: 208px;transition: all 1s;}
.product dl a dt img{max-height: 100%;max-width: 100%;}
.product dl a dd{font-size: 18px;text-align: center;color: #666;line-height: 100px;}
.product dl a dt:hover{transform: rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}

.product_list{width: 1200px;margin:0 auto;}
.product_list .index_title{}
.product_list .index_title h3{font-size: 24px;color: #333;font-weight: bold;text-align: center;margin-bottom: 10px;}
.product_list .index_title a{display: block;color:#4aa3df;font-size: 14px;text-align: center;margin-bottom: 20px;}
.product_list dl{float: left;width: 360px;margin:0 20px 40px;}
.product_list dl dt{width: 360px;height: 225px;line-height: 225px;text-align: center;}
.product_list dl dt img{max-width: 100%;max-height: 100%;}
.product_list dl h3{font-size: 18px;color: #000;line-height: 50px;}
.product_list dl p{font-size: 14px;color: #666;line-height: 24px;}
.product_list dl:hover h3{color: #4aa3df;}

.about{background:url(../images/3bg.jpg);height: 480px;overflow: hidden;margin-bottom: 100px;position: relative;}
.about p{width: 950px;text-align: center;color: white;line-height: 30px;font-size: 16px;margin:100px auto;}
.about a{display: block;width: 150px;height: 48px;line-height: 48px;text-align: center;color: white;border:1px solid white;margin: 50px auto 0;font-size: 16px;border-radius: 30px;}
.about a:hover{background-color: #4aa3df;font-size: 18px;border:1px solid #4aa3df;}


.news{text-align: center;background-color: rgb(67, 67, 67);margin-top: 80px;}
.news .news_con{width: 1200px;margin:0 auto;padding:30px 0;}
.news ul{width: 50%;padding:0 20px;box-sizing: border-box;float: left;}
.news ul li{line-height: 40px;text-align: left;}
.news ul li a:first-child{font-size: 14px;color: #ccc;margin-right: 10px;}
.news ul li a:nth-child(2){font-size: 14px;color: #fff;}
.news ul li span{font-size: 14px;color: #acacac;display: inline-block;float: right;}
.news ul li a:first-child:hover{color: #4aa3df;}
.news ul li a:nth-child(2):hover{color:#acacac; }

.foot{height: 50px;line-height: 50px;color: rgb(204, 204, 204);text-align: center;font-size: 14px;background-color: black;}

.catalog{text-align: center;}
.catalog ul{}
.catalog ul li{display: inline-block;margin:40px 10px;}
.catalog ul li a{border-radius: 5px;display: block;padding:0 15px;line-height: 40px;color: #333;font-size: 14px;}
.catalog ul li a.on{background-color: #4aa3df;color: white;}
.catalog ul li a:hover{background-color: #4aa3df;color: white;}

.about_box{width: 1200px;margin:40px auto;min-height: 400px;}

.children{width: 180px;float: left;}
.children ul{}
.children ul li{height: 50px;margin-bottom: 5px;}
.children ul li a{display: block;line-height: 50px;width: 180px;background-color: #f4f4f4;color: #333;font-size: 14px;text-align: center;}
.children ul li a:hover{color: white;background-color: rgba(74,163,223,1);}
.children ul li a.on{color: white;background-color: rgba(74,163,223,1);}
.children ul li:first-child{background-color: rgb(72,130,194);color: white;font-size: 18px;line-height: 50px;text-align: center;}
.children>ul>li:last-child{background-color: #f4f4f4;height: 200px;}
.children ul li dt{width: 180px;height: 140px;line-height: 140px;text-align: center;padding-top: 15px;}
.children ul li dt img{max-width: 100%;max-height: 100%;}
.children ul li dd{text-align: center;font-size: 14px;line-height: 40px;}

.local{line-height: 50px;color: #333;font-size: 14px;border-bottom: 1px solid #ccc;margin-left: 70px;float: left;width: 940px;}
.about_danye{width: 940px;margin-left: 70px;float: left;}
.danye{width: 1200px;margin:0 auto;}



.about_danye{}
.about_danye>h3{font-size: 20px;color: #434343;font-weight: bold;text-align: center;padding:20px 0;}
.about_danye>span{font-size: 12px;color: #5A5A5A;font-weight: normal;display: block;padding-bottom: 20px;text-align: center;position: relative;}
.about_danye .descript{font-size: 12px;color: #868686;font-weight: normal;line-height: 22px;background-color: #f5f5f5;border:1px solid #e5e5e5;box-sizing: border-box;padding:10px 20px;}
.about_danye .danye_con{padding:10px;box-sizing: border-box;}

.lazyload p{font-size: 16px;line-height: 30px;color: #666;}
.lazyload p img{max-width: 100%;}

.updown{/*background-color: #fafafa;*/width: 100%;padding:20px 10px;box-sizing: border-box;border-top: 1px solid #ccc;}
.updown p{font-size: 14px;color: #444;line-height: 30px;}

/*页码*/
.layui-laypage{width: 100%;text-align: center;clear: both;margin:50px 0;}
.layui-laypage .layui-laypage-count{border:1px solid #ddd;padding:0px 15px;margin-right:5px;}
.layui-laypage .layui-laypage-count:hover{color: white;background-color: #4aa3df;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #4aa3df;}
.layui-laypage a{margin:0 5px;}
.layui-laypage .layui-laypage-curr{margin:0 5px;}
.layui-laypage a:hover{color: white;background-color: #4aa3df;}
.layui-laypage-prev:hover{color: white;background-color: #4aa3df;}
.layui-laypage-prev.layui-disabled{display: none;}
.layui-laypage span{margin-bottom: 0px;}

.bdshare-button-style0-16{position: absolute;right: 0;top: 15px;top:125px;margin-right: 6px;right: 0;}
.sr-bdimgshare .bdimgshare-content{display: none;}
.sr-bdimgshare-black .bdimgshare-bg{display: none;}



.danye_news li{border-bottom: 1px solid #eee;}
.danye_news li a{display: block;padding:15px 0;transition: all 0.3s;}
.danye_news li a h3{font-size: 16px;color: #000;text-align: left;}
.danye_news li a span{font-size: 12px;color: #929292;display: block;margin:10px 0px;text-align: left;}
.danye_news li a p{font-size: 12px;color: #5A5A5A;text-align: left;}
.danye_news li a:hover{padding-left: 20px;}
.danye_news li a:hover h3{color:#4aa3df;font-weight: bold;}