@charset "UTF-8";

blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
body{background:#fff;color:#555;font-size:14px;margin:0;padding:0;}
caption,td,th{font-size:14px;}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal;}
a{color:#555;text-decoration:none;}
a:hover{text-decoration:none;}
img{border:none;}
li,ol,ul{list-style:none;}
button,input,select,textarea{font:14px "微软雅黑",Arial,sans-serif;}
table{border-collapse:collapse;}
html{overflow-y:scroll;}

.public{width:1220px ;height:auto;margin:0 auto;clear:both;}
.public5{width: 1220px;height:auto;margin:0 auto !important;position:relative;float: none !important}




.main{width:100%;height:auto;margin:0 auto;padding-bottom: 40px;}
.main .lei{width:100%;height:auto;margin:0 auto;padding-top: 20px;padding-bottom: 20px;}
.main .lei ul{width:100%;height:100%;margin:0 auto;}
.main .lei ul li{width:215px;height:40px;float:left;margin: 10px 19px 10px 10px;}
.main .lei ul li a{display:block;width:100%;height:100%;line-height:40px;font-size:16px;text-align:center;color:#fff;background: #999;}
.main .lei ul li:hover a{background:#e72727;}


.main .lei2{width:255px;height:auto;float:left;padding-top: 35px;padding-bottom: 20px;}
.main .lei2 ul{width:100%;height:100%;margin:0 auto;}
.main .lei2 ul li{width:245px;height:40px;float:left;margin: 10px;}
.main .lei2 ul li a{display:block;width:100%;height:100%;line-height:40px;font-size:16px;text-align:center;color:#fff;background:#739ec9;}
.main .lei2 ul li:hover a{background:#e20f0a;}	


.main .lei3{width:100%;height:auto;margin:0 auto;padding-top: 20px;padding-bottom: 20px;}


.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

/*  主要样式 */
.yyui_menu1 { height:45px; line-height:45px; font-size:16px;  }
 
.yyui_menu1 li { float:left; position:relative;width:222px;margin-right: 15px;background: #739ec9;} /*这一级是导航*/
.yyui_menu1 li a { display:block; line-height:45px; text-decoration:none; padding:0px 20px; color:#fff;}
.yyui_menu1 li a:hover {  color:#fff;background:#0e6eb8;}
.yyui_menu1 li a.more:after{content:" »";}
 
.yyui_menu1 li ul { position:absolute; float:left; width:200px; display:none; background-color:#FFFfff; z-index:9999;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:200px;text-decoration:none; color:#fff;}
.yyui_menu1 li ul a:hover {background:#0e6eb8;color:#fff;}
 
.yyui_menu1 li ul ul{ top:0;left:150px;} /*从第三级菜单开始,所有的子级菜单都相对偏*/













.main .article{width:100%;height:auto;margin:0 auto;background:#fff;margin-top:0px;clear:both;padding-bottom: 30px;}
.main .article2{width:1040px;height:auto;padding-top: 20px;padding-bottom: 20px;float:right;}


.main .title{width:20%;height:62px;position:relative;float: left;}
.main .title h1{width:400px;height:100%;color:#fff;}
.main .title h1 a{line-height:50px;font-size:30px;display:block;height:50px;color: #000;letter-spacing: 3px;}
.main .title h1 span{width:50px;float:left;height:2px;background:#947f73;margin-top:10px;display:block;}


.titcd{width:100%;height:60px;border-bottom:dotted #ccc 1px;margin-top: 10px;clear: both;}
.main .title4{width:100%;height:60px;margin:0 auto;border-bottom:dotted #ccc 2px;}
.main .title4 h1{width:90%;height:60px;line-height:60px;margin:0 auto;text-align:center;}
.main .title4 h1 a{color:#0e6eb8;font-size:34px;width:100%;height:100%;display:block;font-weight:bold;}	

.main .title3{min-width:20%;max-width:60%;height:60px;margin:0 auto;float: right;}
.main .title3 h1{width:10%;height:60px;line-height:60px;;margin:0 auto;text-align:center;}
.main .title3 h1 a{color:#222;font-size:24px;width:100%;height:100%;display:block;font-weight:bold;}
.main .title3 p{width:100%;height:60px;line-height:60px;float: right;font-size:14px !important;}
.main .title3 p img{width:25px;height:25px;float:left;position:relative;top:17px;}
.main .info{width:100%;height:auto;margin:0 auto;}
.main .info p{width:100%;line-height:2.2;color:#666;font-size:14px !important;}
.main .info p a{color:#666;}
.main .info img{max-width:700px;height:auto;}




.main .title4{width:100%;height:70px;margin:0 auto;float: right;margin-bottom: 20px;}
.main .title4 h1{width:100%;height:70px;line-height:70px;;margin:0 auto;text-align:center;}
.main .title4 h1 a{color:#222;font-size:24px;width:100%;height:100%;display:block;font-weight:bold;}



.productlist{width:1220px;height:auto;margin:0 auto;}

.productlist ul{width: 100%;height: auto;margin: 0 auto; margin-bottom: 30px;}
.productlist ul li{width: 275x;height: 385px;margin-left: 12px;margin-right: 12px;margin-top:25px;position:relative;float:left;display: inline;background:#fff;text-align: center;border: solid #ccc 1px;}
.productlist ul li img{vertical-align: middle;max-width: 270px;max-height: 280px;}
.productlist ul li .l1{display:block;width:270px;height:330px;overflow:hidden;background:#fff;font-size: 205px;display: inline-block;vertical-align: middle;text-align:center;}
.productlist ul li .l2{width:100%;height:55px;margin:0 auto;background:#fff;position:absolute;bottom:0px;left:0px;transition:height 0.5s;-moz-transition:height 0.5s;-webkit-transition:height 0.5s;-o-transition:height 0.5s;}
.productlist ul li .text{width:100%;height:55px;margin:0 auto;background:#f2f2f2;position:absolute;bottom:0px;left:0px;transition:height 0.5s;-moz-transition:height 0.5s;-webkit-transition:height 0.5s;-o-transition:height 0.5s;background:#fff;}
.productlist ul li .text p{height:55px;line-height:55px;text-align:center;color:#535445;font-size:18px;letter-spacing:1px;}
.productlist ul li .text font{height:0px;line-height:0px;text-align:center;color:#fff;font-size:0px;clear:both;float:left;}
.productlist ul li:hover .text{width:100%;height:75px;margin:0 auto;background:#e72727}
.productlist ul li:hover p{width:225px;text-align:left;height:35px;line-height:35px;color:#fff;font-size:18px;letter-spacing:1px;padding-left:20px;}
.productlist ul li:hover font{width:225px;text-align:left;height:30px;line-height:30px;color:#fff;font-size:14px;letter-spacing:1px;padding-left:20px;float:left;}
.ye{width:100%;height:50px;line-height:50px;text-align:center;clear: both;position: relative;top: 30px;}
.ye p{width:100%;height:50px;line-height:50px;margin:0 auto;font-size:14px;color:#222;}
.ye p a{color:#222;}
.ye p a:visted{color:#0e6eb8;}
.ye p span{margin-right:20px;}
.ye p span a{margin-right: 10px;}
.ye p span a:hover{color:#0e6eb8;}
.product{width:100%;height: auto !important;margin:0 auto;background:none !important;}
.product .img{width:100%;height:auto;margin:0 auto;text-align:center;margin-top: 15px;}
.product .img img{max-width:700px;height:auto;margin:0 auto;}

.caselist {width:100%;height:auto;margin:0 auto;clear: both;background:none !important;}
.caselist ul{width:100%;height:auto;margin:0 auto;}
.caselist ul li{width:275px;height:250px;margin-left: 12px;margin-right: 12px;margin-top:25px;position:relative;float:left;display: inline;text-align: center;background:#f1f1f1;}
.caselist ul li img{250px;margin:10px 10px 0px 10px;vertical-align: middle;max-width: 255px;max-height: 250px; }
.caselist ul li a{display:block;width:100%;height:250px;overflow:hidden;background:#f1f1f1;font-size: 130px;display: inline-block;vertical-align: middle;text-align:center;}
.caselist ul li .text{width:100%;height:45px;margin:0 auto;background:#f1f1f1;position:absolute;bottom:0px;left:0px;}
.caselist ul li .text p{height:45px;line-height:45px;text-align:center;color:#535445;font-size:18px;letter-spacing:1px;}
.caselist ul li .text font{height:0px;line-height:0px;text-align:center;color:#fff;font-size:0px;}
.caselist ul li:hover .text{width:100%;height:45px;margin:0 auto;background:#0e6eb8}
.caselist ul li:hover .text p{color:#fff;}



.newslist{width:100%;height:auto;margin:0 auto;background:#fff;margin-top:20px;clear:both;padding-bottom: 30px;padding-top:10px;}
.newslist ul{width:100%;height:auto;margin:0 auto;}
.newslist ul li{width: 22%;height: 300px;margin-top: 20px !important;position: relative;background: #fcfafa;float: left;margin-right: 3%;}
.newslist ul li img{width: 100%;height: 100%; }
.newslist ul li .img{display: block;width: 90%;height: 60%;overflow: hidden;margin: 5%;}
.newslist ul li .text{width: 90%;height: 30%;margin: 0 auto;}
.newslist ul li .text h1{width: 100%;line-height:1.5;float:left;color:#333;font-size:16px;letter-spacing:1px;font-weight:normal;}
.newslist ul li .text h1 a{color:#333;}
.newslist ul li .text font{width: 100%;height:35px;line-height:35px;text-align:right;color:#333;font-size:14px;}
.newslist ul li:hover .text h1 a{color:#fff}
.newslist ul li:hover .text font{color:#fff}
.newslist ul li:hover{box-shadow: 10px 10px 5px #ccc;background:#e72727;}



.news{width:100%;height: auto !important;margin:0 auto; background:none !important}
.news .img{width:100%;height:auto;margin:0 auto;text-align:center;margin-top: 15px;}
.news .img img{max-width:700px;height:auto;margin:0 auto;}



.messages{width:100%;height: auto !important;margin:0 auto;}
.messages .uk-form-row{width:500px;height:70px;margin:0 auto;line-height: 70px;font-size:18px;}
















/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:150px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar ul li a{color:#fff;}
.yb_bar ul li a:visited{color:#fff;}
.yb_bar .yb_top{background:#3155bc url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#3155bc url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#3155bc url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#3155bc url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



/*工具栏*/
.met_hits{ padding:0px 5px; height:35px; line-height:35px; margin-top:10px; border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;}
.met_hits a{ color:#666;}
.met_hits .metjiathis{ position:absolute; left:5px; top:8px;}
.met_page{ text-align:center;}
.met_page a{ margin-right:50px; color:#1C57C4; text-decoration:underline;}










.table-container
{
width: 100%;
overflow:auto;
}