@charset "utf-8";

* { margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif ; font-size: 12px; color: #333; min-width: 1281px; }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #333; font-family: 'Microsoft Yahei'; }
*:focus { outline: none; }
img { border: 0px; }
ul, li { list-style-type: none; }
a { color: #333; text-decoration: none; transition: all .4s ease; }
a:hover { color: #f05b48; }
.warp { width: 1281px; margin: 0 auto; }
.clear { clear: both; overflow: hidden; content: ''; height: 0px; }
.fl { float: left; }
.fr { float: right; }
i, em { font-style: normal; display: inline-block; }
.flex{ display:flex; align-items: center;}
.between{ display: flex; align-items: center; justify-content: space-between;}
.center{display: flex; align-items: center; justify-content:center;}

/**澶撮儴**/
.header { background: #AECEDB; left: 0px; top: 0px; z-index: 1111; width: 100%; height: 61px; }
.header .warp { position: relative; height: 61px; }
.header .logo { float: left; width: 165px; height: 37px; margin-top: 13px; }
.header ul { float: right; height: 61px; margin-right:160px; }
.header ul li { float: left; width: 115px; text-align: center; height: 61px; position:relative; }
.header ul li > a { height: 61px; display: block; line-height: 61px; color: #fff; font-size: 16px; }
.header ul li:hover > a,.header ul li > a.on{color:#f05b48;}
.header ul li .nson{ position:absolute; width:100%; display:none; top:61px; background:#f1f1f1; z-index:111; left:0px;}
.header ul li .nson a{ display:block; /*height:35px;*/ font-size:12px; line-height:35px; overflow:hidden; text-align:center; border-bottom:1px solid #f2f2f2;}
.header ul li .nson a:last-child{ border:0px;}
.header ul li .nson a:hover{ background:#f05b48; color:#fff;}

.header .lang{ width:90px; position:relative; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:22;}
.header .lang .ht{ height:40px; }
.header .lang .ht .text{ height:40px; line-height:40px; text-align:right; flex:1; background:#AECEDB; font-size:14px; color:#fff;}
.header .lang .ht .down{ height:40px; width:30px; margin-top:0; background:#AECEDB; cursor:pointer;}
.header .lang .ht .down img{ width:15px;}
.header .lang dl{ position:absolute; background:#f2f2f2; left:0; top:40px; width:100%; z-index:22; display:none;}
.header .lang dl dd a{ display:block; padding:12px; font-size:14px; border-bottom:1px solid #f2f2f2;  text-align:center; }
.header .lang dl dd a:hover{background:#f05b48; color:#fff;} 

.search { position: absolute; right:100px; top: 0px; height: 61px; width: 61px; }
.search span { display: block; height: 61px; width: 61px; background: url(../search.png) no-repeat center; cursor: pointer; }
.search form { padding: 10px; display: none; z-index:111; background: rgba(255,255,255,0.7); position: absolute; top: 61px; right: 0px; width: 250px; overflow: hidden; }
.search form .intxt { width: 210px; padding: 5px 10px; border-radius: 4px; border: 0px; background: rgba(255,255,255,0.5); }
.search form .sbtn { position: absolute; border: 0px; background: #f05b48; top: 10px; right: 10px; color: #fff; border-top-right-radius: 4px; cursor: pointer; border-bottom-right-radius: 4px; padding: 5px 10px; }
/**鐒︾偣鍥?**/
.banner { height: 560px; overflow: hidden; position: relative; }
.banner li { width: 100%; height: 560px; }
.banner li a { display: block; height: 560px; }
.banner .hd { position: absolute; left: 0x; text-align: center; width: 100%; bottom: 12px; }
.banner .hd li { width: 15px; height: 15px; overflow: hidden; line-height: 99999px; display: inline-block; margin: 0 5px; border-radius: 50%; background: #fff; opacity: 0.5; cursor: pointer; }
.banner .hd li.on { opacity: 1; }

/**鍥炬枃杩炴帴**/
.inav {  margin-top: 30px; }
.inav li { width: 625px; height: 330px; position: relative; overflow: hidden; text-align: center }
.inav li img { width: 625px; height: 330px; display: block; transition:all 2s ease; }
.inav li i{ display: block; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; -webkit-transform: scale(0, 1); -webkit-transition: all .3s ease-in-out 0s; }
.inav li:hover img{ transform:scale(1.5);}
.inav li .msk { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; /* background: rgba(0,0,0,0.3); */ }
.inav li .msk:before,.inav li .msk:after { position: absolute;  left: 15px; right: 15px;  top: 15px;  bottom: 15px; z-index: 3; opacity: .25; filter: alpha(opacity=25);  content: ""; }
.inav li .msk:before{  border-top: 1px solid #fff;  border-bottom: 1px solid #fff; transform: scale(0,1); transition: all .4s ease 0s; }
.inav li .msk:after{  border-left: 1px solid #fff;  border-right: 1px solid #fff; transform: scale(1,0); transition: all .4s ease 0s; }
.inav li .msk h2 { font-size: 30px; font-weight: normal; color: #fff; padding-top: 60px; }
.inav li .msk em { width: 55px; height: 2px; background: #f05b48; display: block; margin: 23px auto; }
.inav li .msk h3 { font-size: 18px; font-weight: normal; color: #fff; }
.inav li .msk span { width: 79px; height: 34px; border: 1px solid #fff; color: #fff; display: block; margin: 0 auto; font-size: 14px; line-height: 34px; margin-top: 36px; }
.inav li:hover .msk:before,.inav li:hover .msk:after{ transform: scale(1,1); }
.inav li:hover i{ -webkit-transform: scale(1); }

/***鏍囬***/
.title { text-align: center; padding: 64px 0 43px 0; }
.title h2 { font-size: 20px; color: #333333; font-weight: normal; }
.title i { display: block; width: 32px; height: 2px; background: #f05b48; margin: 10px auto; }
.title p { font-size: 16px; color: #666; letter-spacing: 3px; }
/***浜у搧***/
.product #owl-demo { margin-left: auto; margin-right: auto; }
.product #owl-demo .item { display: block; margin: 5px; position: relative; overflow: hidden; }
.product #owl-demo img { display: block; width: 100%; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
.mask { position: absolute; width: 92%; height: 92%; left: 0px; right: 0px; margin: auto; background: rgba(0,0,0,0.7); z-index: 11; top: 0px; text-align: center; padding: 15px; overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -webkit-transform: scale(0); opacity: 0; }
.mask h4 { font-size: 20px; color: #fff; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transform: translateY(-40px); margin-top: 65px; font-weight: normal; }
.mask .line { width: 30px; height: 2px; background: #f05b48; margin: 10px auto; display: block; }
.mask p { font-size: 14px; line-height: 20px; color: #fff; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transform: translateY(50px); }
.product #owl-demo .item:hover img { -webkit-transform: scale(1.2); }
.product #owl-demo .item:hover .mask { opacity: 1; -webkit-transform: scale(1); }
.product #owl-demo .item:hover h4 { -webkit-transform: translateY(0px); }
.product #owl-demo .item:hover p { -webkit-transform: translateY(0px); -webkit-transition-delay: .1s; }
/***鏂伴椈***/
.new { overflow: hidden; margin-left: -30px; }
.new li { float: left; width: 33.3333333%; margin-bottom: 30px; }
.new li .row { padding-left: 30px; }
.new li .pic { position: relative; width: 100%; overflow:hidden; height:200px; }
.new li .pic i { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; content: ''; opacity: 0; -webkit-transform: scale(0); background-color: #f05b48; }
.new li .pic img { display: block; width: 100%; height:100%; object-fit: cover; }
.new li .pic .date { position: absolute; right: 0px; bottom: 0px; background: #3a75bf; color: #fff; padding: 10px 15px; z-index: 1; }
.new li .pic .date b { font-size: 25px; font-weight: 700; font-style: italic; display: block; }
.new li .pic span{ position:absolute; left:0px; right:0px; margin:auto; width:100px; height:33px; line-height:33px; text-align:center; border:1px solid #fff; color:#fff; top:50%; transform:translateY(-50%) scale(0); transition:all 0.3s ease; z-index:111;}
.new li .autour { padding: 12px 0; color: #999; }
.new li .autour .fa-eye { vertical-align: -1px; font-size: 15px; }
.new li .note { border: 1px solid #ddd; padding: 15px; height: 135px; overflow: hidden; }
.new li h3 { font-size: 16px; color: #666666; font-weight: bold; }
.new li .note p { font-size: 15px; line-height: 22px; color: #999; }
.new li .note i { width: 16px; height: 10px; background: url(../eye.png) no-repeat; margin: 0 5px; }
.new li:hover .pic i { opacity: 0.7; -webkit-transform: scale(1); }
.new li:hover .pic span{ transform:translateY(-50%) scale(1);}

/***鍝佺墝灞曠ず***/
.brand li { width: 319px; margin-left: -1px; margin-top: -1px; height: 153px; text-align: center; border: 1px solid #ccc; display: table; float: left; overflow: hidden; }
.brand li a{ display:block; height:153px;}
.brand li a span { vertical-align: middle; display: block; height: 153px; width: 319px; overflow: hidden; display: table-cell; }
.brand li a span img { max-width: 319px; max-height: 153px; }
.brand li a:after{content:''; display: block; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.2); width: 100%; height: 100%; -webkit-transform: scale(0,1); 
-webkit-transition: all .3s ease-in-out 0s; }
.brand li:hover a:after{ transform:scale(1);}

/***椤堕儴鍥?**/
.topimg{height:297px;overflow:hidden;background-size:auto 100%; position:relative; background-position:center center;text-align:center;background-repeat:no-repeat;}
.leader{color:#fff; position:absolute; left:0px; right:0px;margin:auto; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.leader h1{color:#fff;font-weight:normal;font-size:32px; margin:0px; padding:0px;}
.leader em{width:77px; height:3px;display:block;margin:5px auto;background:#f05744;}
.leader p{margin-top:10px; color:#fff;}
.leader i{vertical-align:normal; margin-right:5px;}
.leader p a{color:#fff;}

/***宸﹁竟**/
.left { float: left; width: 212px; margin-top: -52px; position: relative; z-index: 1; }
.left .tit { height: 117px; background: #f05744; color: #fff; }
.left .tit h2 { font-size: 18px; padding: 33px 0 0 27px; }
.left .tit h2 span { font-weight: normal; display: block; }
.left ul { overflow: hidden; }
.left ul li { border-bottom: 1px solid #ddd; overflow: hidden; }
.left ul li > a { display: block; color: #666; font-size: 14px; padding-left: 12px; background: url(../arrow.png) no-repeat 176px center; line-height: 50px; }
.left ul li > a:hover, .left ul li a.on { background: #f1f1f1 url(../arrow.png) no-repeat 176px center; }
.left ul li .lmson { display:none;}
.left ul li .lmson a{ display:block; line-height:45px; background: url(../arrow.png) no-repeat 176px center; padding-left:27px; border-bottom:1px dashed #ddd; font-size:12px;}
.left ul li .lmson a.on{ color:#f05744;}

.left .rz { display: block; width: 100%; margin-top: 30px; }
/***鍙宠竟***/
.right { float: right; width:1044px; }
.lea { height: 57px; line-height: 57px; color: #999; }
.lea a { color: #999; }
.lea a:hover { color: #3e9ec8; }
.rtit { border-bottom: 1px solid #ccc; font-size: 18px; color: #f05744; padding-bottom: 18px; }
.rcbox { padding: 18px 0; line-height: 26px; font-size: 14px; color: #666; overflow: hidden; position: relative; }
.rcbox img { max-width: 100%;}

/***鏂伴椈鍒楄〃***/
.newlist { overflow: hidden; }
.newlist { overflow: hidden; padding: 18px 0; border-bottom: 1px solid #ccc; }
.newlist img { display: block; float: left; width:200px; height: 123px; margin-right: 30px; }
.newlist h3 { font-size: 16px; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.newlist .note { line-height: 25px; color: #999; height:123px; overflow: hidden; padding-right:12px;}
.newlist .date { color: #f05744; padding:5px 0; }
.newlist:hover { background: #f9f9f9; }

.newlists{ overflow:hidden; }
.newlists { height:40px; line-height:40px; border-bottom:1px dotted #ddd;}
.newlists  span{ float:right; color:#999;}
.newlists  a{ background:url(../arrow2.png) no-repeat left center; padding-left:15px;}


/**鏂伴椈鍐呭**/
.ntit { border-bottom: 1px solid #ddd; padding-bottom: 12px; text-align: center; margin-bottom: 18px; }
.ntit h1 { font-size: 18px; font-weight: normal; color: #666; }
.ntit p { font-size: 12px; color: #999; }
.prevnext { overflow: hidden; margin-top: 18px; }
.prevnext a { color: #666; display: block; }
.prevnext a:hover { color: #f05744; }

/***浜у搧鍒楄〃***/
.prolist { overflow: hidden; margin-left: -51px; }
.prolist li { float: left; width: 313px; margin-left:51px; margin-top:33px; text-align: center; }
.prolist li img { display: block; width:313px; transition:all 0.3s ease; height: 310px; border:1px solid #f1f1f1; margin-bottom: 12px; }
.prolist li h3 { white-space: nowrap; font-weight:normal; font-size:18px; color:#666666; overflow: hidden; text-overflow: ellipsis;}
.prolist li:hover h3{ color:#f05744;}
.prolist li:hover img{ border-color:#f05744;}

/***浜у搧璇︽儏***/
.protop{ overflow:hidden; margin-top:30px;}
.protop .fl{ float:left; width:400px; height:400px;}
.protop .text{ float:right; width:600px; line-height:23px; color:#999;}
.protop .text h1{ font-size:20px; font-weight:normal; border-bottom:1px dashed #ddd; color:#f05744; line-height:45px; margin-bottom:20px;}

.rht{ height:40px; line-height:40px; border-bottom:1px solid #ddd; margin-top:30px;}
.rht span{ float:left; height:40px; width:100px; background:#f05744; color:#fff; text-align:center; font-size:16px;}
.pdbox{ padding:20px 0; line-height:25px; min-height:400px; color:#666; font-size:14px;}
.pdbox img{max-width:100%;}
hr{ border:0px; height:1px; background:#ddd; margin:10px 0;}
.down{ text-align:center; margin-top:40px;}
.down .s1{ padding:8px 10px; font-size:14px; width:280px; border:1px solid #ddd;}
.down .s2{ padding:8px 10px; font-size:14px; width:80px; cursor:pointer; background:#fb8157; color:#fff; margin-left:10px; border:1px solid #fb8157;}
.down .p1{ margin-top:30px;}

/***瀹㈡埛鐣欒█***/
.book { display: block; }
.book p { position: relative; width: 371px; margin-top: 12px; }
.book .intext { border: 1px solid #ddd; padding: 10px; width: 350px; }
.book .passcode { position: absolute; right: 0px; top: 1px; height: 37px; width: 80px; cursor: pointer; border-left: 1px solid #ddd; }
.book .intext:focus { border-color: #f05744; }
.subbtn{ display:block; width:350px; background:#f05744; color:#fff; height:40px; border:0px; cursor:pointer; font-size:14px; font-family:Microsoft Yahei;}
.passcode { display: block; }
.tips{ color:#f05744; height:35px; line-height:35px;}

/**鍒嗛〉**/
.pagelist { margin-top:50px; text-align: center; }
.pagelist a, .pagelist span, .pagelist label { padding:8px 12px; background:#e2e2e2;  color: #888; margin: 0 5px; }
.pagelist b { font-weight: normal; color: #333; margin: 0 2px; }
.pagelist a:hover, .pagelist span.current { background: #f05744;  color: #fff; }
.pagelist label{ display:none;}

/***鍦ㄧ嚎瀹㈡湇***/
.kefu { width: 60px; position: fixed; right: 0px; top: 15%; z-index: 11; }
.kefu ul li { height:72px; width:60px; position: relative; border-bottom:1px solid #b1b1b1; cursor: pointer;}
.kefu ul li .p1{ text-align:center; padding-top:48px; color:#999;}
.kefu ul li:hover .p1{color:#fff;}
.kefu ul li.k1{ background:#f0f0f0 url(../kefu/kf.png) no-repeat center 13px;}
.kefu ul li.k2{ background:#f0f0f0 url(../kefu/wx.png) no-repeat center 13px;}
.kefu ul li.k3{ background:#f0f0f0 url(../kefu/dh.png) no-repeat center 13px;}
.kefu ul li.k4{ background:#f0f0f0 url(../kefu/up.png) no-repeat center 18px; }
.kefu ul li.k1:hover{ background:#f05b48 url(../kefu/kfon.png) no-repeat center 13px;border-bottom:1px solid #d7b36a; }
.kefu ul li.k2:hover{ background:#f05b48 url(../kefu/wxon.png) no-repeat center 13px;border-bottom:1px solid #d7b36a;}
.kefu ul li.k3:hover{ background:#f05b48 url(../kefu/dhon.png) no-repeat center 13px;border-bottom:1px solid #d7b36a;}
.kefu ul li.k4:hover{ background:#f05b48 url(../kefu/upon.png) no-repeat center 18px;border-bottom:1px solid #d7b36a;}
.kefu .fdqq{ width:120px; background:#fff; position:absolute; -webkit-transition:all 0.3s ease; right:0px; padding-bottom:12px; text-align:center; top:0px; opacity:0; visibility:hidden;}
.kefu .fdqq h3{ height:35px; line-height:35px; color:#fff; font-weight:normal; background:#f05b48;}
.kefu .fdqq p { margin-top:12px;}
.kefu .fdqq p img{ display:block; margin:5px auto;}
.kefu ul li.k1:hover .fdqq{ opacity:1; visibility:visible; right:60px;}
.kefu .kwx{ background:#fff; padding:5px; right:60px; top:0px; position:absolute;-webkit-transition:all 0.3s ease; transform:scale(0); opacity:0; visibility:hidden; transform-origin:right;}
.kefu .kwx img{ display:block; width:100px; height:100px;}
.kefu ul li.k2:hover .kwx{ opacity:1; visibility:visible; transform:scale(1);}
.kefu .ktel{ right:0px; top:0px; height:72px; background:#f05b48; color:#fff; -webkit-transition:all 0.3s ease; font-size:18px; line-height:72px; text-align:center; width:150px; position:absolute; opacity:0; visibility:hidden;}
.kefu ul li.k3:hover .ktel{ opacity:1; visibility:visible; right:60px;}



/***搴曢儴淇℃伅***/
.footer { background: #9fa1a4; overflow: hidden; margin-top:78px; }
.footer .row { float: left; padding: 40px 0; color: #fff;}
.footer .row h3 { font-size: 18px; color: #fff; font-weight:normal;}
.footer .row h3 i { width: 30px; height: 3px; background: #f05b48; display: block; margin: 15px 0; }
.footer .dbabout{ width:262px;}
.footer .dbabout p { line-height: 25px; }
.footer .dbabout a { color: #fff; line-height: 30px; background:url(../r.png) no-repeat right center; padding-right:25px; }
.footer .dbabout a:hover { color: #f05744; }
.footer .fa-arrow-circle-right{ color:#f05744;}
.footer .dbnew{ width:269px; margin-left:64px;}
.footer .dbnew ul{ margin-top:-5px;}
.footer .dbnew ul li { line-height: 35px; height: 35px; overflow: hidden; }
.footer .dbnew ul li a { color: #fff; }
.footer .dbnew ul li a:hover { color: #f05744; }
.footer .dbnew ul li a:before { content: '\f105'; font-family: FontAwesome; padding-right: 10px; }
.dbpicw{ width:293px; margin-left:64px;}
.dbpicw ul { margin-left: -5px; }
.dbpicw ul li { float: left; padding-left: 5px; margin-bottom: 5px; }
.dbpicw ul li img { width: 60px; height: 55px; display: block; -webkit-transition: all .4s ease; }
.dbpicw ul li img:hover { opacity: 0.8; }
.footer .row.dbcontact{ width:292px; float:right;}
.dbcontact ul li { line-height: 43px; font-size:14px; color: #fff; }
.dbcontact ul li a { color: #fff; }
.dbcontact ul li.li1{ background:url(../ic1.png) no-repeat left center; padding-left:40px;}
.dbcontact ul li.li2{ background:url(../ic2.png) no-repeat left center; padding-left:40px;}
.dbcontact ul li.li3{ background:url(../ic3.png) no-repeat left center; padding-left:40px;}
.copyright { padding: 39px 0 23px 0; color: #666666; background: #cccccc; line-height: 23px; text-align: center; }
.copyright a { color: #666666; }
.copyright a:hover { color: #f05744; }


/***鍙樼伆
img{ -webkit-filter: grayscale(100%) !important }
*{ color:#666 !important}
.footer .row h3 i,.banner li,.inav li .msk em,.title i,.new li .pic i
.dbcontact ul li,.footer .dbabout a,.kefu .ktel,.kefu ul li,.dbcontact ul li.li1
,.dbcontact ul li.li2,.dbcontact ul li.li3,.mask .line
{-webkit-filter: grayscale(100%) !important }
.new li .pic i{ background: rgba(0,0,0,0.4);}***/