@charset "utf-8";
*{word-wrap:break-word; padding:0; margin:0}
html{padding:0;margin:0; overflow-y:scroll}
body{color:#666;background:#fff;}
body,button,input,select,textarea {font:14px/1.5 arial,"Microsoft Yahei";}
a{ color:#333;text-decoration:none;transition: all .3s;}
a:hover{text-decoration:none; color:#f90;transition: all .3s;}
img{border:0}
li{list-style:none}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0;padding:0}
table{empty-cells:show;border-collapse:collapse}
caption,th{text-align:left;font-weight:400}
h1, h2, h3, h4, h5, h6 {font-size:1em}
em, cite {font-style:normal}
input,button,select,textarea{ font-family: Microsoft yahei}
input{border:0;outline:none}
button{outline:none; cursor: pointer; }
select, textarea{outline: none}
i{font-style:normal}

::-moz-selection{color:#fff;background:#f60}
::selection{color:#fff;background:#f60}
/* CSS */
.fl{ float: left }
.fr{ float: right }
.tl{ text-align:left}
.tc{ text-align:center}
.tr{ text-align:right}
.mauto{ width: 1200px; margin: 0 auto; position: relative;}
.mg0{ margin: 0 }
.blur{
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
}
body{ background: #f5f5f5;}
.header{ position:fixed; z-index:99; left:0; top:0; width: 100%; height: 125px; transition: all .3s; background: #fff;}
.topbar .left{ float:left; margin-left:220px; color: rgba(255,255,255,.7);}
.topbar{ width:100%; background:#333; font-size: 12px; height:45px; line-height:45px}
.topbar .right{ float:right}
.topbar .right a{ color: rgba(255,255,255,.7); display:inline-block; margin:0 0 0 10px}
.topbar .tel{ padding:0 30px; font-size:16px; color:#d42f22; background:#fff}
.topbar .tel span{ float:right; color:#333; margin-left:20px; font-weight:700}
.topbar .tel em{ color:#d42f22; margin-right:5px}
.logo{position:absolute; background:#fff; top:-45px; width:190px; height:140px; box-shadow:0 1px 20px rgba(0,0,0,.1)}
.logo h1 a{ display:block; width:100%; height:140px; display:flex; justify-content: center; align-items: center;}
.logo img{max-width:160px; max-height:120px;}
.header_fixed img{max-width:140px; max-height:70px; margin-top:20px;}
.menu{ float:left; margin-left:230px;transition: all .3s;}
.menu ul li{ float:left}
.menu ul li a{ line-height:80px; padding:0 20px; display:block; font-size:16px; color:#000}
.menu ul li a:hover{ color:#d42f22}
.menu ul li.on a{ background:#fff; color:#333}
.search{ float:right; margin-top:20px}
.search input{ float:left; width:100px; height:38px; line-height:38px; padding:0 20px; border:1px solid #ddd;}
.search button{ width:40px; height:40px; font-size:18px; color:#d42f22; border:1px solid #ddd; border-left:0; background:#fff}

.header_fixed{ top:-45px; box-shadow:0 0 5px rgba(0,0,0,.2)}
.header_fixed .logo{ height:125px; box-shadow:none;}
.header_fixed .logo h1 a{ background-position: center 56px}
/*Banner*/
.banner{ width:100%; position:relative; height:860px;}
.banner .bd{ width: 100%; height:860px; position:relative; z-index:0}
.banner .bd ul{ width:100%; }
.banner .bd li{ width:100%; height:860px; text-align:center; background-repeat: no-repeat; background-position: center bottom}
.banner .more{ position:absolute; z-index:1; bottom:200px; width:260px; height:50px; line-height:50px; left:50%; margin-left:-130px}
.banner .more a{ font-size:18px; border:1px solid #fff; background:#fff; border-radius:60px}

.banner .hd{ position:absolute; z-index:1; bottom:30px; left:0; right:0; margin:0 auto;}
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; width:10px; height:10px; margin:0 5px; text-indent:-9999px; border-radius:50%; border:2px solid #f90; transition: all .3s ease-in-out;}
.banner .hd ul .on{ background:#f90; border-color:#f90}

.t{ float:left; text-align:center; padding:30px 0; width: 100%;}
.t .title{ position:relative; font-size:32px; font-family:"Microsoft Yahei light"; font-weight: 700;}
.t .title span{ color:#feca29; margin:0 10px 0 0}
.t .text{ position:relative; font-size:18px; font-weight:300; margin-top:30px; color:#999;}
.t .text:before,.t .text:after{ left:50%; top:50%; margin-left:-230px; position:absolute; display:block; content:""; width:100px; height:1px; background:#ddd}
.t .text:after{ margin-left: 130px}

.main1{ width:100%; padding:40px 0 70px; background:#fff; overflow:hidden}
.four{ padding:60px 0 }
.four ul li{ float:left; width:25%; text-align:center}
.four ul li img{ width:220px; height:220px; display:block; margin:0 auto 30px}
.four ul li span{ font-size:18px; position:relative; margin:10px 0;}
.four ul li span:before{ position:absolute; left:-40px; top:50%; content:""; display:block; width:20px; height:1px; background:#666}
.four ul li span:after{ position:absolute; right:-40px; top:50%; content:""; display:block; width:20px; height:1px; background:#666}

.main2{ position:relative; width:100%; padding:40px 0 70px; background:#eee; overflow:hidden}
.main2 .t .title span{ margin:0; margin-left:10px}
.focus{ padding: 2px;}
.focus .left{ float:left;}
.focus .right{ float:right;}
.focus .pic img{ width:530px; height:720px}
.focus .title{ width: 597px;}
.focus .title span{font-family: Georgia; font-size:50px; font-style: italic; color:#333}
.focus .list{ width: 597px; padding-top:50px}
.focus .list li{ float:left; width:276px; margin-right:45px; text-align:center}
.focus .list li:last-child{ margin-right:0}
.focus .list li img{ width:276px; height:400px}
.focus .list li span{ display:block; font-size:16px; color:#333; margin-top:10px}

.piclist{ padding:2px 0}
.piclist ul li{ float:left; width:274px; margin:30px 12px; text-align:center}
.piclist ul li img{ width:274px; height:380px}
.piclist ul li span{ display:block; font-size:16px; color:#333; margin-top:10px}

.footer{width: 100%; background: #333; padding:60px 0; color:#f8f8f8}
.footer .mauto{display: flex; justify-content: space-between;}
.footer .f-title{width: 100%; font-size: 20px; color:#f8f8f8; margin-bottom: 15px;}
.footer .f-about{width: 300px;}
.footer .f-about .f-about-info{font-size:15px;}
.footer .f-about .f-sns a{display: inline-block; margin-right: 15px; margin-top: 15px; color:#f8f8f8}
.footer .f-about .f-sns a .fa{font-size: 22px; color:#f8f8f8}
.footer .f-about .f-sns a .fa:hover{color:#f60}
.footer .f-links{width: 350px;display: flex; justify-content: space-between;}
.footer .f-links ul li{width: 100%; line-height: 30px;}
.footer .f-links ul li a{color:#f8f8f8; font-size: 15px;}
.footer .f-subscrite{width:300px}
.footer .f-subscrite p{font-size: 15px;}
.footer .f-subscrite p a{color:#f8f8f8}
.footer .f-subscrite p.beian{margin-top: 15px;}
.footer .f-subscrite .f-subscrite-form{width: 100%; height: 45px; background: #fff; border-radius: 25px; border:#eee solid 1px; overflow: hidden; margin-top: 30px;}
.footer .f-subscrite input{width: 228px; height: 100%; line-height: 45px; text-indent: 15px;}
.footer .f-subscrite button{width:60px; height: 30px; background: #f60; color:#fff; border:none; margin-top:7px; border-radius: 15px;}

.gototop{ z-index:999; position:fixed; width:46px; height:100%; top:0; text-align:center; right:0; _position: absolute; display:block; transition: all .3s ease-in-out;}
.top_on{ bottom:80px}
.top_in{ bottom:80px}
.sidebox{ position:absolute; bottom:90px; right:20px}
.sidebox span a{ display:block; width:46px; height:46px; background:#f90 url(../images/icon.png) no-repeat;border-radius:4px}
.sidebox ul{ position:relative; width:46px}
.sidebox ul li{ margin-top:5px; width:46px; height:46px; background:#f6f7f8; border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}
.sidebox ul li i{ float:right; background:url(../images/icon.png) no-repeat; width:46px; height:46px; cursor:pointer;transition: all .3s;}
.sidebox ul li.wt i{ background-position: 0 -92px}
.sidebox ul li.wx i{ background-position: 0 -46px}
.sidebox ul li.backtop i{ background-position: 0 -138px}
.sidebox ul li span{ position:absolute; z-index:-1; top:0; right:51px; width:140px; padding-top:10px; height:136px; line-height:16px; background:#fff; border:1px solid #eee; border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1); }
.sidebox ul li span{ transition: all 0.3s ease 0s; transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); -webkit-transform: translate3d(-10px, 0, 0); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.sidebox ul li span img{ width:90px}
.sidebox ul li span p{ font-size:12px}
.sidebox ul li span b{ color:#f90}
.sidebox ul li.on span{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.sidebox ul li.on i{background-position-x:right}
.sidebox ul li p{ font-size:14px;}
.sidebox ul li.wt span{ top:0; width:80px; height:44px; line-height:44px; border-color:#f90; padding:0; color:#fff; background:#f90;}
.sidebox ul li.backtop{ position:relative}
.sidebox ul li.backtop span{ top:0; width:80px; height:44px; line-height:44px; border-color:#f90; padding:0; color:#fff; background:#f90;}
.sidebox ul li.backtop.on { background-color:#fff}


@media screen and (max-width: 767px) {
	*{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* For some Androids */ }
	*{-webkit-tap-highlight-color: transparent;}
    .mauto{ width: auto}

}
.news ul{ border-left:1px solid #eee; border-top:1px solid #eee; overflow:hidden}
.news ul li{ float:left; width:23.2%; padding:130px 5%; background:#fff; border-right:1px solid #eee; border-bottom:1px solid #eee}
.news ul li span{ display:block; width:100%; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.news ul li p{ text-align:justify; margin-top:20px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}
.news ul li i{ float:left; color:#bbb; margin-top:40px}
.news ul li img{ float:left; margin-top:20px; width:100%; height:150px; background:#ddd url(../images/logo2.png) no-repeat center}
.news ul li.on{ position:relative; box-shadow:0 20px 30px rgba(0,0,0,.1)}
.news ul li.on span a{ color:#f90}
.news.us ul li img{ width:205px; height:205px; margin:0 0 20px; border-radius:8px}

.contactbg{ background:url(../images/contact.jpg) no-repeat center}
.contact h2{ font-weight:300; font-size:28px; margin:30px 0 10px}
.contact em{ color:#999}
.contact ul li{ display:inline-block; margin:50px 15px 0 0; background:#999; color:#fff; padding:0 10px; border-radius:3px}
/*页码*/
.pagination{height:40px;padding:50px 0px;float:right}
.pagination a{display:block;float:left;margin-right:10px;padding:2px 15px;height:30px;background:#fff;text-decoration:none;color:#808080;font-size:14px;line-height:30px; border-radius:4px}
.pagination a:hover{color:#f90;}
.pagination a.cur{background:#f90;color:#fff;}
.pagination p{float:left;padding:2px 12px;font-size:14px;height:30px;line-height:30px;color:#bbb;background:#fcfcfc;margin-right:8px; border-radius:4px}
/*文章内容*/
.content{ background:#fff; border-radius:10px; padding:0 100px; margin-top:20px}
.content .title{ margin:0 0 50px; padding:30px 0; border-bottom:1px solid #eee; overflow:hidden}
.content .title h1{ font-weight:300; font-size:30px; padding-bottom:20px; font-family:"Microsoft Yahei Light","Microsoft Yahei"}
.content .title li{ float:left; font-size:12px; padding:10px 30px 0 0; color:#bbb}
.content .dec{ margin:50px 0; background:#f8f8f8; color:#bbb; font-size:16px; padding:30px 60px; border-radius:6px}
.content .con{ padding:30px; line-height:2em; font-size:16px;text-align: justify; color:#666}
.content .con p{ padding:1em 0}
.content .con img{ width:100%; height:100%; margin:30px 0}
/*产品详情*/
.main1 .piclist{ position:fixed}
.proinfo{ float: right; width: 800px;}
.proinfo .title{ font-size:26px;  margin:30px 0}
.proinfo .price{margin-bottom: 20px; display: flex; align-items: center;}
.proinfo .price span{color:#f00; font-size: 26px; margin-right: 40px;}
.proinfo table {width: 100%;border-spacing: 0;border-collapse: collapse;border: 1px double rgba(211, 211, 211, 0.4);}
.proinfo table td {border: 1px solid transparent;}
.proinfo table td,.proinfo table th {min-width: 2em;padding: 0.8em;border-color: rgba(211, 211, 211, 0.4);}
.proinfo td span{ color: #565656;}
.proinfo .content{ padding:0}
.proinfo .content .con{ padding:0}
.proinfo .content .con img{max-width: 100%;}
/* 关于我们 */
.bg1{ width:100%; padding:60px 0; background:#fff; overflow:hidden}
.about .us{ width:1200px; margin:0 auto}
.about .us .title{ float:left; margin:30px 60px 200px 0}
.about .us .title strong{ display:block; width:380px; text-align:right; font-size:62px; color:#f5f5f5; line-height:1}
.about .us .title em{ font-size:56px; color:#bbb; font-weight:700}
.about .cont{ margin-right:30px}
.about .cont h2{ font-size:20px; color:#333; margin:20px 0}
.about .cont p{ padding:10px 0; color:#999; line-height:1.8; text-align:justify}
.picture{ width:1200px; margin:auto; overflow:hidden}
.picture .title{ position:relative; display:block; width:100%; text-align:center}
.picture .title strong{ position:absolute; left:0; right:0; top:30px; font-size:42px; color:#f5f5f5}
.picture .title em{ position:relative; font-size:32px; color:#bbb; font-weight:700}
.picture ul{ padding:60px 0; overflow:hidden}
.picture ul li{ float:left; width:22%; margin:10px 1.5%; height:200px; background:#f5f5f5}
.picture ul li img{ width:100%; height:100%}

.topbg{ width:100%; height:340px; background:#000 url(../images/banner/bg.jpg) no-repeat center 100px}
.topbg:before{ content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.7)}

.logos ul li{ float:left; width:12%; padding:50px 3.9%; text-align:center;}
.logos ul li img{ float:left; width:100%; height:80px; background:#ddd url(../images/logo2.png) no-repeat center; background-size:50%}

/*公司相册*/
.album{ background:#fff; border-radius:10px; overflow:hidden; margin-top:20px; padding-top:30px}
.album .item{ float:left; width:370px; margin:0 0 20px 23px ; text-align:center}
.album .item img{ width:370px; height:260px; border-radius:4px}
.album .item span{ display:block; font-size:16px; padding:10px 0 0}
.album .pic img{ float:left; margin:45px 0 45px 65px; width:500px; height:360px; border-radius:4px; cursor:pointer}

/*tag*/
.tag{padding:7px 15px; border-radius: 15px; margin-right: 15px;}
.tag.blue{background: #1e9fff; color:#fff}
.tag.green{background: #6c6; color:#fff}
.tag.red{background: #f20; color:#fff}

@media screen and (max-width: 413px) {
}
@media screen and (max-width: 321px) {
}