html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input
{margin:0;padding:0;color:#333333;}
p{font-size: 14px;}
body{width:100%;font-size:12px;font-family:微软雅黑,Arial;background-color:#d6e4fe;}
a, a:link, a:visited {text-decoration: none; color: #333;}
em,i{ font-style: normal;}
li{list-style:none;}
img{border:none; max-width: 100%}
.clear{clear:both;}
.center{ text-align: center;}
input,textarea,select{outline:none;}


.ltop { width:100%; height:auto; padding:10px 0px;background: #fff;}
.ltop img { width:100%;}
.ltopr { width:50%; padding-left:0px;float:left;padding-top:5px;text-align: center;}
.ltopl { width:25%; float:left;padding-left:10px;padding-top:28px;text-align: left;}
.ltopl a{font-size:1.1em;line-height:1.3em;background: #5195f0;padding:4px 14px;overflow: hidden;color: #fff;border-radius:6px;}
.ltop2 { width:25%; padding-right:0px;float:right;padding-top:5px;}

/*nav*/
.lnav { width:100%; height:100px; background-color:#bc1a21;margin-top:2px;}
.lnav ul li { width:33.33%; height:50px; line-height:50px; font-size:12px; background:url(../images/shouji_15.jpg) repeat-x bottom; float:left; text-align:center;  }
.lnav ul li a { color:#fdfdfa; text-decoration:none; background:url(../images/shouji_11.jpg) repeat-y right; display:block;}

/*服务项目*/
.fwxm { width:100%; height:auto; margin-top:20px;}
.fwxm_nr { width:100%; height:auto; padding:5px 0px;background: #fff;}
.fwxm_nr ul {padding:0px 10px}
.fwxm_nr ul li { width:23%; height:auto; padding:1%; float:left; text-align:center; line-height:16px;}
.fwxm_nr ul li img{border:1px solid #d7d8d8;border-radius:50%; }
.fwxm_nr ul li .lzj { width:84%; margin:0px auto; text-align:center;}

/*关于我们*/
.lgywm { width:100%; height:auto; margin-top:20px;} 
.lgywm_title { width:100%; height:auto; }
.xian { width:100%; height:25px; border-bottom:1px solid #d7d8d8; }
.lwenzi { width:110px; height:auto; text-align:center; background-color:#FFF; margin:-10px auto 0px;}
.lwenzi p { font-size:12px; color:#333; line-height:1.6em;}
.lwenzi p strong { font-size:1.5em;color:#000;}
.lgywm_wz { width:100%; height:auto; padding:3% 0px;}
.lgywm_wz p { font-size:12px; line-height:1.8em; color:#333; padding:0px 10px; text-indent:0em;}
.lgywm_wz img{padding:0 3%;width:94%}


/*首页关于*/
.firstColbox{width:90%;height:auto;margin:0px auto;margin-top:20px;}

.firstColLeft{float:left;width:100%;height:auto;overflow:hidden;}
.firstColRight{float:left;width:100%;height:auto;overflow:hidden;text-align:left;padding:0px;overflow:hidden;}
.firstBoxList{width:100%;padding:10px 0px 0px 0px;}
.firstBoxList p{ text-indent:0px;color:#000;line-height:20px;font-size:12px;padding:5px 0;}
.firstBoxList h1{ text-indent:0px;color:#000;font-size:16px;line-height:36px;text-transform: uppercase;font-weight:600;padding-bottom:10px }
.firstBoxList h1 strong{color:#000;font-size:30px;line-height:40px;font-weight:600;}
.firstBoxList span{color:#000;font-size:12px;line-height:20px;text-transform: uppercase;font-weight: 100;}
.firstBoxList a{display:block;text-align: right;font-size:14px;color:#000;font-weight:bold;margin-top:20px;}

/*seach*/
.seachcol{width:100%;margin:20px auto;height:auto;overflow:hidden;background:url(../../images/seachbg.jpg) left center #f08336 no-repeat;padding-bottom:30px}
.seachcolbox{width:90%;height:auto;margin:0px auto;padding:5%;}
.seachcolbox .left{color:#fff;}
.seachcolbox .left h1{font-size:26px;line-height:40px;text-align:center;color:#fff;}
.seachcolbox .left p{font-size:14px;line-height:40px;text-align:center;color:#fff;}
.seachcolbox .right{margin-top: 10px;text-align:center;}
.seachcolbox .right .seach{text-align:left;width:98%;}
.seachcolbox .right .seach .slan{float:left;width:100%;height:45px;background:#002640;color: #fff;margin-left:0px;text-indent: 14px;font-size:18px;line-height: 30px;margin-bottom: 10px;}

/*工艺*/
.gongyicol{width:100%;height:100%;margin:20px auto 0px auto;overflow: hidden;}
.gongyicol .left{float:left;width:100%;height:260px;background:url(../../images/gy01.jpg) center center no-repeat;background-size:cover;}
.gongyicol .right{float:left;width:100%;height:260px;background:url(../../images/gy02.jpg) center center no-repeat;background-size:cover;}

.gongyicol .left .lgywm_title { width:80%; height:auto;margin:0px auto;}
.gongyicol .left .lwenzi { width:100%;height:auto; text-align:left;margin-top:40px;border-bottom:0px solid #e4e4e4;}
.gongyicol .left .lwenzi p {float: left; font-size:26px; width:100%;color:#fff;line-height:40px;font-weight:500;text-transform:none;}
.gongyicol .left .lwenzi p strong {float: left;font-size:32px;width:100%;color:#fff;line-height:36px;height:80px;padding:1% 0px;font-weight:600;}
.gongyicol .left .lwenzi dd{float: left;height:1px;overflow:hidden;width:100px;background:#fff;border-bottom:0px solid #de0412;margin:20px auto;text-align:left;}

.gongyicol .right .lgywm_title { width:80%; height:auto;margin:0px auto;}
.gongyicol .right .lwenzi { width:100%;height:auto; text-align:left;margin-top:40px;border-bottom:0px solid #e4e4e4;}
.gongyicol .right .lwenzi p {float: left; font-size:26px; width:100%;color:#fff;line-height:40px;font-weight:500;text-transform:none;}
.gongyicol .right .lwenzi p strong {float: left;font-size:32px;width:100%;color:#fff;line-height:36px;height:70px;padding:1% 0px;font-weight:600;}
.gongyicol .right .lwenzi dd{float: left;height:1px;overflow:hidden;width:100px;background:#fff;border-bottom:0px solid #de0412;margin:20px auto;text-align:left;}



/*footer */
.bottom{margin:0px auto;width:100%;height:auto;margin-top:0px;overflow:hidden;background:#fff}
.footlist{width:100%;margin:0px auto;height:auto;overflow:hidden;margin-bottom:0px;padding-top:0px;}

.footlistlink{width:90%;margin:0px auto;margin-bottom:30px;overflow:hidden;}
.footlistlink ul{float: left;padding-left:0%;margin:0px auto;width:33.33%;height:auto;text-align:center;border-left:0px solid #3b3f45;}
.footlistlink ul h3{height:40px;line-height:40px;font-size:16px;color:#0c5eb2;width:100%;margin-bottom:10px;padding-left:0px;}
.footlistlink ul li{width:100%; line-height:20px;margin-top:0px;font-size:12px;color:#000;padding-left:0px;}
.footlistlink ul li a:link,.footlistlink1 ul li  a:visited{color:#000;}
.footlistlink ul li a:hover{color:#000;}

.footlistlogo{float:left;width:100%;margin:20px auto;}
.footlistlogo ul{width:100%;margin-top:0px;height:auto;text-align:center;}
.footlistlogo ul li{line-height:24px;width:100%;color:#000;margin-top:20px;font-size:14px;}


.footer{width:100%; border-top:1px solid #ebebeb;height:auto;margin-bottom:70px;overflow:hidden;}  
.footerleft{width:90%;margin:20px auto;text-align:center;}
.footerleft p{font-size:12px;text-align:center;color:#000;line-height:14px;}
.footerleft p a:link,.footerleft p a:visited{color:#575757;padding-left:0px;padding-right:0px;line-height:14px;}
.footerleft p a:hover{color:#000;}
.footerleft span{line-height:20px;color:#000;text-align:center;}


/*内页banner*/
.mainbanner{width:100%;height:auto;margin-top:0px;position: relative;}
.mainbanner img{height: auto; width: auto\9; width:100%; }

/* 普通单页 */
.dayeCol{width:90%;margin:30px auto;}
.dayeCol p{text-align:left; font-size:14px; color:#858585; line-height:20px; text-indent:0px; padding:5px 0px;}
.dayeCol p strong{color:#3a3a3a;}
.dayeCol img{border:0px solid #ccc; margin:0px auto;margin:10px 0 10px 0px;}
.dayeCol p img{border:0px solid #ccc; margin:0px auto;margin:10px 0 10px 0px;}
.dayeCol .line{width:100%;height:1px;background:#e4e2e3;overflow:hidden;margin-top:15px;margin-bottom:15px;}


/*aboutphotocol*/
.aboutphotocol{width:90%;margin:30px auto;overflow:hidden;background:#000;}

.aboutphotocol ul{width:100%;margin-top:0px;}
.aboutphotocol ul li{float:left;margin-right:0px;margin-bottom:0px;*margin-bottom:0px!important;*margin-bottom:0px;}
.aboutphotocol ul li img{height:95px; width: auto\9; width:100%;}
.aboutphotocol ul li {display:block; width:33.33%;height:auto;}
.aboutphotocol ul li a:link img,.aboutphotocol ul li a:visited img{ border:0px solid #d8d8d8;padding:0px;background:#000; filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.aboutphotocol ul li a:hover img{border:0px solid #a3a3a3;padding:0px;background:#000; filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}


/*联系方式*/

.contactcolmesleft{width:90%;margin:0px auto;height: auto;overflow:hidden;}

.contactcolmesleft .contactcolmesleftcol{margin-top:0px;text-indent:0px;overflow:hidden;}
.contactcolmesleft .contactcolmesleftcol p{height:40px;text-align:left;width:100%;}
.contactcolmesleft .contactcolmesleftcol span{height:auto;text-align:left;width:100%;}
.contactcolmesleft .contactcolmesleftcol .register1{float:left;text-align:center;font-weight:bold;font-size:16px;line-height:45px;COLOR: #fff;width:90%; height:45px; background:#d60000; border:solid 1px #9d0000;margin-top: 20px;text-indent:0px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.contactcolmesleft .contactcolmesleftcol .input1{float:left;color:#696969;width:90%;background-color: #d0d0d0;height:32px;line-height:32px;text-align:left;BORDER-LEFT: #9b9b9b 1px solid;BORDER-RIGHT: #9b9b9b 1px solid;BORDER-TOP: #9b9b9b 1px solid;BORDER-BOTTOM: #9b9b9b 1px solid;margin-right: 20px; text-indent:10px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.contactcolmesleft .contactcolmesleftcol .input2{float:left;width:90%;color:#696969;background-color: #d0d0d0;height:32px;line-height:32px;text-align:left;BORDER-LEFT: #9b9b9b 1px solid;BORDER-RIGHT: #9b9b9b 1px solid;BORDER-TOP: #9b9b9b 1px solid;BORDER-BOTTOM: #9b9b9b 1px solid;margin-right: 20px; text-indent:10px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.contactcolmesleft .contactcolmesleftcol textarea{float:left;width:96%;background-color: #d0d0d0;color: #696969;height:200px;line-height:32px;text-align:left;BORDER-LEFT: #9b9b9b 1px solid;BORDER-RIGHT: #9b9b9b 1px solid;BORDER-TOP: #9b9b9b 1px solid;BORDER-BOTTOM: #9b9b9b 1px solid;text-indent:10px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.contactcolmesleft .title1{width:100%;text-align:left;margin:30px auto;BORDER-TOP:#d9d9d9 1px solid;padding: 10px auto;}
.contactcolmesleft .title1 p{width:100%;font-size:20px;line-height:60px;color:#3d4044;font-weight:bold;}
.contactcolmesleft .title1 ul{width:100%;text-align:left;}
.contactcolmesleft .title1 ul li{width:100%;text-align:left;line-height:25px;color:#686868;background:url(../../images/marker.gif) no-repeat left;text-indent:15px;}


/*改装案例*/
.casecolbox{margin:20px auto;width:100%;height:auto;overflow:hidden;text-align:left;}
.casecol{width:90%;margin:0px auto;}
.casecol ul{margin-top:0px;text-align:left;}
.casecol ul li{width:100%;height:auto;border-bottom:1px solid #eaeaea;margin-bottom:30px;overflow:hidden;}
.casecol ul li .caseleftimg{float:left;width:100%;height:auto;margin: 0px auto;overflow: hidden;}
.casecol ul li .caseleftimg img{width:100%;height:auto;cursor: pointer;transition: all 0.6s;filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
.casecol ul li .caseleftimg img:hover{transform: scale(1.4);filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}

.casecol ul li .caserightimg{float:left;width:100%;height:auto;margin:0px auto;overflow: hidden;text-align:left;}
.casecol ul li .caserightimg p{width:100%;font-size:14px;color:#737373;line-height:16px;padding:10px 0}
.casecol ul li .caserightimg dl{width:100%;height:auto;overflow: hidden;}
.casecol ul li .caserightimg dl dd{width:19.4%;height:auto;overflow: hidden;margin-right:0.6%;float:left;margin-bottom:0px;}
.casecol ul li .caserightimg dl dd a{display:block;}
.casecol ul li .caserightimg dl dd img{width:100%;height:55px;cursor: pointer;}
.casecol ul li .caserightimg dl dd img:hover{}

.casecol ul li .caserightimg span{width:100%;font-size:16px;line-height:65px;font-weight:bold;}
.casecol ul li .caserightimg span a{color:#cf0000;}


.casebottom{width:100%;height:50px;margin-top:30px;overflow:hidden;}

/*案例详情*/
.newscolshow{margin:20px auto;width:90%;height:auto;padding:0px;}
.newscolshow dl{width:100%;}
.newscolshow dl dd{width:33%;height:auto;overflow: hidden;margin-right:0.3%;float:left;margin-bottom:4px;}
.newscolshow dl dd a{display:block;}
.newscolshow dl dd img{width:100%;height:90px;cursor: pointer;transition: all 0.6s;}
.newscolshow dl dd img:hover{transform: scale(1.4);}
.newscolshow p{width:100%;text-align:center;font-size:16px;color:#737373;line-height:20px;padding: 0px 0 20px 0;}
.newscolshow span{float:left;width:100%;font-size:14px;height:80px;line-height:80px;font-weight:bold;text-align:center;}
.newscolshow span a:link,.newscolshow span a:visited{color:#fff;background:#f08336;padding:10px 45px 10px 45px;margin-right:10px;border-radius:6px;}
.newscolshow span a:hover{background:#0a5cb1;}


/*资讯*/
.newscollist{margin:0px auto;width:90%;height:auto;overflow:hidden;}
.newscollist ul{width:100%;margin-top:20px;}
.newscollist ul li{display:block;float:left;text-align:left;margin-right:0px;margin-bottom:20px;font-size:12px;width:100%;height:auto;background-image: linear-gradient(to right,#838383,#a3a3a3);}
.newscollist ul li p{float:left;text-align:left;width:90%;padding:5%;line-height:30px;font-size:12px;color:#fff;}
.newscollist ul li span{float:left;text-align:left;width:100%;line-height:20px;color:#fff;font-size:14px;height:42px;overflow:hidden;}
.newscollist ul li .secimg{width:100%;height:auto;border: #000 solid 0px;margin: 0px auto;overflow: hidden;}
.newscollist ul li .secimg img{width:100%;height:auto;cursor: pointer;transition: all 0.9s;}
.newscollist ul li:hover .secimg img{transform: scale(1.0);}
.newscollist ul li:hover{background-image: linear-gradient(to right,#f08336,#f08336);}


/*新闻内页*/
.newsdetail{width:90%;height: auto;margin:20px auto;}
.newsdetail .newstitle{line-height:20px;margin:0px auto;font-weight:800;font-size:16px;text-align:left;padding-bottom: 15px;}
.newsdetail dt{text-align:left;height:40px; font-size:12px;line-height:40px;color:#acacac;margin-bottom:5px;overflow:hidden;border-top:3px solid #f7f7f7;}
.newsdetail dt a{margin:0 5px}
.newsdetail dd{text-align:left;font-size:14px;line-height:22px;padding:0;}
.newsdetail dd p{font-size:14px;margin:10px 0}
.newsdetail dd p img{margin:0px auto;text-align:center;display: table-cell;vertical-align:middle;max-width:100%;height:auto;}

.newsdetail dl{width:100%;margin:0px auto;height:40px;margin-top:20px;text-align:left;}
.newsdetail dl a{padding:8px 20px 8px 20px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;border:1px solid #d5d5d5;}



/*更多按钮*/
.angd1 { width:100%; height:auto; padding:10px 0px; text-align:center;padding-bottom:40px}
.angd1 a { width:auto; height:40px; padding:0px 20px; color:#fff; display:block; font-size:14px; line-height:40px; border:1px solid #fff; border-radius:8px; display:inline-block; }

/*更多按钮*/
.angd { width:100%; height:auto; padding:10px 0px; text-align:center;}
.angd a { width:auto; height:40px; padding:0px 20px; color:#999; display:block; font-size:14px; line-height:40px; border:1px solid #d7d8d8; border-radius:8px; display:inline-block; }

.container{width: 100%; height: auto;}
.top{ height: 56px; line-height: 56px; background: #5d8fed;}
.top img{ max-height: 56px;}
.swiper-container{ text-align: center;border-top:0px solid #bc1a21;}
.swiper-container img{max-width: 100%;}
.swiper-pagination-bullet-active{ background:#5d8fed; }
.navlist{ width: 100%; box-sizing:border-box; padding: 10px 0; background: #fff; height: auto; overflow: hidden;}
.navlist li{ width: 25%; float: left; text-align: center;margin-bottom:8px}
.navlist li span{ display: block; width: 100%;}
.navlist li img{ width: 45px; height: 45px;}

/**/
.pro_banner{width:100%;height:auto;overflow:hidden;}
.pro_banner img{height: auto; width: auto\9; width:100%; }

.yw_title1{ margin-top:0px;overflow: hidden;background: #fff; }
.yw_title1 h1{color:#393939; text-align: center; text-transform: uppercase;font-size: 1.3rem;line-height:50px;}
.yw_title1 p{font-size:12px; text-align: center;}
.n_daohang1{text-align:center;width:100%;border-bottom:5px solid #eee; padding-bottom:10px;overflow: hidden;background: #fff;text-align: center;}

.n_daohang1 a{padding:2px 20px; background:#b8b8b8;color:#fff;font-size:0.8rem;line-height:25px;}
.n_daohang1 a:hover{background:#c13631;color:#fff; }
.n_daohang1 .current{background: #c13631;color:#fff;} 
.n_daohang1 .current a:link,.n_daohang1 .current a:visited{background: #c13631;color:#fff; } 


/*产品特性*/
.lgywm_wz { width:100%; height:auto; padding:3% 0px;}
.lgywm_wz p { font-size:1.2em; line-height:1.8em; color:#333; padding:0px 10px; text-indent:0em;}

.search_field{ width:300px; margin:20px auto;overflow:hidden;}
.search_field input{ float:left;}
.search_field input[type="text"]{background:none; background-color:white; width:228px; height:38px; font-size:15px; color:#969696; padding:0px 0px 0px 10px; border:1px solid #ff9600; margin-left:0; border-radius:0}
.search_field input[type="submit"]{ background:url(../images/index_ico.png) no-repeat 0 -73px; width:60px; height:40px; border:none; border-radius:0}


/*产品特性*/
.prospecl{ width: 100%; height: auto; overflow: hidden; padding:5px 0 0px 0; margin-top:0px; }
.prospecl h2{ text-align: center; font-size:26px; padding: 10px 0;color:#000;}
.prospecl .short-line{ text-align: center; height: 2px}
.prospecl .short-line span{ display:block; width:35px; height: 2px; background: #f7bd95; margin: 0px auto;}
.prospecl .protips{ padding: 10px;}
.prospecl .protips li{ line-height: 50px; height: 50px; padding-left: 6%; background: #f5f5f5; float: left; width: 48%; margin:0  1% 5px 1%; box-sizing:border-box;}
.prospecl .protips li img{ width: 30px; height: 30px; vertical-align: middle; margin-right: 10px;}


.index_news1b{width:100%; float: left; margin-top: 0px; margin-bottom:20px;}


.prospecl .news_view li{ height: auto; padding: 10px 10px; overflow: hidden;}
.prospecl .news_view li a{display: block;width: 100%;height: 4.5rem;}
.prospecl .news_view li .pic{ width: 5.5rem; height: 4.5rem; line-height: 4.5rem; margin-right: 10px; text-align: center; font-size: 0; float: left; }
.prospecl .news_view li .pic img{ vertical-align: middle; max-height: 4.5rem;}
.prospecl .news_view li .proAttr h3{ height: 30px; line-height: 30px; overflow: hidden;text-align:left;}
.prospecl .news_view li .proAttr .textfont{ font-size: 12px; color: #888;line-height: 16px;height: 32px;overflow: hidden;}


.onlinecol { width:100%; height:auto; padding:5% 0px;margin:0px auto;}
.onlinecol p {width:90.5%;margin:0 auto;font-size:1.2em;  color:#cfcfcf; padding:0px 0px;height:33px;border:1px solid #dddddd;background-color:white;overflow: hidden;text-align: center;margin-bottom:10px;border-radius:5px;}
.onlinecol p input{height:33px;border-radius:0px;width:70%;border:0px solid #d1d1d1; padding:0 0px;line-height:33px;color: #7d7d7d;}

.onlinecol span{width:100%;margin:0px auto;text-align: center;overflow: hidden;padding:0px 5%;}
.onlinecol span button{width:90%;border:0;height:55px;border-radius:5px;font-size:18px;margin-top:14px;margin:0px auto;cursor:pointer;color:#FFF;font-weight:800;background:#bc1a21}
.onlinecol span button:hover{background:#1b1b1b}



/*产品分类*/
.copclass{margin:0px auto;width:100%;height:auto;background:#c13631;margin-top:-3px;border-top:0px solid #b8b8b8;overflow:hidden;padding-bottom:10px;}
.copclass ul{padding:3% 2% 3% 2%;background:#c13631;}
.copclass ul li{float:left;text-align:left;margin-right:2%;width: 48%;border-bottom:1px solid #d34841;line-height:40px;}
.copclass ul li img{width:30px;height: auto}
.copclass ul li a{color:#fff;float:left;text-align:center;font-size:0.6rem;text-indent: 10px;}
.copclass ul li a:hover{}
.copclass .current{font-weight:bold;color:#fff;background:#8c0f0a;width:100%;text-align:left;}
.copclass .current a:link,.copclass .current a:visited{background:#8c0f0a;font-weight:bold;color:#fff;}

/*产品中心*/
.procenter{}
.procenter h3{ height: 39px; line-height: 39px; background: #fff; padding-left: 10px;}
.waterfall{background: #f5f5f5; -moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari 和 Chrome */column-count:2;-moz-column-gap: 1em;-webkit-column-gap: 0.3rem;column-gap: 0.3rem;padding: 0.5rem;}
.prolists li{padding: 0.5rem;margin: 0 0 0.3rem 0;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid; background: #fff;}
.prolists li .urlfont{font-size: 14px;}
/*产品详情*/
.discript{ height: auto; background: #fff; padding: 10px;}
.discript span{ display: block; width: 100%;}
.discript h1{font-size: 14px;color: #5d8fed;}
.discript .price{color: #ff3e3e;font-size: 18px;line-height: 30px;font-weight: 700;}
.disinfo-title{ height: 35px; line-height: 35px; margin-top: 10px; background: #fff; padding-left: 10px; font-size: 14px;}
.disinfo-title img{float: right;width: 20px;margin: 14px 10px 0px 0px;}
.disinfo-del{ background: #fff; color: #999; line-height: 1.9; padding: 0 10px;}
.disinfo-del p{ color: #999}
.samepro{ height: auto; background: #fff; margin-top: 10px;overflow: hidden;}
.samepro p{ font-size:14px; height: 40px; line-height: 40px; padding-left: 10px;}
.samepro ul{ padding: 0.3rem;}
.samepro ul li{ float: left; width: 31.3%; box-sizing:border-box; margin:0 1% 10px 1%;}
.samepro ul li .urlfont{display: block; color: #888; line-height: 16px; height: 32px; padding: 0 0.3rem; overflow: hidden;}

.newsbox{}
.newsbox h3{height: 40px; line-height: 40px; background: #fff; padding-left: 10px;}
.newsbox ul li{ margin: 5px 0; height: auto;overflow: hidden; padding: 10px; font-size: 14px; background-color: #fff;}
.newsbox ul li .newwrap{display: block; background: url(../images/return1.png) no-repeat; background-position: center right; background-size: 7px;}
.newsbox ul li span{ display:block; width: 90%;}
.newsbox ul li em{ display: block; width: 100%; color: #999;font-size: 12px;margin-top: 5px;}
.newsbox li .proAttr1 strong{ line-height: 34px; overflow: hidden;text-align:left;font-size: 14px;}
.newsbox li .proAttr1 .textfont{ font-size: 12px; color: #888;line-height: 16px;overflow: hidden;}

.newsdel-box{}
.newsdel-box .news_tit{ font-size: 16px; color: #333; padding: 10px; background: #fff;text-align: center;}
.newsdel-box .news_tit span{font-size: 12px;font-weight: normal;display: block;color: #888;margin-top: 5px;}
.dicript{ line-height: 1.9; background: #fff; padding: 15px;}
.dicript p{ text-indent: 0px;}
.share{line-height: 36px; margin: 5px 0; position: relative;text-align: center; background: #fff;padding: 10px;}
.share em{display: inline-block;font-size: 16px;background: #fff;padding: 2px 10px;}
.share hr{height: 0;margin-top: -20px;border-style: solid;border-color: #DBDBDB;border-width: 1px 0 0;margin-bottom: 20px;}
.share-btn{ padding: 10px 20px; border: 1px solid #2dbd42; border-radius: 5px; background: #2dbd42; color: #fff !important;}

.about-box{ background: #fff;padding: 15px;}
.about-box h1,.rongyu h3{ font-size: 16px; padding: 15px 0; text-align: center; color: #555;}
.about-box p{ font-size: 14px; line-height: 1.9;text-align:left;}
.about-box img{padding:5px 0;height: auto; width: auto\9; width:100%;}
.about-box .short-line,.rongyu .short-line{ text-align: center; height: 2px}
.about-box .short-line span,.rongyu .short-line span{ display:block; width:35px; height: 1px; background: #ffc231; margin: 0px auto;}
.rongyu{ padding-top:80px; background: url(../images/aboutbg.png) no-repeat;  background-position: top center; background-color: #fff;overflow: hidden;}
.rongyu h3{ color: #fff;}
.rongyu ul li{ width: 42%;margin: 5px 2%; padding: 2%; float: left;height: 145px;line-height: 141px; background: #fff; font-size: 0;}
.rongyu ul li img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.rongyu .short-line span{ background: #fff; }

.contact-box{ background: #fff; height: auto; overflow: hidden; padding-bottom: 15px;}
.contact-box h3{height: 40px; line-height: 40px; padding: 20px 0 0; background: #fff; text-align: center; font-size: 18px;}
.contact-box .short-line{ text-align: center; height: 2px; margin-bottom: 20px;}
.contact-box .short-line span{ display:block; width:35px; height: 1px; background: #ffc231; margin: 0px auto;}
.contact-box ul li{ float: left; width: 44%; margin: 5px 3%;}
.contact-box ul li dl dt{ text-align: center;}
.contact-box ul li dl dt img{ width: 60px; height: 60px;}
.contact-box ul li dl dd{ text-align: center;}
.contact-box ul li dl dd.font{ font-size: 16px;margin-bottom: 5px;}




/*导航弹出层 start*/
.iphone__item {
  width: 16.06em;
  height: 1em;
  position: absolute;
  bottom: -2em;
  color: #158f76;
  text-align: center;
  	
}
.iphone__power-btn {
  width: 2.188em;
  height: .188em;
  background: #e0e0e0;
  position: absolute;
  right: 2.5em;
  top: -0.188em;
}
.iphone__left-btn {
  width: .188em;
  height: 1.250em;
  top: 3.250em;
  left: -0.188em;
  position: absolute;
  background: #e0e0e0;
}
.iphone__left-btn:before {
  content: '';
  width: .188em;
  height: .875em;
  position: absolute;
  top: 3em;
  background: #e0e0e0;
}
.iphone__left-btn:after {
  content: '';
  width: .188em;
  height: .875em;
  position: absolute;
  top: 5.5em;
  background: #e0e0e0;
}
.iphone__details {
  width: .438em;
  height: .438em;
  border-radius: 100%;
  position: relative;
  top: 1.313em;
  left: 8em;
  background: #7c7c7c;
}
.iphone__details:before {
  content: '';
  width: 2.5em;
  height: .25em;
  border-radius: .25em;
  position: absolute;
  top: 1em;
  left: -1em;
  background: #7c7c7c;
}
.iphone__home-btn:before {
  content: '';
  width: .813em;
  height: .813em;
  border: .15em solid #a8a8a8;
  border-radius: .2em;
  position: absolute;
  top: .6em;
  left: .57em;
}
.iphone__content {
  position: relative;
  background-color: #D2527F;
  width: 100%;
  height: 100%;
}

.nav {
  position: absolute;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
	text-transform: uppercase; 
}
.nav__trigger { top:28px !important;}
.nav--active .nav {
  opacity: 1;
  background-color: #0c4e92;
  margin-left: -20px;
}
.nav--active .nav a{color:#fff;}
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 8px;
  top: 5px;
  z-index: 200; 
  padding:9px 5px 8px 8px;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}

.nav--active .nav__icon,.nav--active .nav__icon:after{background-color: #fff;background: #fff;}
.style-1 .nav--active .nav__icon:before{background-color: #fff;background: #fff;}

.nav__icon {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 2px;
  background-color: #5195f0;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 26px;
  height: 2px;
  position: absolute;
  background: #5195f0;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -8px;
}
.nav__icon:after {
  margin-top: 8px;
}

.style-1 .nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 106%;
  min-height: 100%; float:left; padding-bottom:600px;
}
.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.style-1 .nav--active .nav__link {
  opacity: 1;
}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*导航下拉 start*/
.accordion { margin:55px 0px 0 20px;}
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px;
	color: #fff;
	font-size: 16px; 
	text-align:center;
	border-bottom: 1px solid #3779bc;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.fa-angle-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #fff;
}

.accordion li.open i {
	color: #fff;
}
.accordion li.open i.fa-angle-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
ul.submenu {padding: 0px;}
.submenu { background-color:#646464;border-bottom: 1px solid #ADADAD;width:100%;}
.submenu {font-size: 14px;}
.submenu li {border-bottom: 0px solid #ADADAD; text-align:center;width:80%; margin:0 auto;margin-bottom:2px;}
.submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px; 
	font-size:14px;
	background: #585556; 
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }
 .submenu a:hover {
 	background: #6699ff;
 	color: #FFF;
 }
.fa-angle-down:before {
	content: "\f107"
}


.prottt{background: #fff;width: 100%;margin:0px auto;overflow: hidden;}
.protttcol{width: 90%;margin:0px auto;border:1px solid #ebebeb;margin-top: 30px;overflow: hidden;}

.prottt1{background: #fff;width: 100%;margin:0px auto;overflow: hidden;}
.prottt1col{width: 96%;margin:0px auto;border:1px solid #ebebeb;margin-top: 8px;overflow: hidden;}
/*产品详情*/
.discript{ height: auto; background: #fff; padding: 5%;border-top: 1px solid rgb(232, 232, 232);height:auto;margin-top: 30px;}
.discript span{ text-align: left;color: #696969;}
.discript h1{display: block; width: 100%; font-size: 16px;color: #5d8fed;line-height:48px;}
.discript .price{color: #ff3e3e;font-size: 18px;line-height: 30px;font-weight: 700;}
.discript p{width: 100%;line-height:28px;text-align: left;display: block; color: #b1b1b1;}

.samepro{ height: auto; background: #fff; margin-top: 1px;overflow: hidden;padding: 2%;}
.samepro p{ font-size:16px; height: 40px; line-height: 40px; padding-left: 10px;font-weight: bold;color: #5d8fed;}
.samepro ul{ padding: 0.3rem;}
.samepro ul li{ float: left; width: 48%; box-sizing:border-box; margin:0 1% 10px 1%;}
.samepro ul li .urlfont{display: block; color: #888; line-height: 16px; height: 32px; padding: 0 0.3rem; overflow: hidden;}

/*底部*/
.lbottom { width:100%; padding:10px 0px; height:180px;font-size:12px; color:#666; text-align:center; line-height:20px; border-top:0px solid #d7d8d8; overflow: hidden;}

/*footer*/
.lfooter { width:100%; height:70px; background-color:#242424; position:fixed; bottom:0px; z-index:50;padding-top:0px}
.lfooter ul li { width:24.5%; height:auto; float:left; text-align:center; padding:10px 0px;border-left:1px solid #000000;}
.lfooter ul li a { color:#FFF; line-height:12px; font-size:12px;}


.probottom{width:100%;height:30px;margin-top:20px;}
/*CSS quotes style pagination*/
DIV.quotes {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.quotes A {BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
DIV.quotes A:hover {BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes A:active {BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
DIV.quotes SPAN.current {BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0}
DIV.quotes SPAN.disabled {BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}

/*产品展示*/
.procollist {width:100%;height:100%;overflow:hidden;margin-top:20px;}
.procollist ul{}
.procollist ul li{ float:left;margin-left:2%;width:46%;margin-top:0px;border:0px solid #eeeeee;height:auto;overflow:hidden;margin-bottom: 10px;}
.procollist ul li a{ display:block; width:100%; height:auto; text-align:center;border:0px solid #eeeeee;display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block;}
.procollist ul li a:hover{border:0px solid #df5829;color: #df5829;font-weight: bold}

.procollist ul li .secimg{width:100%;height:auto;border: #e0e0e0 solid 0px;margin: 0px auto;overflow: hidden;}
.procollist ul li .secimg img{width:100%;height:120px;cursor: pointer;transition: all 0.9s;}
.procollist ul li .secimg img:hover{transform: scale(1.1);}
.procollist ul li p{text-align:center;width:96%;line-height:14px;padding:15px 2%;height:30px;overflow: hidden;}

.vidcollist {width:100%;height:100%;overflow:hidden;margin-top:6px;}
.vidcollist ul{}
.vidcollist ul li{ float:left;margin-left:2%;width:46%;margin-top:24px;border:0px solid #eeeeee;height:210px;overflow:hidden;}
.vidcollist ul li a{ display:block; width:100%; height:auto; text-align:center;border:0px solid #eeeeee;display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block;}
.vidcollist ul li a:hover{border:0px solid #df5829;color: #df5829;font-weight: bold}

.vidcollist ul li .secimg{width:100%;height:auto;border: #e0e0e0 solid 0px;margin: 0px auto;overflow: hidden;}
.vidcollist ul li .secimg img{width:100%;height:auto;cursor: pointer;transition: all 0.9s;}
.vidcollist ul li .secimg img:hover{transform: scale(1.1);}
.vidcollist ul li p{text-align:center;width:96%;line-height:14px;padding:15px 2%;height:30px;overflow: hidden;}

.tbottom { width:100%; height:30px;font-size:12px; color:#666; text-align:left; line-height:20px; border-bottom:10px solid #fafafa; overflow: hidden;height: auto; overflow: hidden;background-color: #fff;}
.tbottom p{padding:10px;}

.tbottom1 { width:100%; height:30px;font-size:12px; color:#666; text-align:left; line-height:20px; border-bottom:10px solid #fafafa; overflow: hidden;height: auto; overflow: hidden;background-color: #fff;}
.tbottom1 p{padding:10px;}


/**/
.downlist1{width:100%;height:auto;overflow:hidden;}
.downlist1 ul{padding:0 2%;}
.downlist1 ul li{float:left;width:100%;height:56px;border-bottom: 1px solid #eee;line-height:55px;background:url(../../images/dowbga.jpg) right  no-repeat;}
.downlist1 ul li a{display:block;text-align:left; text-indent:0px;color:#666;}
.downlist1 ul li p{width:80%;float: left; text-align:left;overflow: hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}
.downlist1 ul li a:hover{background:url(../../images/dowbgb.jpg) right #f5f5f5 no-repeat;}


.prodetail{margin: 0px auto;width:100%;height:auto;padding:0px;overflow: hidden;background: #fff;border-top: 0px solid rgb(232, 232, 232);}
.prodetail dl{width:100%;margin:0px auto;height:40px;margin-top:20px;text-align:center;}
.prodetail dl a{padding:8px 20px 8px 20px;-moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;border:1px solid #d5d5d5;}


.about_down1{width:100%;margin: 0px auto;margin-top:0px; font-size: 1.2rem;color:#666;text-align:left;background: #fff;}
.faqlist1{width:96%;margin: 0px auto;height:auto;overflow:hidden;}
.faqlist1 ul{margin-top:20px;padding-left:0%;}
.faqlist1 ul li{}
.faqlist1 ul li a{display:block;float:left;width:100%;height:auto;border-bottom: 1px solid #dddddd;font-weight:5100;padding-bottom:10px;margin-bottom:20px;color:#252525;}
.faqlist1 ul li a h1{background:#f5f5f5;padding:5px 10px 5px 10px;line-height:16px;font-size: 14px;font-weight:5100;color:#252525;border-top: 1px solid #dddddd;}
.faqlist1 ul li a p{padding:4px 10px;line-height:12px;font-size: 12px;font-weight: 500;margin-top:5px;}

.faqlist1 ul li a:hover{font-weight: 100;color:#252525;text-decoration:none;}
.faqlist1 ul li a:hover h1{background:#bc1a21;color:#fff;text-decoration:none;}


/*当屏幕宽度大于1200px时 */
@media screen and (min-width:768px) and (max-width:1024px)
{	
.ltop img { width:40%;}	
	

}

/*当屏幕宽度在901~1000px时 */
@media screen and (min-width:450px) and (max-width:767px)
{
.ltop img {width:40%;}
	

	
}

/*当屏幕宽度在600~900px时 */
@media screen and (max-width:400px)
{

}