/*头部样式*/
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}


/*主体样式*/
#container{width:1000px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}


/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:760px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}

/* 新的页面 */
.clearfix:after, .quality-list li:after, .xy-safeguard .safeguard-list:after, .xy-dz-three .xdt-title:after, .template-wrap .recommend-article .ra-list li:after, .page-news-lists li:after, .selected-case .sc-slide .bd ul:after, .ts-two .tst-slide .bd ul:after, .product-detail-top:after, .product-detail-top .pdt-left:after, .product-detail-body .pdb-title:after { content: ''; clear: both; display: table; }

.tow, .slide-pro .bdbd li .wz h3, .slide-pro .bdbd li .wz p, .xy-news .news-first h3, .xy-news .news-item-list li a, .xy-news .news-problem-list li h3, .about-page-four .apf-list li h3, .xy-dz-one .xdo-items ul li a, .xy-dz-two .xdt-wrap .xdt-item li h3, .page-news-lists li .wz h3, .ts-show .tss-slide .bd li p, .latest-case .lc-lists li h3, .relate-case ul li h3, .ppib-box .ppib-right li .wz h3, .ppib-box .ppib-right li .wz p, .p-pro-else .ppe-lists li p, .p-pro-news .ppn-list li h3, .p-pro-news .ppn-list li p, .relate-product .rp-slide .bd li .wz h3, .relate-product .rp-slide .bd li .wz p, .page-product-lists li h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.box-sizing, .tab-slide .hd li, .quality-list li .wz { box-sizing: border-box; }

.dib, .xy-head .head-right .logo-wz, .xy-head .head-right .head-phone, .xy-head .head-right .start-custom, .tab-slide .hd li { display: inline-block; vertical-align: middle; }

.container { width: 1400px; margin: 0 auto; }

.xy-top { background: #9a9a9a; font-size: 12px; color: #ffffff; font-family: "Microsoft YaHei", "Microsoft YaHei UI Light"; line-height: 20px; }
.xy-top .top-links a { color: #fff; }
.xy-top .top-links a:hover { color: #efefef; }

.xy-head { padding: 27px 0; }
.xy-head .logo a { display: block; display: block; text-align: center; width: 377px; height: 59px; }
.xy-head .logo a img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.xy-head .logo a:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.xy-head .head-right .logo-wz { font-size: 20px; color: #e61c34; padding-right: 20px; }
.xy-head .head-right .head-phone { font-size: 20px; color: #666; line-height: 1.35; border-left: 1px solid #e5e5e5; padding-left: 20px; margin-right: 15px; }
.xy-head .head-right .start-custom { width: 100px; text-align: center; background: #df2339; font-family: "Microsoft YaHei", "Microsoft YaHei UI Light"; font-size: 18px; color: #fff; line-height: 3; }

.xy-nav { border-top: 1px solid #f6f6f6; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); position: relative; z-index: 99; }
.xy-nav.fixed { position: fixed; left: 0; right: 0; top: 0; background: #fff; }
.xy-menu li { width: 12.5%; float: left; padding: 20px 0; position: relative; }
.xy-menu li > a { display: block; font-size: 18px; color: #6b6b6b; line-height: 1.6666666667; text-align: center; }
.xy-menu li > a:hover { color: #e60d26; }
.sub-menu { position: absolute; top: 100%; width: 100%; left: 0; background: #fff; padding: 15px 0; display: none; }
.sub-menu > a { display: block; text-align: center; font-size: 16px; color: #777777; line-height: 2.375; }
.sub-menu > a:hover { color: #e60d26; }

.xy-banner { position: relative; width: 1920px; height: 600px; left: 50%; margin-left: -960px; }
.xy-banner .bd img { width: 1920px; height: 600px; }
.xy-banner .hd { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; }
.xy-banner .hd li { display: inline-block; width: 52px; height: 3px; background: #fff; margin: 0 2.5px; cursor: pointer; font-size: 0; }
.xy-banner .hd li.on { background: #e61c34; }

.key-words { padding: 8px 0; }
.key-words .keys { font-size: 18px; color: #2f2f2f; line-height: 2.4444444444; }
.key-words .keys a { color: #7c7c7c; display: inline-block; padding-right: 10px; }
.key-words .xy-search #keyword { width: 242px; height: 42px; border: 1px solid #aea8a8; padding-left: 10px; font-size: 16px; float: left; outline: none; margin-right: 15px; color: #333; }
.key-words .xy-search #keyword::-webkit-input-placeholder { color: #cecece; opacity: 1; }
.key-words .xy-search #keyword:-moz-placeholder { color: #cecece; opacity: 1; }
.key-words .xy-search #keyword::-moz-placeholder { color: #cecece; opacity: 1; }
.key-words .xy-search #keyword:-ms-input-placeholder { color: #cecece; opacity: 1; }
.key-words .xy-search #s_btn { font-size: 20px; color: #fff; line-height: 2.2; background: #e61c34; float: right; outline: none; border: none; width: 100px; cursor: pointer; }

.hot-pro { padding: 70px 0 50px 0; background: #f6f6f6; }
.xy-title { text-align: center; }
.xy-title h3 { font-size: 44px; font-weight: bold; color: #5d5d5d; margin-bottom: 10px; }
.xy-title p { font-size: 18px; color: #999999; font-family: "Microsoft YaHei UI Light", "Microsoft YaHei"; }
.xy-title h5 { font-size: 20px; color: #777777; line-height: 1.8; margin: 0; }
.xy-title .fire { display: inline-block; background: url(../images/fire.png); width: 32px; height: 39px; }
.hot-pro .hot-pro-slide { margin-top: 40px; }
.hot-pro .hot-pro-slide .bd { margin: 0 -16.5px; }
.hot-pro .hot-pro-slide .bd li { float: left; margin: 0 16.5px; padding: 20px 0; }
.hot-pro .hot-pro-slide .bd li a { display: block; transition: all .5s ease; position: relative; }
.hot-pro .hot-pro-slide .bd li .img { display: block; text-align: center; width: 327px; height: 399px; }
.hot-pro .hot-pro-slide .bd li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.hot-pro .hot-pro-slide .bd li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.hot-pro .hot-pro-slide .bd li h3 { position: absolute; z-index: 9; left: 20px; right: 20px; bottom: 10px; font-size: 18px; color: #ffffff; line-height: 1.6666666667; font-weight: normal; text-align: center; }
.hot-pro .hot-pro-slide .bd li:hover a { box-shadow: 0 0 35px rgba(0, 0, 0, 0.29); }

.pro-tab { padding: 50px 0; background: #f6f6f6; }
.tab-slide { margin-top: 60px; }
.tab-slide .hd { text-align: center; font-size: 0; }
.tab-slide .hd li { margin: 0 15px; width: 120px; font-size: 18px; line-height: 2.3888888889; border: 1px solid #e2e2e2; background: #fff; cursor: pointer; }
.tab-slide .hd li a { color:#737373; }
.tab-slide .hd li.on { background: #e61c34; border-color: #e61c34; }
.tab-slide .hd li.on a {  color: #fff; }
.tab-slide .bd { margin-top: 95px; }
.slide-pro { position: relative; }
.slide-pro .arrow-prev, .slide-pro .arrow-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; background-color: #e2e2e2; background-repeat: no-repeat; background-position: center center; font-size: 0; }
.slide-pro .arrow-prev { background-image: url(../images/arrow-left.png); left: -66px; }
.slide-pro .arrow-next { background-image: url(../images/arrow-right.png); right: -66px; }
.slide-pro .bdbd { margin: 0 -8px;         overflow: overlay; }
.slide-pro .bdbd li { float: left; width: 267px; background: #fff; margin: 0 8px; padding-bottom: 10px; }
.slide-pro .bdbd li .img { position: relative; display: block; display: block; text-align: center; width: 100%; height: 300px; }
.slide-pro .bdbd li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.slide-pro .bdbd li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.slide-pro .bdbd li .img .tags { position: absolute; top: 12px; left: 12px; border: 1px solid #d2d2d2; border-radius: 3px; padding: 0 5px; font-size: 14px; color: #8d8d8d; line-height: 1.2857142857; }
.slide-pro .bdbd li .wz { text-align: center; margin-bottom: 10px; }
.slide-pro .bdbd li .wz h3 { font-size: 18px; color: #353535; font-weight: normal; margin-bottom: 5px; }
.slide-pro .bdbd li .wz p { font-size: 14px; color: #999999; font-family: "Microsoft YaHei","Microsoft YaHei UI Light"; }
.slide-pro .bdbd li .price { text-align: center; }
.slide-pro .bdbd li .price span { font-size: 22px; color: #b20a0a; line-height: 1.2272727273; }
.slide-pro .bdbd li .price a { width: 92px; font-size: 16px; color: #ffffff; line-height: 1.6875; background: #e61c34; display: none; }
.slide-pro .bdbd li:hover .price span { display: none; }
.slide-pro .bdbd li:hover .price a { display: inline-block; }

.xy-case { background: #f6f6f6; padding: 100px 0; }
.xy-case-list { margin-top: 65px; padding: 0 41px; }
.xy-case-list li { float: left; width: 425px; margin: 0 7px 10px 7px; }
.xy-case-list li a { position: relative; display: block; text-align: center; width: 100%; height: 291px; overflow: hidden; }
.xy-case-list li a img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.xy-case-list li a:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.xy-case-list li a img { transition: all .5s ease; }
.xy-case-list li h3 { position: absolute; z-index: 9; right: 10px; left: 10px; bottom: 0; text-align: right; font-weight: normal; font-size: 16px; color: #ffffff; line-height: 1.875; }
.xy-case-list li:hover img { transform: scale(1.05); }
.xy-more { text-align: center; margin-top: 35px; }
.xy-more a { display: inline-block; font-size: 16px; color: #999999; line-height: 2; padding: 0 15px; border: 1px solid #e2e2e2; background: #fff; }
.xy-more a:after { content: url(../images/more-arrow-g.png); margin-left: 5px; }
.xy-more a:hover { background: #e60d26; border-color: #e60d26; color: #fff; }
.xy-more a:hover:after { content: url(../images/more-arrow.png); }
.xy-more.hover a { background: #e60d26; border-color: #e60d26; color: #fff; }
.xy-more.hover a:after { content: url(../images/more-arrow.png); }

.xy-creation { background: #e7e7e7; padding: 100px 0; }
.creation-list { margin-top: 85px; }
.creation-list li { float: left; width: 223px; text-align: center; position: relative; }
.creation-list li:before { content: url(../images/bg1.png); position: absolute; bottom: -30px; left: 0; }
.creation-list li:not(:last-child) { margin-right: 68px; }
.creation-list li:not(:last-child):after { content: url(../images/icon-arrow.png); position: absolute; right: -60px; top: 50%; margin-top: -20px; }
.creation-list li a { position: relative; z-index: 2; display: block; background: #fff; height: 223px; border: 1px solid #d2d2d2; }
.creation-list li .icon { display: block; text-align: center; width: 100%; height: 115px; }
.creation-list li .icon img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.creation-list li .icon:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.creation-list li h3 { font-size: 26px; color: #aa4f4f; margin-bottom: 10px; font-weight: normal; }
.creation-list li p { font-size: 18px; color: #3a3a3a; line-height: 1.3333333333; }

.xy-quality { background: #fcfcfc; padding: 150px 0; }
.quality-list li .img { display: block; text-align: center; width: 700px; height: 490px; }
.quality-list li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.quality-list li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.quality-list li .wz { width: 700px; background: #f6f6f6; padding: 55px 75px; height: 490px; }
.quality-list li .wz h3 { font-size: 40px; color: #262626; line-height: 1.5; margin-bottom: 40px; }
.quality-list li .wz h3 span { display: inline-block; border-bottom: 6px solid #c50413; }
.quality-list li .wz p { font-size: 22px; color: #585757; line-height: 1.6363636364; }
.quality-list li .wz .more { margin-top: 60px; display: inline-block; font-size: 20px; color: #fff; line-height: 1.7; font-weight: bold; padding: 0 15px; background: #e70012; }
.quality-list li.even { text-align: right; }

.xy-choose { background: #fcfcfc; padding-bottom: 85px; }
.choose-list { margin: 70px -5px 0 -5px; }
.choose-list li { float: left; display: block; text-align: center; width: 223px; height: 120px; background: #f6f6f6; border: 1px solid #e5e5e5; margin: 0 5px 18px 5px; }
.choose-list li img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.choose-list li:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.xy-news { background: #f6f6f6; padding: 110px 0; }
.xy-news .news-item { width: 422px; float: left; margin-right: 65px; }
.xy-news .news-item .news-title { border-bottom: 1px solid #e3e3e3; margin-bottom: 30px; padding: 10px 0; }
.xy-news .news-item .news-title h3 { display: inline-block; font-size: 26px; color: #565656; }
.xy-news .news-item .news-title h3 img { display: inline-block; vertical-align: -5px; margin-right: 10px; }
.xy-news .news-item .news-title a { float: right; font-size: 18px; color: #999999; text-transform: uppercase; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; margin-top: 6px; }
.xy-news .news-item .news-title a:hover { color: #e60d26; }
.xy-news .news-first { position: relative; }
.xy-news .news-first .img { display: block; text-align: center; width: 422px; height: 264px; }
.xy-news .news-first .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.xy-news .news-first .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.xy-news .news-first h3 { position: absolute; bottom: 0; left: 0; right: 0; z-index: 9; background: rgba(0, 0, 0, 0.38); font-size: 18px; color: #ffffff; padding: 10px; font-weight: normal; }
.xy-news .news-item-list { background: #fff; padding: 5px 10px; }
.xy-news .news-item-list li { margin: 10px 0; }
.xy-news .news-item-list li a { display: block; font-size: 16px; color: #777; line-height: 1.875; }
.xy-news .news-item-list li a:before { content: ''; display: inline-block; width: 8px; height: 8px; background: #aaaaaa; border-radius: 50%; margin-right: 5px; vertical-align: 2px; }
.xy-news .news-item-list li a:hover { color: #e60d26; }
.xy-news .news-item-list li a:hover:before { background: #e60d26; }
.xy-news .news-problem { margin-right: 0; }
.xy-news .news-problem-list { background: #fff; padding: 1px 10px; }
.xy-news .news-problem-list li { padding: 14px 0; }
.xy-news .news-problem-list li:not(:last-child) { border-bottom: 1px solid #e5e5e5; }
.xy-news .news-problem-list li h3 { font-size: 20px; color: #717171; font-weight: normal; margin-bottom: 5px; }
.xy-news .news-problem-list li h3:before { content: ''; display: inline-block; width: 8px; height: 8px; background: #aaaaaa; border-radius: 50%; margin-right: 10px; vertical-align: 2px; }
.xy-news .news-problem-list li p { padding-left: 19px; font-size: 14px; color: #bfbfbf; line-height: 1.7857142857; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; height: 50px; overflow: hidden; }
.xy-news .news-problem-list li:hover h3 { color: #e60d26; }
.xy-news .news-problem-list li:hover h3:before { background: #e60d26; }

.xy-links { background: #f6f6f6; padding: 15px 0; }
.xy-links span { color: #000000; }
.xy-links a { font-size: 16px; color: #737373; display: inline-block; margin-left: 20px; }
.xy-links a:hover { color: #e60d26; }

.tonglan { background: #464646; padding: 60px 0; }
.tonglan .tl-nav { width: 790px; float: left; padding: 0 20px 0 80px; box-sizing: border-box; }
.tonglan .tl-nav dl { width: 20%; float: left; text-align: center; }
.tonglan .tl-nav dl dt,.tonglan .tl-nav dl dt >a { font-size: 22px; color: #ffffff; margin-bottom: 20px; line-height:1;font-family:'Microsoft YaHei'; }
.tonglan .tl-nav dl a { display: block; font-size: 16px; color: #ffffff; line-height: 1.875; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; }
.tonglan .tl-nav dl dd a:hover { color: #e60d26; }
.tonglan .tl-contact { width: 350px; float: left; padding: 20px 40px 20px 85px; border-left: 1px solid #797979; box-sizing: border-box; }
.tonglan .tl-contact .tl-logo { text-align: center; margin-bottom: 20px; }
.tonglan .tl-contact .tl-logo img { max-width: 100%; }
.tonglan .tl-contact .tl-cont p { background: #676767; border-radius: 5px; margin-bottom: 8px; padding: 10px; font-size: 20px; color: #ffffff; font-weight: bold; }
.tonglan .tl-contact .tl-cont p img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.tonglan .tl-ewm { float: left; margin-left: 35px; padding-top: 40px; text-align: center; }
.tonglan .tl-ewm p { font-size: 12px; color: #ffffff; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; }
.tonglan .tl-ewm p + p { margin-top: 10px; }

.footer { background: #676767; padding: 10px 0; font-size: 12px; color: #ffffff; line-height: 2.0833333333; }
.footer .ft-copy span { display: inline-block; margin: 0 10px; }
.footer a { color: #fff; }
.footer a:hover { color: #e60d26; }

.about-page-box { background: #f6f6f6; padding: 1px 0 80px 0; }
.about-page-box .about-page-title { margin-top: 80px; background: url(../images/about-title-bg.png) top center no-repeat; margin-bottom: 30px; }
.about-page-box .about-page-title .main-text { display: inline-block; font-size: 18px; color: #696969; width: 590px; vertical-align: middle; text-align: center; line-height: 1.8; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; margin-left: 45px; }
.about-page-box .about-page-title .main-wz p { font-weight: bold; font-size: 24px; color: #ffffff; line-height: 1.5; background: #4f4f4f; width: 214px; text-align: center; padding: 5px 0; display: inline-block; vertical-align: middle; margin-left: 50px; }
.about-page-box .about-page-title .main-wz h3 { display: inline-block; font-size: 36px; color: #fff; background: url(../images/about-title-wz-bg.png) center no-repeat; width: 146px; height: 154px; box-sizing: border-box; padding: 40px 0 0 44px; vertical-align: middle; }
.about-page-box:nth-of-type(even) { background: #dfdfdf; }
.about-page-box:nth-of-type(even) .about-page-title { background: url(../images/about-title-bg-w.png) top center no-repeat; }
.about-page-box .img img { max-width: 100%; }
.sigle-about-sort { background: #f6f6f6; }
.sigle-about-sort .page-sort { padding-top: 60px; text-align: center; }
.sigle-about-sort .page-sort li { display: inline-block; margin: 0 5px; border: 1px solid #d2d2d2; }
.sigle-about-sort .page-sort li a { display: block; padding: 5px 25px; font-size: 16px; color: #999999; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; }
.sigle-about-sort .page-sort li.on, .about-page-box .page-sort li:hover { background: #e61c34; border-color: #e61c34; }
.sigle-about-sort .page-sort li.on a, .about-page-box .page-sort li:hover a { color: #fff; }
.sigle-about-contact { padding: 40px 0; background: #f6f6f6; }
.apo-box .apo-left { width: 860px; float: left; }
.apo-box .apo-left .text { font-size: 18px; color: #999999; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; line-height: 1.8; margin-bottom: 35px; padding-left: 55px; }
.apo-box .apo-left .text b { color: #545454; }
.apo-box .apo-right { width: 510px; float: right; }
.apo-box .apo-right img { max-width: 100%; }

.about-page-two .about-page-title { padding-left: 213px; }
.about-page-two .apt-left { width: 630px; float: left; }
.about-page-two .apt-left .text { font-size: 18px; color: #5b5959; text-align: center; line-height: 1.8; margin-bottom: 50px; }
.about-page-two .apt-right { width: 745px; float: right; }
.about-page-two .apt-right img { max-width: 100%; }

.about-page-three .about-page-title { padding-left: 426px; }
.about-page-three .apth-box .text { text-align: center; font-size: 18px; color: #999999; line-height: 1.8; margin-bottom: 35px; }
.about-page-three .apth-box .img img + img { margin-left: 17px; }

.about-page-four .about-page-title .main-wz { display: inline-block; vertical-align: middle; }
.about-page-four .apf-list { margin: 0 -10px; }
.about-page-four .apf-list li { float: left; width: 455px; margin: 0 9px 40px 9px; }
.about-page-four .apf-list li .img { display: block; text-align: center; width: 455px; height: 316px; }
.about-page-four .apf-list li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.about-page-four .apf-list li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.about-page-four .apf-list li h3 { text-align: center; font-size: 24px; color: #4f4f4f; line-height: 2; font-weight: normal; }

.about-page-fire .about-page-title .main-text { margin-right: 215px; padding-top: 10px; }
.about-page-fire .about-page-title .main-wz { display: inline-block; vertical-align: middle; }
.about-page-fire .apf-list { margin: 0 16px; }
.about-page-fire .apf-list li { float: left; margin: 0 1px 2px 1px; }
.about-page-fire .apf-list li a { display: block; background: #fff; display: block; text-align: center; width: 226px; height: 102px; }
.about-page-fire .apf-list li a img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.about-page-fire .apf-list li a:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.xy-safeguard { background: #fff; padding: 130px 0; }
.xy-safeguard .safeguard-list { margin-top: 50px; }
.xy-safeguard .safeguard-list li { display: block; text-align: center; width: 280px; height: 342px; float: left; position: relative; }
.xy-safeguard .safeguard-list li img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.xy-safeguard .safeguard-list li:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.xy-safeguard .safeguard-list li .wz { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; padding: 50px 0; text-align: center; color: #ffffff; }
.xy-safeguard .safeguard-list li .wz h3 { font-size: 44px; margin-bottom: 25px; }
.xy-safeguard .safeguard-list li .wz p { font-size: 18px; line-height: 1.8; }

.xy-dz-one { background: #fff; padding: 30px 0 60px 0; }
.xy-dz-title { margin-bottom: 60px; line-height: 1; }
.xy-dz-title h3 { float: left; font-size: 32px; color: #5d5d5d; }
.xy-dz-title .zy-dz-sort { float: right; margin-top: 5px; }
.xy-dz-title .zy-dz-sort li { display: inline-block; vertical-align: middle; }
.xy-dz-title .zy-dz-sort li a { font-size: 18px; color: #5d5d5d; line-height: 1.3888888889; padding: 0 10px; }
.xy-dz-title .zy-dz-sort li a:hover { color: #e60d26; }
.xy-dz-title .zy-dz-sort li + li { border-left: 1px solid #d8d8d8; }
.xy-dz-one .xdo-items { width: 456px; float: left; margin-right: 16px; }
.xy-dz-one .xdo-items:last-child { margin-right: 0; }
.xy-dz-one .xdo-items .img { display: block; text-align: center; width: 456px; height: 298px; margin-bottom: 10px; }
.xy-dz-one .xdo-items .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.xy-dz-one .xdo-items .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.xy-dz-one .xdo-items ul li a { font-size: 16px; color: #999999; line-height: 1.875; display: block; }
.xy-dz-one .xdo-items ul li a:before { content: ''; display: inline-block; width: 6px; height: 6px; background: #5b5b5b; border-radius: 50%; margin-right: 10px; vertical-align: 2px; }
.xy-dz-one .xdo-items ul li a:hover { color: #e60d26; }
.xy-dz-one .xdo-items ul li a:hover:before { background: #e60d26; }

.xy-dz-two { padding: 80px 0; background: #fff; }
.xy-dz-two .xdt-wrap .xdt-img { width: 455px; float: left; display: block; text-align: center; width: 455px; height: 430px; margin-right: 15px; }
.xy-dz-two .xdt-wrap .xdt-img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.xy-dz-two .xdt-wrap .xdt-img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.xy-dz-two .xdt-wrap .xdt-item { width: 460px; float: right; }
.xy-dz-two .xdt-wrap .xdt-item li { border-bottom: 2px solid #eeeeee; padding: 10px 0 20px 0; }
.xy-dz-two .xdt-wrap .xdt-item li:not(:last-child) { margin-bottom: 30px; }
.xy-dz-two .xdt-wrap .xdt-item li h3 { font-size: 20px; color: #494949; font-weight: normal; margin-bottom: 10px; }
.xy-dz-two .xdt-wrap .xdt-item li h3:before { content: ''; display: inline-block; margin-right: 10px; vertical-align: 4px; width: 6px; height: 6px; background: #5b5b5b; border-radius: 50%; }
.xy-dz-two .xdt-wrap .xdt-item li p { font-size: 14px; color: #949494; line-height: 2; height: 56px; overflow: hidden; padding-left: 15px; }
.xy-dz-two .xdt-wrap .xdt-item li:hover h3 { color: #e60d26; }
.xy-dz-two .xdt-wrap .xdt-item li:hover h3:before { background: #e60d26; }

.xy-dz-three { padding-bottom: 140px; background: #fff; }
.xy-dz-three .xdt-item { width: 453px; float: left; }
.xy-dz-three .xdt-item:not(:last-child) { margin-right: 18px; }
.xy-dz-three .xdt-title { margin-bottom: 20px; }
.xy-dz-three .xdt-title h3 { float: left; font-size: 32px; color: #5d5d5d; }
.xy-dz-three .xdt-title h3 img { margin-right: 5px; display: inline-block; vertical-align: -4px; }
.xy-dz-three .xdt-title a { float: right; font-size: 18px; color: #a2a2a2; margin-top: 9px; }
.xy-dz-three .xdt-title a:hover { color: #e60d26; }
.xy-dz-three ul li a { font-size: 16px; color: #999999; line-height: 1.875; }
.xy-dz-three ul li a:before { content: ''; display: inline-block; width: 5px; height: 5px; background: #5b5b5b; border-radius: 50%; margin-right: 10px; vertical-align: 2px; }
.xy-dz-three ul li a:hover { color: #e60d26; }
.xy-dz-three ul li a:hover:before { background: #e60d26; }

.xy-dz-four { padding-bottom: 115px; background: #fff; }
.xy-dz-four .xdf-title { margin-bottom: 60px; }
.xy-dz-four .xdf-title:after, .xy-dz-four .xdf-title:before { content: ''; display: inline-block; vertical-align: middle; height: 1px; width: 620px; background: #e5e5e5; }
.xy-dz-four .xdf-title span { font-size: 32px; color: #5d5d5d; font-weight: bold; display: inline-block; vertical-align: middle; padding: 0 15px; }
.xy-dz-four .xdf-list { margin-bottom: 30px; }
.xy-dz-four .xdf-list li { float: left; margin: 0 15px 15px 0; }
.xy-dz-four .xdf-list .li2, .xy-dz-four .xdf-list .li4 { margin-right: 0; }
.xy-dz-four .xdf-list .li0, .xy-dz-four .xdf-list .li1, .xy-dz-four .xdf-list .li2 { display: block; text-align: center; width: 456px; height: 298px; }
.xy-dz-four .xdf-list .li0 img, .xy-dz-four .xdf-list .li1 img, .xy-dz-four .xdf-list .li2 img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.xy-dz-four .xdf-list .li0:after, .xy-dz-four .xdf-list .li1:after, .xy-dz-four .xdf-list .li2:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.xy-dz-four .xdf-list .li3, .xy-dz-four .xdf-list .li4 { display: block; text-align: center; width: 692px; height: 298px; }
.xy-dz-four .xdf-list .li3 img, .xy-dz-four .xdf-list .li4 img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.xy-dz-four .xdf-list .li3:after, .xy-dz-four .xdf-list .li4:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.xy-dz-four .xdf-more { text-align: center; }
.xy-dz-four .xdf-more a { display: inline-block; font-size: 16px; color: #fefefe; padding: 7px 25px; background: #e70012; font-weight: bold; }

.page-bannerm, .n_banner { width: 1920px; position: relative; height: 400px; left: 50%; margin-left: -960px; }
.page-bannerm img, .n_banner img { width: 1920px; height: 400px; }

.template-wrap { background: #f6f6f6; padding: 30px 0 100px 0; }
.template-wrap .container { padding: 0 30px; }
.bread-menu { font-size: 18px; color: #999999; line-height: 1.6666666667; font-family: "Microsoft YaHei UI Light", "Microsoft YaHei"; margin-bottom: 10px; }
.bread-menu a { color: #5f5f5f; }
.bread-menu a:hover { color: #e60d26; }
.template-box { margin-top: 15px; }
.template-box .template-left { width: 900px; float: left; margin-right: 10px; background: #fff; min-height: 1px; }
.template-box .template-right { width: 420px; float: left; min-height: 1px; }
.article-text { padding: 30px; font-size: 14px; color: #999999; line-height: 1.7142857143; }
.template-wrap .demand-form { padding: 20px; background: #fff; }
.template-wrap .demand-form > h3 { font-size: 36px; color: #444444; font-weight: normal; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; }
.template-wrap .demand-form > h3 span { font-size: 24px; display: block; }
.template-wrap .demand-form form { margin-top: 20px; }
.template-wrap .demand-form #content { width: 100%; height: 100px; resize: none; border: 1px solid #dfdfdf; box-sizing: border-box; font-family: "Microsoft YaHei"; padding: 5px; outline: none; }
.template-wrap .demand-form #content::-webkit-input-placeholder { color: #d5d5d5; opacity: 1; }
.template-wrap .demand-form #content:-moz-placeholder { color: #d5d5d5; opacity: 1; }
.template-wrap .demand-form #content::-moz-placeholder { color: #d5d5d5; opacity: 1; }
.template-wrap .demand-form #content:-ms-input-placeholder { color: #d5d5d5; opacity: 1; }
.template-wrap .demand-form .input-g { margin-top: 15px; border: 1px solid #dfdfdf; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; padding: 0 10px; }
.template-wrap .demand-form .input-g span { display: inline-block; vertical-align: middle; font-size: 16px; color: #636363; line-height: 40px; }
.template-wrap .demand-form .input-g input[type="text"] { display: inline-block; vertical-align: middle; width: 250px; height: 40px; border: none; outline: none; }
.template-wrap .demand-form .code-g { margin-top: 15px; position: relative; }
.template-wrap .demand-form .code-g #checkcode { width: 130px; border: 1px solid #dfdfdf; height: 33px; padding-left: 70px; }
.template-wrap .demand-form .code-g span { position: absolute; left: 10px; top: 0; font-size: 16px; color: #636363; line-height: 33px; }
.template-wrap .demand-form .sub-mit { display: block; margin: 17px auto 0 auto; width: 126px; height: 37px; font-size: 18px; color: #ffffff; font-family: "Microsoft YaHei UI Light"; border: none; background: #e61c34; }
.template-wrap .maybe-love { background: #fff; margin-top: 13px; padding: 20px; }
.template-wrap .maybe-love > h3 { font-size: 20px; color: #6e6e6e; font-weight: normal; margin-bottom: 15px; }
.template-wrap .maybe-love .ml-list li { float: left; width: 50%; }
.template-wrap .maybe-love .ml-list li a { text-decoration: underline; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; font-size: 16px; color: #7a7a7a; line-height: 2.1875; }
.template-wrap .recommend-article { background: #fff; margin-top: 13px; padding: 20px; }
.template-wrap .recommend-article > h3 { font-size: 20px; color: #6e6e6e; font-weight: normal; margin-bottom: 20px; }
.template-wrap .recommend-article .ra-list li:not(:last-child) { margin-bottom: 20px; }
.template-wrap .recommend-article .ra-list li .img { display: block; text-align: center; width: 140px; height: 87px; float: left; margin-right: 10px; }
.template-wrap .recommend-article .ra-list li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.template-wrap .recommend-article .ra-list li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.template-wrap .recommend-article .ra-list li .wz { overflow: hidden; }
.template-wrap .recommend-article .ra-list li .wz h3 { font-size: 18px; color: #555555; line-height: 1.5; font-weight: normal; height: 60px; overflow: hidden; margin-bottom: 5px; }
.template-wrap .recommend-article .ra-list li .wz p { font-size: 16px; font-family: "Microsoft YaHei UI Light", "Microsoft YaHei"; color: #999999; }
.template-wrap .custom-ad li { margin-top: 13px; }
.template-wrap .custom-ad li a { display: block; text-align: center; width: 420px; height: 280px; display: block; }
.template-wrap .custom-ad li a img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.template-wrap .custom-ad li a:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.news-wrap { padding: 30px; }

.page-news-lists { margin-bottom: 30px; }
.page-news-lists li { padding: 30px 0; border-bottom: 1px dashed #e2e2e2; }
.page-news-lists li:last-child { padding-bottom: 0; }
.page-news-lists li:first-child { padding-top: 0; }
.page-news-lists li .img { display: block; text-align: center; width: 212px; height: 130px; float: left; margin-right: 20px; }
.page-news-lists li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.page-news-lists li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.page-news-lists li .wz { overflow: hidden; }
.page-news-lists li .wz h3 { font-size: 20px; color: #555555; margin-bottom: 15px; }
.page-news-lists li .wz p { font-size: 12px; color: #999999; line-height: 1.75; height: 42px; overflow: hidden; margin-bottom: 15px; }
.page-news-lists li .tags a { display: inline-block; font-size: 12px; color: #bdbdbd; margin-right: 10px; text-decoration: underline; cursor: pointer;}
.page-news-lists li .tags a:hover { color: #e60d26; }
.page-news-lists li:hover .wz h3 a { color: #e60d26; }

.page-news-detail-wrap { padding: 35px 50px; background: #fff; }
.page-detail-con .detail-title { border-bottom: 1px dashed #e2e2e2; position: relative; margin-bottom: 40px; }
.page-detail-con .detail-title h1 { padding-right: 210px; padding-bottom: 15px; font-size: 28px; color: #555555; line-height: 1.4285714286; }
.page-detail-con .detail-title .share-wrap { position: absolute; right: 0; top: 15px; }
.page-detail-con .detail-title .share-wrap span, .page-detail-con .detail-title .share-wrap a { display: inline-block !important; vertical-align: middle; }
.page-detail-con .detail-title .share-wrap span { font-size: 12px; color: #bfbfbf; font-family: "Microsoft YaHei UI Light"; margin-right: 10px; }
.page-detail-con .detail-title .share-wrap a, .page-detail-con .detail-title .share-wrap .bshareDiv { width: 52px !important; height: 19px !important; background: url(../images/share.png) !important; overflow: hidden !important; font-size: 0 !important; }
.page-detail-con .detail-title .share-wrap a div, .page-detail-con .detail-title .share-wrap .bshareDiv div { background: transparent !important; }
.page-detail-con .article-text { padding: 0; margin-bottom: 40px; }
.page-detail-con .article-text img, .page-detail-con .article-text p img { max-width: 100%; }
.page-detail-con .prev-next li { font-size: 14px; color: #666; line-height: 1.7857142857; }
.page-detail-con .prev-next li:hover a { color: #e60d26; }
.relate-news { margin-top: 50px; }
.relate-news > h3 { margin-bottom: 25px; }
.relate-news > h3:after, .relate-news > h3:before { content: ''; display: inline-block; vertical-align: middle; width: 320px; height: 2px; background: #e5e5e5; }
.relate-news > h3 span { display: inline-block; vertical-align: middle; font-size: 24px; color: #5d5d5d; padding: 0 8px; }
.relate-news ul { margin: 0 13px; }
.relate-news li { width: 248px; float: left; margin: 0 5px 20px 5px; }
.relate-news li .img { display: block; text-align: center; width: 248px; height: 162px; }
.relate-news li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.relate-news li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.relate-news li h3 { font-weight: normal; font-size: 16px; color: #555555; line-height: 1.5; height: 48px; overflow: hidden; }
.relate-news li:hover h3 { color: #e60d26; }

.selected-case { background: #f4f4f4; padding: 115px 0; }
.p-case-title { text-align: center; margin-bottom: 45px; }
.p-case-title h3 { font-size: 44px; color: #5d5d5d; }
.p-case-title p { font-size: 20px; margin-top: 10px; color: #757575; }
.selected-case .sc-slide .hd { font-size: 0; text-align: center; margin-bottom: 75px; }
.selected-case .sc-slide .hd li { display: inline-block; font-size: 16px; color: #999999; line-height: 2; padding: 0 25px; border: 1px solid #e2e2e2; margin: 0 5px; cursor: pointer; }
.selected-case .sc-slide .hd li.on { background: #e61c34; color: #fff; border-color: #e61c34; }
.selected-case .sc-slide .bd ul { margin: 0 -4px; }
.selected-case .sc-slide .bd li { margin: 0 3px 6px 3px; display: block; text-align: center; width: 345px; height: 232px; float: left; position: relative; overflow: hidden; }
.selected-case .sc-slide .bd li img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.selected-case .sc-slide .bd li:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.selected-case .sc-slide .bd li img { transition: all .5s ease; }
.selected-case .sc-slide .bd li p { position: absolute; right: 15px; left: 15px; text-align: right; bottom: 25px; font-size: 20px; color: #ffffff; line-height: 1.5; }
.selected-case .sc-slide .bd li:hover img { transform: scale(1.05); }

.ts-show { padding: 80px 150px; background: #f4f4f4; }
.ts-show.ccdcd { padding: 80px 0; }
.ts-show .tss-slide { position: relative; }
.ts-show .tss-slide .prev, .ts-show .tss-slide .next { position: absolute; z-index: 999; width: 47px; height: 47px; background-color: #e2e2e2; top: 50%; margin-top: -23px; background-position: center center; background-repeat: no-repeat; }
.ts-show .tss-slide .prev { background-image: url(../images/arrow-left.png); left: 0; }
.ts-show .tss-slide .next { background-image: url(../images/arrow-right.png); right: 0; }
.ts-show .tss-slide .bd li { float: left; width: 319px; margin: 0 10px; }
.ts-show .tss-slide .bd li .img { display: block; text-align: center; width: 325px; height: 315px; margin-bottom: 15px; }
.ts-show .tss-slide .bd li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.ts-show .tss-slide .bd li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.ts-show .tss-slide .bd li p { text-align: center; font-size: 16px; color: #606060; line-height: 2.1875; }
.ts-show .tss-slide .bd li a { display: block;
    text-align: center;
    width: 325px;
    height: 315px;
    margin-bottom: 15px; }
.ts-show .tss-slide  h3{ display: block; margin: 0 auto; width: 120px; text-align: center; line-height: 34px; background: #e61c34; font-size: 14px; color: #fff; line-height: 2.125; }

.ts-one { background: #ebebeb; padding: 110px 0; }
.ts-one .tso-title { font-size: 50px; color: #5d5d5d; text-align: center; margin-bottom: 60px; font-weight: bold; }
.ts-one .tso-lists { font-size: 0; text-align: center; }
.ts-one .tso-lists li { width: 325px; display: inline-block; vertical-align: middle; }
.ts-one .tso-lists li:not(:last-child) { border-right: 1px solid #b7b7b8; }
.ts-one .tso-lists li h3 { font-size: 100px; color: #5d5d5d; }
.ts-one .tso-lists li h4 { font-size: 28px; color: #5d5d5d; font-weight: normal; margin-bottom: 10px; }
.ts-one .tso-lists li p { font-size: 16px; color: #939393; line-height: 1.5; }

.latest-case { background: #f4f4f4; padding: 160px 0; }
.latest-case .lc-lists { margin: 0 -10px; }
.latest-case .lc-lists li { float: left; width: 453px; margin: 0 10px 40px 10px; }
.latest-case .lc-lists li .img { display: block; text-align: center; width: 453px; height: 278px; background: #fff; }
.latest-case .lc-lists li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.latest-case .lc-lists li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.latest-case .lc-lists li h3 { background: #fff; font-size: 20px; color: #5d5d5d; line-height: 1.5; font-weight: normal; padding: 20px 15px; height: 70px; overflow: hidden; box-sizing: border-box; }
.latest-case .lc-lists li h3 img { max-height: 30px; display: inline-block; vertical-align: middle; }
.latest-case .see-more { display: block; margin: 30px auto 0 auto; width: 120px; font-size: 16px; color: #fefefe; line-height: 2.125; background: #e70012; font-weight: bold; text-align: center; }

.ts-two { position: relative; height: 640px; width: 1920px; left: 50%; margin-left: -960px; }
.ts-two .container { position: absolute; left: 50%; margin-left: -700px; top: 270px; }
.ts-two .tst-slide .bd { margin: 0 -1px; }
.ts-two .tst-slide .bd li { float: left; display: block; text-align: center; width: 226px; height: 102px; margin: 0 1px 2px 1px; }
.ts-two .tst-slide .bd li img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.ts-two .tst-slide .bd li:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }

.customized { width: 102px; line-height: 42px; color: #ffffff !important; font-size: 20px; font-weight: bold; background: #d0000e; display: block; margin: 0 auto; text-align: center; }

.page-case-detail-wrap { /*padding-left: 250px; padding-right: 250px;*/ }

.relate-case { padding: 30px 0; background: #f6f6f6; }
.relate-case > h3:before, .relate-case > h3:after { width: 640px; }
.relate-case ul { margin: 0 -10px; }
.relate-case ul li { float: left; width: 453px; margin: 0 10px 40px 10px; }
.relate-case ul li .img { display: block; text-align: center; width: 453px; height: 278px; background: #fff; }
.relate-case ul li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.relate-case ul li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.relate-case ul li h3 { background: #fff; font-size: 20px; color: #5d5d5d; line-height: 1.5; font-weight: normal; padding: 20px 15px; height: 70px; overflow: hidden; box-sizing: border-box; }
.relate-case ul li h3 img { max-height: 30px; display: inline-block; vertical-align: middle; }

.p-pro-sort { background: #ffffff; padding: 35px 0; }
.p-pro-sort .pps-item { width: 460px; float: left; padding: 30px; box-sizing: border-box; }
.p-pro-sort .pps-item:not(:last-child) { border-right: 1px solid #9d9d9d; }
.p-pro-sort .pps-item h3 { text-align: center; font-size: 24px; color: #666666; font-weight: normal; margin-bottom: 20px; }
.p-pro-sort .pps-item a { display: inline-block; width: 32%; text-align: center; font-size: 16px; color: #828282; line-height: 2; }
.p-pro-sort .pps-item a:hover { color: #e60d26; }

.p-pro-item { background: #f6f6f6; padding: 60px 0; }
.ppi-box { /*margin-bottom: 115px;*/ }
.ppib-title { line-height: 1; border-left: 5px solid #c00202; padding-left: 20px; margin-bottom: 25px; }
.ppib-title h3, .ppib-title span { display: inline-block; vertical-align: middle; }
.ppib-title h3 { font-size: 34px; margin-right: 20px; color: #353535; }
.ppib-title span { font-size: 16px; color: #919191; font-weight: 100; }
.ppib-box .ppib-left { float: left; position: relative; }
.ppib-box .ppib-left .bd .img { display: block; text-align: center; width: 459px; height: 667px; }
.ppib-box .ppib-left .bd .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.ppib-box .ppib-left .bd .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.ppib-box .ppib-left .hd { position: absolute; right: 30px; left: 0; bottom: 10px; text-align: right; font-size: 0; }
.ppib-box .ppib-left .hd li { display: inline-block; width: 8px; height: 8px; background: #fff; border-radius: 50%; margin: 0 3px; }
.ppib-box .ppib-left .hd li.on { background: #292929; }
.ppib-box .ppib-right { float: right; width: 940px; }
.ppib-box .ppib-right li { float: left; width: 220px; background: #fff; margin-left: 15px; height: 325px; margin-bottom: 15px; }
.ppib-box .ppib-right li .img { position: relative; display: block; display: block; text-align: center; width: 100%; height: 250px; padding: 30px 0 10px 0; box-sizing: border-box; }
.ppib-box .ppib-right li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.ppib-box .ppib-right li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.ppib-box .ppib-right li .img .tags { position: absolute; top: 12px; left: 12px; border: 1px solid #d2d2d2; border-radius: 3px; padding: 0 5px; font-size: 14px; color: #8d8d8d; line-height: 1.2857142857; }
.ppib-box .ppib-right li .wz { text-align: center; margin-bottom: 5px; }
.ppib-box .ppib-right li .wz h3 { font-size: 16px; color: #353535; margin-bottom: 5px; }
.ppib-box .ppib-right li .wz p { font-size: 12px; color: #999999; }
.ppib-box .ppib-right li .price { text-align: center; }
.ppib-box .ppib-right li .price span { font-size: 18px; color: #b20a0a; line-height: 1.1111111111; }
.ppib-box .ppib-right li .price a { width: 80px; font-size: 14px; color: #ffffff; line-height: 1.4285714286; background: #e61c34; display: none; }
.ppib-box .ppib-right li:hover .price span { display: none; }
.ppib-box .ppib-right li:hover .price a { display: inline-block; }
.ppib-box .ppib-right .li-img { display: block; text-align: center; width: 455px; height: 325px; }
.ppib-box .ppib-right .li-img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.ppib-box .ppib-right .li-img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.p-pro-item .ppi-box-two .ppib-title { border-left: 5px solid #087cde; }
.p-pro-item .ppi-box-three .ppib-title { border-left: 5px solid #ff7c07; }
.p-pro-item .ppi-box-four .ppib-title { border-left: 5px solid #00cdd5; }
.p-pro-item .ppi-box-five .ppib-title { border-left: 5px solid #69b80c; }
.p-pro-item .ppi-box-two { padding-top: 80px; }
.p-pro-item .ppi-box-three  { padding-top: 80px; }
.p-pro-item .ppi-box-four  { padding-top: 80px; }
.p-pro-item .ppi-box-five {  padding-top: 80px; }
.ppi-box-one { padding-top: 80px; }
.ppi-box-five { margin-bottom: 0; }
.ppi-box-five .ppib-left { width: 930px; font-size: 0; }
.ppi-box-five .ppib-left p { display: inline-block; }
.ppi-box-five .ppib-left p img { width: 457px; height: 325px; }
.ppi-box-five .ppib-left p + p { margin-left: 15px; }
.ppi-box-five .ppib-right { width: 470px; }
.ppi-more { text-align: center; margin-top: 80px; }
.ppi-more a { display: inline-block; text-align: center; background: #e61c34; width: 109px; font-size: 16px; color: #fff; line-height: 2; }

.p-pro-block { background: url(../images/pro_bg.jpg) center no-repeat; background-size: cover; height: 600px; box-sizing: border-box; padding: 120px 0; text-align: center; color: #fff; }
.p-pro-block strong { font-size: 48px; display: block; margin-bottom: 40px; }
.p-pro-block p { font-size: 30px; line-height: 48px; }
.p-pro-block span { display: inline-block; padding: 1px 20px; font-size: 24px; margin-top: 50px; background: rgba(255, 255, 255, 0.7); }

.p-pro-else { background: #f6f6f6; padding: 120px 0; }
.p-pro-else .ppe-lists { margin: 60px -5px 0 -5px; }
.p-pro-else .ppe-lists li { float: left; margin: 0 5px 10px 5px; position: relative; }
.p-pro-else .ppe-lists li a { display: block; text-align: center; width: 341px; height: 227px; overflow: hidden; }
.p-pro-else .ppe-lists li a img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.p-pro-else .ppe-lists li a:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.p-pro-else .ppe-lists li a img { transition: all .5s ease; }
.p-pro-else .ppe-lists li a:hover img { transform: scale(1.05); }
.p-pro-else .ppe-lists li p { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; text-align: center; font-size: 24px; color: #ffffff; line-height: 1.875; }

.p-pro-news { background: #fff; padding: 60px 0; }
.p-pro-news h2 { font-size: 22px; color: #656565; margin-bottom: 15px; font-weight: bold; }
.p-pro-news .ppn-list { margin: 0 -10px; }
.p-pro-news .ppn-list li { float: left; width: 335px; margin: 0 10px; }
.p-pro-news .ppn-list li .img { display: block; text-align: center; width: 335px; height: 202px; }
.p-pro-news .ppn-list li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.p-pro-news .ppn-list li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.p-pro-news .ppn-list li h3 { font-size: 15px; color: #494949; margin: 10px 0 5px 0; }
.p-pro-news .ppn-list li h3 span { color: #272727; }
.p-pro-news .ppn-list li p { font-size: 14px; position: relative; padding-right: 70px; color: #818181; }
.p-pro-news .ppn-list li p span { position: absolute; right: 0; }

.product-detail-top { background-color: white; box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); height: 617px; width: 1200px; margin: 0 auto; padding: 70px; box-sizing: border-box; }
.product-detail-top .pdt-left { float: left; width: 570px; position: relative; overflow: hidden; height: 465px; }
.product-detail-top .pdt-left .prev, .product-detail-top .pdt-left .next { position: absolute; left: 0; width: 88px; top: 0; line-height: 25px; color: #fff; font-size: 14px; background: rgba(0, 0, 0, 0.5); z-index: 9; text-align: center; opacity: 0; transition: all .5s ease; }
.product-detail-top .pdt-left .next { top: auto; bottom: 0; }
.product-detail-top .pdt-left:hover .prev, .product-detail-top .pdt-left:hover .next { opacity: 1; }
.product-detail-top .pdt-left .bd { width: 88px; float: left; height: 465px; }
.product-detail-top .pdt-left .bd li { margin-bottom: 6px; cursor: pointer; }
.product-detail-top .pdt-left .bd li.on .img { border-color: #e60d26; }
.product-detail-top .pdt-left .bd .img { display: block; text-align: center; width: 88px; height: 88px; box-sizing: border-box; border: 1px solid #c9c9c9; }
.product-detail-top .pdt-left .bd .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.product-detail-top .pdt-left .bd .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.product-detail-top .pdt-left .big-img { box-sizing: border-box; float: right; display: block; text-align: center; width: 465px; height: 465px; border: 1px solid #c9c9c9; }
.product-detail-top .pdt-left .big-img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.product-detail-top .pdt-left .big-img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.product-detail-top .pdt-right { float: right; width: 450px; }
.product-detail-top .pdt-right h1 { font-size: 28px; color: #555555; margin-bottom: 5px; }
.product-detail-top .pdt-right h1 + p { font-size: 14px; color: #737070; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; }
.product-detail-top .pdt-right .price { border-bottom: 1px solid #e2e2e2; padding: 15px 0; line-height: 35px; font-size: 14px; color: #808080; }
.product-detail-top .pdt-right .price span { font-size: 36px; color: #dc1a31; font-weight: bold; }
.product-detail-top .pdt-right .info { font-size: 18px; color: #999999; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; }
.product-detail-top .pdt-right .info p { margin: 15px 0; line-height: 25px; }
.product-detail-top .pdt-right .dz-btn { margin-top: 50px; }
.product-detail-top .pdt-right .dz-btn a { display: inline-block; width: 160px; font-size: 18px; color: #fff; line-height: 1.9444444444; font-weight: bold; text-align: center; background: #e61c34; }
.product-detail-top .pdt-right .imgs { margin-top: 30px; }
.product-detail-top .pdt-right .imgs img { max-width: 100%; }

.product-detail-body { background-color: white; box-shadow: 0 0 13px rgba(0, 0, 0, 0.1); padding: 1px 0 60px 0; width: 1200px; margin: 45px auto 0 auto; }
.product-detail-body .pdb-title { margin: 25px; border-bottom: 1px solid #dddddd; padding: 13px 0; }
.product-detail-body .pdb-title h3 { float: left; font-size: 30px; color: #323232; padding-left: 20px; font-family: "Microsoft YaHei UI Light","Microsoft YaHei"; }
.product-detail-body .pdb-title a { float: right; font-size: 16px; color: #323232; margin-top: 10px; }
.product-detail-body .pdb-title a span { font-size: 18px; color: #d70000; }
.product-detail-body .pdb-body { text-align: center; }
.product-detail-body .pdb-body img, .product-detail-body .pdb-body p img { max-width: 100%; height: auto !important; }
.product-detail-body .prev-next { padding: 0 25px; font-size: 16px; line-height: 2; color: #666; margin-top: 30px; }
.product-detail-body .prev-next a:hover { color: #e60d26; }

.relate-product { padding: 70px 0; background: #efefef; }
.relate-product .rp-title { margin-bottom: 45px; position: relative; }
.relate-product .rp-title span { background: #efefef; display: inline-block; font-size: 24px; color: #525252; padding-right: 15px; position: relative; z-index: 9; }
.relate-product .rp-title:after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #d3d3d3; }
.relate-product .rp-slide .bd li { float: left; width: 267px; background: #fff; margin: 0 8px; padding-bottom: 10px; }
.relate-product .rp-slide .bd li .img { position: relative; display: block; display: block; text-align: center; width: 100%; height: 300px; }
.relate-product .rp-slide .bd li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.relate-product .rp-slide .bd li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.relate-product .rp-slide .bd li .img .tags { position: absolute; top: 12px; left: 12px; border: 1px solid #d2d2d2; border-radius: 3px; padding: 0 5px; font-size: 14px; color: #8d8d8d; line-height: 1.2857142857; }
.relate-product .rp-slide .bd li .wz { text-align: center; margin-bottom: 10px; }
.relate-product .rp-slide .bd li .wz h3 { font-size: 18px; color: #353535; font-weight: normal; margin-bottom: 5px; }
.relate-product .rp-slide .bd li .wz p { font-size: 14px; color: #999999; font-family: "Microsoft YaHei","Microsoft YaHei UI Light"; }
.relate-product .rp-slide .bd li .price { text-align: center; }
.relate-product .rp-slide .bd li .price span { font-size: 22px; color: #b20a0a; line-height: 1.2272727273; }
.relate-product .rp-slide .bd li .price a { width: 92px; font-size: 16px; color: #ffffff; line-height: 1.6875; background: #e61c34; display: none; }
.relate-product .rp-slide .bd li:hover .price span { display: none; }
.relate-product .rp-slide .bd li:hover .price a { display: inline-block; }

.page-product-lists { padding: 15px 0; }
.page-product-lists li { width: 200px; float: left; margin: 0 12px 20px; }
.page-product-lists li .img { display: block; text-align: center; width: 100%; height: 220px; border: 1px solid #efefef; box-sizing: border-box; padding: 20px 0; }
.page-product-lists li .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.page-product-lists li .img:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.page-product-lists li h3 { text-align: center; font-size: 14px; color: #333; line-height: 2.1428571429; }
.page-product-lists li:hover .img { border-color: #e60d26; }
.page-product-lists + .pageController { margin: 10px 10px 20px 10px; }

/**/
.p-pro-sort.fixed {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    top: 0;
}
.p-pro-sort.fixed + .p-pro-item {
    margin-top: 240px;
}


.w1200{
    
    width: 1200px;
    margin: 0 auto;
    
}
.fsmain{
    
    margin-top: 36px;
    margin-bottom: 110px;
}
.crumb{
    
    margin-bottom: 36px;
}
.crumb a{
    
    font-size: 18px;
    color: #6c6c6c;
}
.hot-main{
    
    width:974px;
    border:1px solid #e0e0e0;
    float: left;
}
.sidebar{
    
    float: left;
    width: 188px;
    margin-left: 36px;
}
.sidebar h4{
    
    font-size: 24px;
    color: #363636;
    margin-bottom: 30px;
    font-weight: normal;
}
.sidebar a{
    
    display: inline-block;
    font-size: 18px;
    margin-bottom: 20px;
    color: #363636;
}
.fsmain .albumList:last-child{
    
    border-bottom:none;
}

.albumList li{
    
    float: left;
}

.albumList >li:first-child{
    
     width:114px;
}
.albumList >li:nth-child(2){
    
    
    width:calc(100% - 114px);
}
.albumList{
    
    margin: 26px 0 26px 0;
    padding-right: 56px;
    border-bottom:1px solid #e0e0e0;
}
.albumList li a h3{
    
    text-align: center;
    font-size: 18px;
    color: #4e4e4e;
    font-weight: normal;
}
.albumList li a h3 img{
    
    vertical-align: middle;
}
.sublists li{
    
    float: left;
    border-right: 1px solid #767676;
    margin-bottom: 12px;
    display: inline-block;
    padding: 0 4px;
    
}
.sublists li a{
    
    display: inline-block;
    font-size: 17px;
    color: #767676;
    
}