﻿html,body{padding:0;min-width:1250px;max-width:1920px;margin:0 auto;font-family:Bahnschrift,'微软雅黑';font-size:14px;}
img{max-width:100%;border:0;}
a{text-decoration:none;display:inline-block;font-size:14px;color:#000;}
ul,li,ol{margin:0;padding:0;list-style:none;}
p{margin:0;padding:0;}
.cb{clear:both;}
.pr{position:relative;}
.m { width: 1200px; margin: 0 auto; }
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.toper{height:50px;line-height:50px;background:#2a2a2a;color:#cacaca;}
.toper a{display:inline-block;color:#cacaca;}
.toper .left{float:left;}
.toper .right{float:right;}
.toper .right div{display:inline-block;}
.toper .right img{vertical-align:middle;}
.toper .right a{padding-left:10px;margin-left:10px;height:20px;line-height:20px;border-left:1px solid #aaa;}
.toper .right .search input{display:none;margin:0;padding:0 5px;background:#fff;border:0;height:25px;}
.toper .right .search input:nth-child(2){display:inline-block;background:url(../images/searchicon.png) center center no-repeat;}
.toper .right .search:hover input{display:inline-block;}

.header{height:95px;}
.header .m { position:relative; }
.header .logo{float:left;margin-top:15px;}
.header .logo img{height:45px;}
.header .logo2 { float: left; margin-top: 22px; border-left: 1px solid #d5d5d5; padding-left: 15px; margin-left: 15px; }
.header .logo2 img { height: 46px; }
.header .hotphone{display:none;position:absolute;top:15px;right:20px;font-size:14px;color:#fff;}
.header .info span{display:inline-block;padding-left:45px;}
.header .info span.tel{background:url(../images/tel.png) 28px 3px no-repeat;}
.header .info span.email{background:url(../images/email.png) 28px 4px no-repeat;}
.header .language{position:absolute;z-index:10;right:0;top:30px;height:30px;line-height:30px;background:#fff url(../images/down.png) right center no-repeat;padding-right:15px;}
.header .language img{vertical-align:middle;margin-right:10px;}
.header .language a{display:none;}
.header .language a.cur{display:block;}
.header .language div{display:none;position:relative;}
.header .language ul{position:absolute;top:100%;right:0;}
.header .language li{display:none;height:20px;line-height:20px;}
.header .language li a{display:block;}
.header .language li.cur{display:block;}
.header .language:hover div{display:block;}
.header .search{position:absolute;top:30px;right:90px;height:30px;}
.header .search i{float:right;display:block;height:30px;width:30px;background:url(../images/search.png) center center no-repeat;}
.header .search div{clear:both;display:none;font-size:0;}
.header .search input{height:25px;line-height:25px;padding:0 10px;font-size:14px;vertical-align:middle;margin:0;border:1px solid #762f32;}
.header .search input[type=submit]{height:27px;background:#762f32;color:#fff;}
.header .search:hover div{display:block;}

.menu { position: absolute; right: 180px; top: 0px; font-size: 15px; }
.menu .list{margin:0 auto;}
.menu .list .item { position: relative;float:left; height:95px;line-height:95px; }
.menu .list .item a{font-size:16px;display:inline-block; padding:0 20px;color:#3a3a3a;text-align:center;}
.menu .list .item a.first{position:relative;font-weight:500;}
.menu .list .item a.first span{display:none;position:absolute;top:65px;left:50%;width:30px;height:4px;background:#037d9c;margin-left:-15px;}
.menu .list .item a:hover,.menu .list .item a.cur {color:#762f32;}
.menu .list .item a.first:hover span, .menu .list .item a.cur span { display:none; }


.menu .list .item ul{display:none;position:absolute;z-index:10;top:100%;left:0;right:0;background2:url(../images/sanjiao.png) center top no-repeat;padding-top:0;}
.menu .list .item li{text-align:center;background:#762f32;line-height:20px;position:relative;}
.menu .list .item li a{color:#aaa;padding:10px 5px;}
.menu .list .item li a:hover{color:#fff;}

.menu .list .item:hover ul{display:block;}
.menu .list .item:hover ul ul{display:none;}
.menu .list .item ul ul{display:none;}
.menu .list .item ul li:hover ul{display:block;left:100%;width:100%;right:auto;top:0;padding:0;}


.header2{position:absolute;z-index:1000;left:0;top:90px;right:0;background:#f8f8f8;height:0;transition:all 0.5s;overflow:hidden;}
.header2.show{height:220px;}
.header2 .m { position:relative; }

.header2 .menu2{position: absolute; left: 480px; right: 0; top: 0px; font-size: 12px; }

.header2 .menu2 .item{float:left;width:20%;text-align:center;height:175px;overflow:hidden;}
.header2 .menu2 .item a{display:block;line-height:25px;color:#666;}
.header2 .menu2 .item a:hover{color:#762f32;}
.header2 .menu2 .item .icon{height:40px;margin:10px 0;}
.header2 .menu2 .item2 .icon{background:url(../images/icon2.png) center center no-repeat;}
.header2 .menu2 .item3 .icon{background:url(../images/icon3.png) center center no-repeat;}
.header2 .menu2 .item4 .icon{background:url(../images/icon4.png) center center no-repeat;}
.header2 .menu2 .item5 .icon{background:url(../images/icon5.png) center center no-repeat;}
.header2 .menu2 .item2 .icon.cur{background:url(../images/icon2_act.png) center center no-repeat;}
.header2 .menu2 .item3 .icon.cur{background:url(../images/icon3_act.png) center center no-repeat;}
.header2 .menu2 .item4 .icon.cur{background:url(../images/icon4_act.png) center center no-repeat;}
.header2 .menu2 .item5 .icon.cur{background:url(../images/icon5_act.png) center center no-repeat;}

.banner{clear:both;margin:0 auto;position:relative;overflow:hidden;}
.banner img{width:100%;float:left;}
.banner .flex-control-nav a { background: #fff; border-radius:100%;}
.banner .flex-control-nav a.flex-active {background:#d70800; }

.banner .swiperbannerpage{position:absolute;left:0;right:0;bottom:20px;text-align:center;}
.banner .swiperbannerpage span{margin:0 5px;background:#fff;width:12px;height:12px;opacity:1;}
.banner .swiperbannerpage span.swiper-pagination-bullet-active{background:#762f32;}


.title{text-align:center;padding:30px;font-size:25px;color:#000;letter-spacing:2px;}
.title .line{line-height:40px;text-align:center;}
.title .line span{display:inline-block;width:60px;height:3px;vertical-align:middle;background:#afafaf;}
.title .t2{line-height:80px;font-size:13px;color:#626262;}

.title.white{color:#fff;}
.title.white .t1{color:#fff;}
.title.white .t1 span{color:#fff;}
.title.white .t2{color:#c5c2c0;}

.more{text-align:center;}
.more a{display:inline-block;border:1px solid #c7c7c7;height:40px;line-height:40px;padding:0 25px;font-size:14px;color:#c7c7c7;vertical-align:middle;}
.more a i{display:none;width:30px;height:100%;background2:url(../images/morejia.png) right center no-repeat;vertical-align:middle;}
.more a.hover{background:#f08200;}


.owlprevnext .owl-nav div { position: absolute; width: 23px; height: 35px; text-indent: 100px; overflow: hidden; top: 50%; margin-top: -18px; background: url(../images/prevnext.png) no-repeat; }
.owlprevnext .owl-nav .owl-prev { left: 335px; background-position: 0 0; }
.owlprevnext .owl-nav .owl-next { right: 35px; background-position: right 0; }



.typebox{margin-top:60px;overflow: hidden;background:url(../images/productbg.jpg) center top no-repeat;height:680px;}
.typebox .m{position:relative;}


.typebox .a{color:#fff;position:absolute;left:80px;top:120px;font-size:30px;}
.typebox .a{}
.typebox .b{color:#fff;position:absolute;left:80px;top:170px;height:100px;line-height:20px;font-size:14px;}
.typebox .b{}
.typebox .c{color:#fff;position:absolute;right:25%;top:100px;height:80px;line-height:80px;background:#762f32;padding:0 20px;font-size:25px;}
.typebox .c{}
.typebox .d .dd{position:absolute;}
.typebox .d .dd a{display:block;}
.typebox .d .dd .text .tit{padding:0 30px;font-size:18px;margin-top:30px;}
.typebox .d .dd .text .desc{padding:10px 30px;font-size:14px;line-height:20px;}
.typebox .d .dd .text .more{text-align:left;padding:10px 30px;}
.typebox .d .dd .text .more span{padding:5px 14px;background:#762f32;color:#fff;}
.typebox .d .dd1{right:0;width:25%;top:100px;height:235px;background:#f0f0f0;}
.typebox .d .dd1 img{display:none;}
.typebox .d .dd2{left:0;right:50%;top:335px;height:235px;background:#f0f0f0;overflow:hidden;}
.typebox .d .dd2 .text{float:left;width:50%;}
.typebox .d .dd2 .img{overflow:hidden;}
.typebox .d .dd2 .img img{width:100%;}
.typebox .d .dd3{left:50%;right:0;top:335px;height:235px;background:#f0f0f0;overflow:hidden;}
.typebox .d .dd3 .text{float:left;width:50%;}
.typebox .d .dd3 .img{overflow:hidden;}
.typebox .d .dd3 .img img{width:100%;}


.typebox .list{overflow:hidden;padding:30px 0;}
.typebox .list .item{float:left;width:23.5%;margin:0 2% 0 0;text-align:center;line-height:50px;}
.typebox .list .item:last-child{margin:0;}
.typebox .list .item a{font-size:16px;}
.typebox .list2 .item{float:left;height:375px;overflow:hidden;position: relative;}
.typebox .list2 .item:nth-child(2n){float:right;margin-bottom:40px;}
.typebox .list2 .item .img{float:left;height:100%;overflow:hidden;}
.typebox .list2 .item .tit{position:absolute;right:50%;top:10%;left:10%;font-size:50px;color:#33749b;}
.typebox .list2 .item .more{position:absolute;bottom:20%;left:10%;line-height:50px;width:25%;color:#33749b;background:#fff;}
.typebox .list2 .item:nth-child(3) .tit{right:10%;left:60%;}
.typebox .list2 .item:nth-child(4) .tit{right:10%;left:60%;}
.typebox .list2 .item:nth-child(3) .more{left:60%;}
.typebox .list2 .item:nth-child(4) .more{left:60%;}

.typebox .list2 .item a:hover .more{background:#33749b;color:#fff;}

.aboutbox{background:#fff;text-align:center;overflow:hidden;margin-top:20px;padding:10px 0;}
.aboutbox .left{clear:both;}
.aboutbox .left .more{display:none;text-align:left;}
.aboutbox .left .content{margin:20px 0;line-height:25px;font-size:14px;color:#737373;}

.aboutbox .right{clear:both;}
.aboutbox .right video{width:100%;background:#000;}


.casebox{background:url(../images/casebg.jpg) center top no-repeat;overflow:hidden;padding-bottom:50px;}
.casebox .title{padding:80px;}
.casebox .list{overflow:hidden;}
.casebox .list .item{float:left;width:32%;margin:0 2% 2% 0;position:relative;overflow:hidden;}
.casebox .list .item:nth-child(3n){margin:0 0 2% 0;}
.casebox .list .item img{width:100%;margin:auto;}
.casebox .list .item a{display:block;height:265px;overflow:hidden;}
.casebox .list .item .tit{position:absolute;left:0;bottom:-100%;right:0;height:40px;line-height:40px;color:#000;background:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.5s;}
.casebox .list .item a:hover .tit{bottom:0;}

.casebox .more a{background:#d7d7d7;border-color:#d7d7d7;color:#000;margin-top:50px;}


.newsbox{overflow:hidden;background:url(../images/newsbg.jpg) center top no-repeat;}
.newsbox .image{float:left;margin:50px;}
.newsbox .list{overflow:hidden;}
.newsbox .list .item{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #cfcfcf;}
.newsbox .list .item:first-child{margin-top:50px;}
.newsbox .list .item a{display:block;font-size:14px;}
.newsbox .list .item .img{display:none;float:left;margin-right:20px;border:1px solid #eee;width:120px;height:120px;position:relative;overflow:hidden;}
.newsbox .list .item .img img{width:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.newsbox .list .item .tit{line-height:40px;font-size:18px;}
.newsbox .list .item .time div{display:none;}
.newsbox .list .item .time .ymd{display:block;}
.newsbox .list .item .cont{height:40px;line-height:20px;margin:10px 0;color:#757575;overflow:hidden;}

.newsbox .more{margin:50px 0;text-align: right;}
.newsbox .more a{color:#000;background: #d7d7d7;}


.contactbox{background:#f5f5f5;}
.contactbox .list{height:200px;padding:20px 0;}
.contactbox .list .item{float:left;width:28%;margin:0 2% 2% 0;padding:2%;box-shadow:0 0 2px 0 #aaa;background:#fff;}
.contactbox .list .item:nth-child(3n){margin:0 0 2% 0;}

.contactbox .list .item img{float:left;margin-right:20px;}
.contactbox .list .item .a{overflow:hidden;}
.contactbox .list .item .a div{font-size:18px;color:#2c2c2c;line-height:30px;}
.contactbox .list .item .a div:last-child{line-height:20px;font-size:15px;}



.footer { position: relative; clear: both; background:#090806; color: #fff; padding:50px 0; font-size: 14px;overflow:hidden; }
.footer .m{position:relative;}
.footer a{color:#fff;}

.footer .list{overflow:hidden;padding-bottom:30px;}
.footer .item{float:left;width:20%;}

.footer .qrcode{float:right;width:100px;text-align:center;line-height:20px;margin:20px;}

.footer .footmenu{width:60%;}
.footer .footmenu .item{width:33.33%;line-height:50px;font-size:14px;}
.footer .footmenu .item li{line-height:30px;}
.footer .footmenu .item li a{color:#7d7e7d;}

.footer .contact{line-height:50px;}
.footer .contact .b{color:#7d7e7d;line-height:30px;}

.footer .nav{width:40%;margin-right:10%;padding:10px 0;}
.footer .nav a{float:left;width:50%;display:block;line-height:30px;}

.footer .search{display:none;text-align:right;}
.footer .search .a{font-size:18px;color:#222;line-height:50px;}
.footer .search .b{position:relative;border-radius:5px;border:1px solid #a4a4a5;width:90%;margin-left:10%;overflow:hidden;}
.footer .search .b input{border:0;background:none;margin:0;padding:0 2%;width:96%;height:40px;}
.footer .search .b input:last-child{position:absolute;right:0;top:0;width:30%;background:#33749b;color:#fff;}

.footer .copyright{padding:30px 0 0 0;text-align:center;border-top:1px solid #3f3e3d;}

/* 
.in { clear: both;margin-bottom:50px;}

.in .m { width: 100%; }

.in .left {background:#f8f8f8;height:50px;line-height:50px;text-align:center; }
.in .left .a {display:none; height: 40px; line-height: 40px; background: #0390de; padding: 0 15px; color: #fff; font-size: 16px; border-radius: 5px 5px 0 0; }
.in .left .b { border:0px solid #0390de; border-bottom: 0; border-radius: 0 0 5px 5px; font-size: 14px; overflow: hidden; }
.in .left .b a { display: inline-block; line-height: 30px; color: #000; font-size: 14px; }
.in .left .b li{border-bottom: 0px solid #0390de;display:inline-block; }
.in .left .b li a { padding: 0 20px; display:block; color: #000; }
.in .left .b li:hover a,.in .left .b li.cur a{color:#0390de;}
.in .left .b li span{display:none;}
.in .left .b ul{border-top: 1px solid #0390de;}
.in .left .b li li a{padding-left:30px;}
.in .left .b li li li a{padding-left:45px;}

.in .left .c{display:none;}
.in .left .c li{padding:0 15px;line-height:30px;color: #000;}

.in .right { position: relative; width:1200px;margin:0 auto; }
.in .right .a {display:none; background: #0390de; font-size: 16px; color: #fff; height: 40px; line-height: 40px; border-bottom: 0px solid #000; border-radius: 5px; }
.in .right .a span{margin-left:10px;}
.in .right .pos {display:none; position: absolute; right: 10px; top: 0; line-height: 40px; font-size: 12px;color: #fff;  }
.in .right .pos a{color:#fff;}
.in .right .pos span{margin:0;}
.in .right .c { padding: 10px;font-size:14px;line-height:25px; } */


.in { padding: 20px 0; }

.in .left { float: left; width: 230px; margin-right: 20px; }
.in .left .title {font-size:16px;font-weight:normal; height: 40px; line-height: 40px; background: #762f32; padding: 0 15px; color: #fff; text-align:left;}
.in .left .title span { color: #fff; }
.in .left .list { border: 1px solid #762f32; font-size: 14px; }
.in .left .list a { display: inline-block; padding: 0 15px; line-height: 30px; color: #762f32; font-size: 14px; color: #000; }
.in .left .list li { position: relative; border-bottom: 1px solid #762f32; line-height: 30px; color: #000; }
.in .left .list li li a { padding-left: 30px; }
.in .left .list li ul { display: none; border-top: 1px solid #762f32; }
.in .left .list li .jia { display: inline-block; position: absolute; right: 10px; top: 7.5px; height: 15px; line-height: 15px; font-size: 12px; color: #000;cursor:pointer; }
.in .left .list2 li { padding: 0 15px; }

.in .right { position: relative; float: left; width: 900px; }
.in .right .title {font-size:16px;font-weight:normal;text-align:left; height: 40px; line-height: 40px; border-bottom: 1px solid #762f32; color: #000; font-weight: bold;background-image:none; padding:0;}
.in .right .location { position: absolute; right: 0; top: 0; line-height: 40px; font-size: 12px; }
.in .right .content { padding: 10px 0; word-wrap: break-word; }


.productlist li { float: left; width: 25%; }
.productlist li a { position:relative;display: block; margin: 5px; text-align: center; color: #333; }
.productlist li a .img {position:relative; height:0;padding-bottom:100%; overflow: hidden; border: 1px solid #eee; }
.productlist li a .img img { position:absolute;left:0;top:0;right:0;bottom:0;max-width:100%;max-height:100%;margin:auto; }
.productlist li a .tit { padding:0 10px;height:50px;line-height:50px;background:#fff;color:#000; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.productlist li a .time{display:none;}
.productlist li a.hover{box-shadow:#eee 2px 2px 3px 5px; }
.productlist li a:hover .configs{max-height:500px;}
.productlist li a:hover .tit { color: #da251c; }

.newslist a { display: block; position: relative; line-height: 45px; border-bottom: 1px dashed #eaeaea; font-size: 12px; color: #333; }
.newslist a .time { position: absolute; right: 0; top: 0; display: inline-block; height: 45px; line-height: 45px; }
.newslist a img{display:none;}

.newslist2 li {position: relative;  clear: both; }
.newslist2 a { display: block;padding-bottom:20px;margin-bottom:20px; line-height: 30px; border-bottom: 1px dashed #eaeaea; font-size: 12px; color: #333; }
.newslist2 a .time { position: absolute; right: 0; top: 0; display: inline-block; height: 25px; line-height: 25px; }
.newslist2 a .img{float:left;width:145px;height:95px;margin-right:15px;position:relative;overflow:hidden;}
.newslist2 a .img img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;margin:auto; }
.newslist2 a:hover .tit { color: #da251c; font-weight:bold;}

.infoshow .tit { height: 45px; line-height: 45px; font-size: 18px; border-bottom: 1px dashed #eaeaea; color: #333; text-align: center; }
.infoshow .time{font-size:12px;text-align:center;line-height:30px;}
.infoshow .info { font-size: 12px; text-align: center; line-height: 25px; color: #333; }
.infoshow .img { text-align: center; margin: 15px;}
.infoshow .cont { clear: both; font-size: 14px; line-height: 30px; color: #333;margin: 10px 0; }
.infoshow .cont a { font-size: 14px; color: #333; }
.infoshow .prevnext { line-height: 30px; font-size: 12px; }
.infoshow .prevnext a { font-size: 12px; }

.infoshow .imgs .left { float: left; width: 120px; text-align: center; }
.infoshow .imgs .left img { width: 110px; height: 110px; border: 1px solid #333; cursor: pointer; }
.infoshow .imgs .right { float: left; width: 630px; text-align: center; overflow: hidden; }
.infoshow .imgs .right img { height: 350px; }
.infoshow .cont .ctit { height: 40px; border-bottom: 1px solid #b61b23; margin-top: 10px; }
.infoshow .cont .ctit span { display: inline-block; cursor: pointer; height: 40px; line-height: 40px; text-align: center; font-size: 16px; background: #9e9e9e; color: White; margin-right: 2px; padding: 0 15px; }
.infoshow .cont .ctit span.cur { background: #b61b23; }
.infoshow .cont .ccont div { display: none; }
.infoshow .cont .ccont div.cur { display: block; }



.inmessage { font-size: 14px; }
.inmessage input[type=text] { width: 300px;height:25px; }
.inmessage input[type=submit], .inmessage input[type=reset] { padding: 0 20px;height:30px; }
.inmessage li { font-size: 14px; margin-bottom:14px;}
.inmessage li span{ display:inline-block;width:60px;}
.inmessage li.cont span{float:left;}
.inmessage li.btn{clear:both;}




.page { clear: both; height: 100px; line-height: 100px; text-align: center; font-size: 14px; color: #333; }
.page a { display: inline-block; text-align: center; height: 30px; line-height: 30px; padding: 0 10px; margin: 5px; border: 1px solid #eaeaea; font-size: 12px; color: #333; }
.page a.cur { background: #eaeaea; }
