.fl{float:left;}
.fr{float:right;}
.wrapper{width: 1200px;margin: 0 auto;}
.thumb{ overflow:hidden;}
.thumb img{ transition: all 0.3s;}
.thumb img:hover{ transform: scale(1.2);}

.project{width:100%;overflow:hidden;}


.topbar{background:#414446;height:34px;line-height:34px;overflow:hidden;}
.topbar .topsearch{float:right;position:relative;height:34px; line-height: 0;}
.topbar .hotline{font-size:12px;color:#fff;}
.topbar .hotline strong{color:#e45827; font-weight: bold;}
.topbar .topsearch .text{width:225px; padding-left:15px;height:34px;background:#696a6b;font-size:12px;color:#999;border:none;outline:0;}
.topbar .topsearch .btn{width:34px;height:34px;background:url(../images/search.png) no-repeat center #57595a;background-size:14px 14px;border:none;cursor:pointer;position:absolute;top:0;right:0;outline:0;}
.topbar .topsearch .text::-webkit-input-placeholder {color: #999;}
.topbar .topsearch .text:-moz-placeholder {color: #999;}
.topbar .topsearch .text::-moz-placeholder {color: #999; }
.topbar .topsearch .text:-ms-input-placeholder {color:#999;}


.header{background:#fff;height:100px;line-height:100px;}
.header .logo{float:left;padding-top:21px;}
.header .logo img{display:block;width:175px;height:58px;}
.header .nav{float:right;}

.fullSlide{ position:relative; margin:0 auto; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0;}
.fullSlide .bd li {position:relative; overflow:hidden;}
.fullSlide .bd li img{width:100%;display:block;}
.fullSlide .bd li a{ display:block; }
.fullSlide .hd {width:100%;position: absolute; height:10px;bottom:30px; text-align: center; font-size:0; z-index:1;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd li{margin: 0 4px; height:10px; overflow: hidden; width:10px; cursor: pointer;display:inline-block; *display:inline-block; zoom:1; border-radius:50px;border:1px solid #fff;}
.fullSlide .hd .on{ background: #fff; }


.indexPro{padding:35px 0;}
.indexPro ul li{float:left;width:288px;margin-right: 16px;}
.indexPro ul li:last-child{margin-right: 0;}
.indexPro .name{background:#0f6ab0;height:60px;line-height:60px;position:relative;}
.indexPro .name span{font-size:24px;color:#fff;margin-left:20px;}
.indexPro .name .posi{position:absolute;left: 20px;}
.indexPro .type1 .posi{transform: translate(0, 50%);}
.indexPro .type2 .posi{transform: translate(0, 75%);}
.indexPro .type2 .name{background:#d74b00;}
.indexPro .type3 .posi{transform: translate(0, 50%);}
.indexPro .type3 .name{background: #438fc9;}
.indexPro .type4 .posi{transform: translate(0, 75%);}
.indexPro .type4 .name{background: #e96118;}
.indexPro .pic{position:relative;height:220px;}
.indexPro .clearfix:nth-child(2){padding-top: 2%;}
.indexPro .pic img{display:block;margin:0 auto;width:100%;height:100%;}
.indexPro .pic .txt{ opacity:0;position:absolute; bottom:0;left:0;width:100%;z-index:10;}
.indexPro .pic .txt p{padding:0 10px;font-size:12px;color:#fff;line-height:25px;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.indexPro .pic .mask{ opacity:0;position:absolute;top:0;width:100%;height:100%;left:0;background:url(../images/mask.png) no-repeat center;background-size:100% 100%;z-index:9;}
.indexPro li:hover .txt{display:block; opacity:1;}
.indexPro li:hover .mask{display:block; opacity:1;}
.indexPro .link a{float:left;width:50%;height:60px;line-height:60px;font-size:14px;color:#fff;text-indent:30px;background:url(../images/moreicon.png) no-repeat 90% #5f6163;}
.indexPro .link a.pc{background-color:#414446;}
.indexPro .link a.on{background-color:#0f6ab0;}
.indexPro .link a:hover{background-color:#0f6ab0;}

.indexAbout{background:url(../images/about_bg.jpg) no-repeat center top;background-size:auto 100%;padding:40px 0;overflow:hidden;}
.indexAbout .aboutcont{float:right;background:url(../images/aboutbg.png) no-repeat center;background-size:100% 100%;width:600px;padding:50px 0;}
.indexAbout .aboutcont h5{font-size:24px;color:#333333;margin-left:50px;margin-bottom:30px;}
.indexAbout .aboutcont h5 span{color:#999999;margin-left:10px;}
.indexAbout .aboutcont .content{margin:0 50px;font-size:14px;color:#454545;line-height:30px;}
.indexAbout .aboutcont .moremod{margin:30px 50px 0;height:40px;}
.indexAbout .aboutcont .moremod a{ display:block; float:left;height:40px;line-height:40px; position:relative;width:150px;}
.indexAbout .aboutcont .moremod span{ display:block; float:left; background:#414446;width:110px;text-align:center;font-size:14px;color:#fff;}
.indexAbout .aboutcont .moremod i{ display:block; float:left; width:40px;height:40px;background:url(../images/goicon.png) no-repeat center #d74b00;background-size:17px 16px;position:absolute;top:0;right:0;}
.indexAbout .aboutcont .moremod a:hover span{color:#d74b00;}

.indexCont .tit{overflow:hidden;line-height:65px;}
.indexCont .tit h5{font-size:24px;color:#333333;float:left;}
.indexCont .tit .more{font-size:14px;color:#333333;float:right;}
.indexCont .tit .more:hover{ color: #d74b00;}
.indexCase{padding:35px 0;}
.indexCase ul li{float:left;width:25%;}
.indexCase ul li .item{position:relative;cursor:pointer;}
.indexCase ul li .pic{height:350px;overflow:hidden;}
.indexCase ul li .pic img{display:block;margin:0 auto;width:100%;height:100%;}
.indexCase ul li .mask{position:absolute;bottom:0;left:0;width:100%;height:145px;background:url(../images/mask.png) no-repeat center;background-size:100%;}
.indexCase ul li .txt{position:absolute;bottom:0;left:0;width:100%;}
.indexCase ul li .cont{padding:30px;position:relative;}
.indexCase ul li .cont h5{font-size:18px;color:#fff;padding-bottom:10px;border-bottom:1px solid #838688;}
.indexCase ul li .cont span{font-size:14px;color:#fff;margin-top:10px;display:inline-block;*display:inline;zoom:1;}
.indexCase ul li .cont i{display:inline-block;*display:inline;zoom:1;width:24px;height:11px;background:url(../images/moreicon.png) no-repeat center;position:absolute;bottom:30px;right:30px;}
.indexCase ul li .item:hover .mask{height:350px;background:url(../images/maskon.png) no-repeat center;background-size:100%;}
.indexCase ul li .item:hover .cont h5{border-bottom-color:#5e95c0;}

.indexNews{padding:40px 0;background:#f1f1f1;}
.indexNews ul{position:relative;margin-left:-20px;}
.indexNews ul li{float:left;width:50%;box-sizing:border-box;padding-left:20px;margin-bottom:20px;height:210px;overflow:hidden;}
.indexNews ul li .item{background:#fff;}
.indexNews ul li .pic{float:left;width:45%;height:210px;}
.indexNews ul li .pic img{display:block;margin:0 auto;width:100%;height:100%;}
.indexNews ul li .txt{float:right;width:47%;padding-right:3%;}
.indexNews ul li .txt h5{font-size:18px;color:#333;padding-top:20px;font-weight:bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.indexNews ul li .txt p{font-size:14px;color:#666666;padding:15px 15px 15px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.indexNews ul li .txt span{font-size:12px;color:#333333;}
.indexNews ul li:hover .txt h5{color:#0e6bae;text-decoration: underline;}

.foot{background:#292929;}
.foot .fottop{padding:65px 0;}
.foot .footnav{float:left;width:50%;}
.foot .footnav ul li{float:left;width:33.333%;}
.foot .footnav ul li h5{font-size:18px;color:#fff;margin-bottom:20px;}
.foot .footnav ul li a{font-size:14px;color:#cccccc;display:block; line-height: 30px;}
.foot .footnav ul li a:hover{ color: #d74b00;}
.foot .footnav .item img{ margin-right: 6px;}
.foot .fotcontact{float:left;width:50%;position:relative;}
.foot .fotcontact .ma{position:absolute;top:0;right:0;}
.foot .fotcontact .fotTel{position:relative;padding-left:60px;;}
.foot .fotcontact .fotTel span{font-size:14px;color:#cccccc;display:block;}
.foot .fotcontact .fotTel p{color: #d74b00; font-size:30px;}

.foot .copright{font-size:12px;background:#222222;height:80px;line-height:80px; color: #666;}
.foot .copright a{ color: #666;}
.foot .copright span{}
.foot .copright .share{float:right;}
.foot .copright .share img{display:inline-block;*display:inline;zoom:1;margin-left:10px;}

/* qqside */
.qqside{position:fixed;width:54px;height:275px;right:1px;top:214px;z-index:100;}
.qqside ul li{width:54px;height:54px;float:left;position:relative; margin-bottom: 1px;}
.qqside ul li .sidebox{position:absolute; width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#414446; color:#fff; font-size:16px; line-height:54px;overflow:hidden;}
.qqside ul li .sidetop{ display:inline-block; transition:all 0.3s; width:54px;height:54px; line-height:54px;background:#414446;}
.qqside ul li .sidetop:hover{background:#0f6ab0;}
.qqside ul li img{float:left;}
.qqside ul li .erweima{ position:absolute; width:0px; height:0px; right:52px; top:20px; opacity:0;filter:Alpha(opacity=0);}
.qqside ul li .erweima img{ width:100%;}
.qqside ul li .erweima .arrow{
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 5px solid #ccc;
    top: 50%;
    margin-top: -5px;
    right: -12px;
}

.proCenter .classfly{margin-bottom:65px;}
.proCenter .classfly .left{float:left;width:140px;background:#999999;padding:20px 0 10px;}
.proCenter .classfly .right{float:left;width:1060px;background:#f2f2f2;padding:20px 0 10px;}
.proCenter .classfly li{height:40px;line-height:40px;margin-bottom:10px;}
.proCenter .classfly .left li{font-size:16px;color:#fff;text-align:center;}
.proCenter .classfly .right ul{padding:0 30px;}
.proCenter .classfly .right span{display:inline-block;*display:inline;zoom:1;width:120px;font-size:14px;color:#000;text-align:center;margin-right:20px;}
.proCenter .classfly .right span.on{background:#1d9ed7;}

.proCenter .prolist{padding:0 25px;}
.proCenter .prolist ul{position:relative;margin-left:-20px;}
.proCenter .prolist ul li{float:left;width:20%;text-align:center;box-sizing:border-box;padding-left:20px;margin-bottom:50px;}
.proCenter .prolist ul li .pic{height:145px;width:100%;overflow:hidden;}
.proCenter .prolist ul li .pic img{display:block;margin:0 auto;width:100%;height:100%;}
.proCenter .prolist ul li .txt{padding-top:20px;}
.proCenter .prolist ul li .txt span{display:block;font-size:14px;color:#000;line-height:20px;}

.proCenter .prolist ul li:hover span{color:#0f6ab0;}
.prodetail{ background: #f7f7f7}
.prodetail .float{ position: fixed; top: 0px;}
.prodetail .pronav{ z-index:999;height:65px;line-height:65px;background:#d7d7d7;width: 100%;}
.prodetail .pronav h2{ font-size: 32px; color: #d74b00; font-family: "arial,helvetica,verdana";}
.prodetail .pronav ul{float:right;}
.prodetail .pronav ul li{float:left;width:150px; margin-left:5px;text-align:center;}
.prodetail .pronav ul li a{ display:block;font-size:16px;color:#000;}
.prodetail .pronav ul li:hover,.prodetail .pronav ul li.on{background:#1d9ed7;}
.prodetail .pronav ul li:hover a,.prodetail .pronav ul li.on a{ color: #fff;}

.prodetail .nav_map{ font-size: 14px; color: #999; background: #fff; border-bottom: 1px solid #f7f7f7; text-align: right; padding: 10px 0px; line-height: 45px;}
.prodetail .nav_map a{ color: #999;}
.prodetail .nav_map a:hover{ color:#0f6ab0;}
.prodetail01{background:url("../images/bottom_shade.png") repeat-x bottom center #fff;}
.prodetail02{ margin-top:20px; background: #fff; min-height: 500px;}
.prodetail .proimg_txt{ padding:30px 20px; box-sizing: border-box;}
.prodetail .proimg_txt h1{ font-size: 30px; color: #464646; padding: 20px 0px;}
.prodetail .proimg_txt .pic{float:right;width:525px; overflow: hidden;}
.prodetail .proimg_txt .pic img{display:block;margin:0 auto;width:100%;}
.prodetail .proimg_txt .txt{float:left;width:610px;padding-right:10px;}
.prodetail .proimg_txt .txt h5{font-size:22px;color:#000;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:10px;}
.prodetail .proimg_txt .txt .note{ line-height: 30px; color: #8f8f8f;}

.prodetail .proimg_txt .txt p{padding:25px 0;font-size:14px;color:#333;line-height:25px;}
.prodetail .proimg_txt .txt span{display:block;font-size:14px;color:#333;line-height:20px;}
.prodetail .proimg_txt .txt .consult{display:inline-block;*display:inline;zoom:1;margin-top:30px;width:160px;height:50px;line-height:50px;text-align:center;background:#0f6ab0;font-size:18px;color:#fff;}
.prodetail .proimg_txt .txt .consult:hover{ opacity: .85;}

.proimg_del .tit{text-align:center;padding:30px 0;}
.proimg_del .tit h5{font-size:20px;color:#000;font-weight:bold;padding-bottom:15px;}
.proimg_del .tit p{font-size:14px;color:#333;line-height:25px;}
.proimg_del .pic img{display:block;margin:0 auto;width:100%;margin-bottom:20px;}
.proimg_del ul li{margin-bottom:30px;}


/*liu*/
.y_banner img{display:block;margin:0 auto;width:100%;}
.y_title{padding: 30px 0 50px;}
.y_title i{display: block;width: 105px;height: 5px;background: #f2f2f2;}
.y_title h3{font-size: 18px;font-weight: 600;line-height: 40px;}

.y_about{}
.y_about h2{font-weight: 700;font-size: 28px;color: #333;}
.y_about .content{ padding: 20px 0px;}
.y_about .box .left{width: 300px;}
.y_about .box h4{margin: 0 0 14px 0;color: #333;font-size: 18px;font-weight: 600;line-height: 26px;}

.y_about .box .right{width: 750px;}
.y_about .box .right table{width:100%;border: 1px solid #eee;}
.y_about .box .right table td{font-size: 14px;color: #333;height: 33px;text-align: center;border: 1px solid #eee;}
.y_about .box .right table tr td:first-child{text-align: left;padding-left: 10px;}

.y_Download{margin-bottom:40PX;}
.y_Download .y_top{padding-bottom: 44px;}
.y_Download .y_top ul{margin: 0 auto;padding: 35px 0 35px 160px;background: #464646;}
.y_Download .y_top ul li{float: left;margin-right: 20px;padding: 10px 0;}
.y_Download .y_top ul li select{width:200px;height: 40px;border: 1px solid #eee;color: #333;line-height: 40px;background: #fff;font-weight: 600;font-size: 14px;}
.y_Download .y_top ul li input{width: 500px;height: 40px;background: #fff;font-size: 14px;padding: 0 15px;box-sizing: border-box;font-weight: 600;}
.y_Download .y_top ul li input::-webkit-input-placeholder {color: #333; text-overflow: ellipsis;}
.y_Download .y_top ul li input:-moz-placeholder {color: #333; text-overflow: ellipsis;}
.y_Download .y_top ul li input::-moz-placeholder {color: #333; text-overflow: ellipsis;} /* for the future */
.y_Download .y_top ul li input:-ms-input-placeholder {color:#333; text-overflow: ellipsis;}
.y_Download .y_top ul li button{width: 140px;line-height: 40px;background: #169bd5;border-radius:5px;overflow: hidden;font-size: 16px;text-align: center;color: #fff;border: none;margin-left: 7px;cursor: pointer;}
.y_Download .y_top ul li button:hover{background: #1082b4;}

.y_table{ width: 100%;}
.y_table h3{ font-weight: bold;}
.y_table td{border-bottom: 1px dashed #e0e0e0; color: #333; background: #f9f9f9; padding: 20px 20px;}
.y_table td .btn{ display: block; float: right; margin-right: 15px; width: 140px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;background: #cccccc;cursor: pointer;}
.y_table td .on{background: #1d9ed7; color: #fff;}
.y_table td.c{}

.product_details{ padding: 30px 80px; background: #fff; line-height: 1.8; color: #666;}

.about h2{font-weight: 700;font-size: 28px;color: #333;}
.about .content{ padding: 20px 0px;}

.contact{}
.contact h4{ font-weight: bold; padding: 10px 0px;}
.contact .content .tel_table{ width: 750px; padding-bottom: 20px;}
.contact .content .tel_table table{ width: 100%;}