@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px "微软雅黑";color:#444;background-color: #fff;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
em , i{font-style: normal;}
.content{width: 1200px;margin:0 auto;}

/*header start*/
.header{overflow: hidden;height:118px;background-color: #fff;}
.header .head_top{width: 100%;background-color: #fff;height: 100%;}
/*头部*/
.header .head_nav{ padding-top: 10px;width: 472px;height: 50px;margin:10px auto;}
.header .head_nav ul li{width:118px;float: left;height: 50px;line-height: 50px;font-size: 16px;text-align: center;position: relative;}
.header .head_nav ul li a{color: #333;display: block;width: 100%}
.header .head_nav ul li:hover{background: #fbc707;}
.header .head_nav ul li:hover a{color: #fff;position: absolute;border-bottom: 3px solid #428dc4;}
.header .logo{width:318px;background-color: #333;height:97px;margin:0 auto;display: block;}
.header .logo img{width:318px;height:97px;}
.header .part1{height: 30px;background-color: #ececec;}
.header .part1 p{color: #428dc4;line-height:30px;letter-spacing:1px}
.header .hform {margin: 30px 0px 20px 36px;}
.header .hform input {float: left;font-size: 14px;border: 0;padding: 8px 10px;line-height: 20px;background: url(../images/sou1.gif) no-repeat 0 0;width: 220px;}
.header .hform button {border: 0;padding: 0;float: left;cursor: pointer;outline: none;width: 105px;height: 36px;background: url(../images/sou2.gif) no-repeat 0 0;}
.header .part1 a.dt{display: block;line-height:30px;color: #666;margin-right:15px;}


/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:400px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#ffa23b}
.flexslider .slides a img{width:100%;height:400px;display:block}

/*统一使用的标题*/
.title{padding-bottom: 15px;border-bottom: 1px solid #dfdfdf;margin-bottom: 20px;}
.footer .title {padding-bottom: 15px;border-bottom: 1px solid rgb(223 223 223 / 18%);margin-bottom: 20px;}
.title .tit_l {width:80%}
.title .tit_l > b{font-size: 50px;font-family: Arial;letter-spacing: -1px;color: #ccc;text-transform: uppercase;}
.title .tit_l .tit_zi{height: 40px;border-left: 3px solid #fbc707;width: 400px;padding-left: 15px;margin-left: 15px;margin-top: 10px}
.title .tit_l .tit_zi b{display: block;font-size: 20px;color: #428dc4;line-height: 20px;}
.title .tit_l .tit_zi i{font-size: 14px;color: #bbb;line-height: 14px;display: block;margin-top: 5px}
.title .more {line-height: 50px;position: relative;top: 10px}
.title .more:hover {color: #fbc707}

/*资讯*/
.zixun{padding:30px 0; overflow:hidden;}
.zleft{ width:800px;overflow:hidden; }
.zixun .slideBox{ width:800px; height:300px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.zixun .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.zixun .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.zixun .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.zixun .slideBox .hd ul li.on{ background:#f00; color:#fff; }
.zixun .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.zixun .slideBox .bd li{ zoom:1; vertical-align:middle; }
.zixun .slideBox .bd img{ width:800px; height:300px; display:block;  }
.zixun .slideBox .bd p{background-color: rgb(51 51 51 / 20%); position: absolute; color: #fff; font-size:16px;line-height: 40px; bottom: 0; width: 100%; text-indent: 2rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*切换*/
.zixun .slideBox .prev,
.zixun .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:40px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.zixun .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.zixun .slideBox .prev:hover,
.zixun .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.zixun .slideBox .prevStop{ display:none;  }
.zixun .slideBox .nextStop{ display:none;  }
/*左侧下方的新闻列表*/
.zixun .zlist  li{border-bottom: 1px solid #ccc;width: 100%; padding: 19px 0px;}
.zixun .zlist  li .wz{float: right;width:550px;}
.zixun .zlist  li a{color: #666;display: block;}
.zixun .zlist  li img{display: block;float:left;width:220px;height: 165px; }
.zixun .zlist  li p{font-size: 22px;color: #333;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 40px;}
.zixun .zlist  li:hover p{color: #428dc4;}
.zixun .zlist  li span{color: #666;font-size: 15px;line-height:24px;display:block; padding: 10px 0px;}
.zixun .zlist  li em{display: block;color: #999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*右侧新闻列表*/
.zright{width:330px;background-color: #f5f5f5;overflow: hidden; padding:15px;}
.zright img{width:100%;height:auto;display: block;margin-top: 10px;}
.zright li{width: 100%; height: 35px;line-height: 35px; background:url(../images/y1.png) no-repeat left center;}
.zright li a{color: #666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 25px;}
.zright li:nth-child(2n){background:url(../images/y2.png) no-repeat left center;}
.zright li:hover a{color: #428dc4;}
/*知识*/
.zhishi{padding:0 0 30px 0;}
.zslist{overflow: hidden;}
.zslist li{position: relative;margin-bottom: 30px;font-family: '微软雅黑';height:160px;width: 48%;float: left;margin-right: 20px;}
.zslist li:nth-child(2n){float: right;margin-right:0}
.zslist .pic{float: left;display: inline;width: 230px;overflow: hidden;position: relative;height:160px;}
.zslist .pic:before{content: "";display: block;width: 100%;margin-top: 70%;}
.zslist .pic a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.zslist .pic img{display: block;width: 100%;min-height: 100%;}

.zslist .info{margin-left: 250px;}
.zslist a.name{display: block;    color: #333;height: 30px;overflow: hidden;padding-right: 100px;font-size: 18px;line-height: 30px;margin: 5px 0 10px 0;}
.zslist a.name:hover{color: #428dc4;}
.zslist .time{padding-right: 100px;overflow: hidden;height: 20px;font-size: 12px;color: #aaa;margin-bottom: 5px;}
.zslist .time b{font-weight: normal;margin: 0 10px;}
.zslist .time a{color: #999;}
.zslist .time a:hover{text-decoration: underline;color: #666;}
.zslist p{line-height: 28px;max-height: 56px;overflow: hidden;color: #666;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.zslist a.more{display: block;background: url(../images/more.png) no-repeat left center;color: #428dc4;line-height: 42px; padding-left: 30px; font-family: "times new roman"; font-weight: 600;}
.zslist a.more:hover{background: url(../images/more2.png) no-repeat left center;color: #fbc707;}
.zslist .timeBtn{position: absolute;right: 20px;top:0;width: 60px;height: 74px;background: url(../images/btn1-5.png) no-repeat center center;text-align: center;color: #fff;font-family: Arial;font-size: 12px;}
.zslist .timeBtn span{display: block;width: 100%;text-align: center;font-size: 28px;line-height: 36px;}
.zslist .timeBtn p{line-height: 20px;text-align: center;color: #fff;}
.zslist li.noPic .pic{display: none;}
.zslist li.noPic .info{margin-left: 0;}

/*下排文章*/
.zslistbottom  li{border-right:1px solid #ccc;padding-right:10px;float:left;width: 360px;margin-right: 44px;}
.zslistbottom  li a{display: block;}
.zslistbottom  li p{color: #333;font-size: 17px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.zslistbottom  li:hover p{color: #428dc4;}
.zslistbottom  li span{display: block;color: #777;font-size: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.zslistbottom  li img{display: block;float: left;width: 200px;height: 150px;}
.zslistbottom  li .wz{padding:10px 0;}
.zslistbottom  li em{display: block;color: #aaa;float: right;width:145px;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;line-height: 23px; font-size: 14px;}
.zslistbottom  li:nth-child(3n){float: right;margin-right: 0;border-right:none;}

/*底部招商加盟*/
.footer{padding:30px 0;background: url(../images/ftbg.jpg) no-repeat center;background-size: cover}
/*留言*/
.liuyan{width: 710px;margin-top: 40px;}
.liuyan .tianxie input{background: rgb(51 51 51 / 32%);line-height: 47px;border: solid 1px #666666;font-size: 16px;color: #333333;padding: 0 15px;margin-bottom: 23px;border-radius: 10px;}
.liuyan .tianxie input::-webkit-input-placeholder{color:#999;}
.liuyan .tianxie .input2{width:190px;margin-right: 20px; outline: none;color:#999;}
.liuyan .tianxie .input3{width: 190px;margin-right: 20px;outline: none;color:#999;}
.liuyan .tianxie .input4{width: 190px;outline: none;color:#999;}
.liuyan .tianxie textarea{background: rgb(51 51 51 / 32%);line-height: 28px;border: solid 1px #666666;width: 690px;font-size: 16px;color: #999;padding: 10px 15px;margin-bottom: 23px;height: 120px;border-radius: 10px;outline: none;}
.liuyan .tianxie textarea::-webkit-input-placeholder{color:#999;font-family: "微软雅黑"}
.liuyan .tjly{width: 165px;height: 46px;background: #f7f90f;font-size: 16px;display: block;text-align: center;line-height: 46px;border-radius: 7px;}
.lianxi p{font-size: 16px;line-height: 26px;}
.lianxi .left_icon{height: 102px;padding-left: 98px;}
.lianxi .left_icon .tit{font-size: 24px;font-weight: 600;color: #428dc4;padding-top: 5px;}
.lianxi .left_icon .p{font-size: 14px;color: #333333;}
.code span{padding-right: 10px;    font-size: 20px;color: #fff;}
.code input{width: 126px;margin-right: 10px;height: 39px;line-height: 39px}
#submit{background: #428dc4;font-size: 16px;color: #fff;width: 150px;height: 45px;line-height: 45px;border:none;}
#submit:hover{background: #251b12;}

/*右侧*/
.footer .ftimg {width:400px;margin-top: 40px;height: 358px;  background: url(../images/ftimg.png) no-repeat  top center;}

/*友链*/
.friendlink{background-color: rgb(66 141 196 / 50%);margin-top:30px;}
.friendlink p{color: #fff;font-size: 16px;font-weight: 600; float: left;  line-height: 40px;}
.friendlink a{color: #e4e4e4;line-height: 40px;}
.friendlink em{padding-right:10px;}
.friendlink li{float:left; padding:0 5px}
.friendlink .content::after {content: "";clear:both;}

/*技术支持*/
.zc{padding-top:10px;}
.zc p{color: #999;line-height: 30px;text-align: left}
.zc p a{color: #999;}