* { margin: 0; padding: 0; font-family: '微软雅黑'; }
html, body {position:relative; margin: 0; padding: 0;min-width:1250px; }
img { border: 0; }
a, span { text-decoration: none; display: inline-block; }
a{color: #333;}
ul, li, ol { margin: 0; padding: 0; list-style: none; }
p { margin: 0; padding: 0; }
.cb { clear: both; }
.fr { float: right; }
.fl { float: left; }
.tc { text-align: center; }
.pr { position: relative; }
.pa { position: absolute; }
.dn { display: none; }

.m { width: 1200px; margin: 0 auto; }

.nodata { padding: 20px 0; text-align:center;font-size:15px;}

.toper{height:30px;line-height:30px;background:#eeeeee;font-size:13px;}
.toper .a{float:left;}
.toper .b{float:right;}

.header2 {position:absolute;left:0;top:0;right:0;z-index:1000;height: 100px; border-bottom: 0px solid #2d9ad5; }
.header {height: 85px; border-bottom: 0px solid #2d9ad5; }
.header .m { position: relative; }
.header .logo { float: left; margin: 20px 0 0 0; }
.header .logo img { float: left; height: 45px; }
.header .info { float: left;height:30px;line-height:30px; font-size: 18px; color: #333; border-left:1px solid #333;padding-left:30px;margin:25px 0 0 20px;}
.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 {display:none; position: absolute; z-index: 10; right: 0px; top: 35px; width: 70px; height: 30px; line-height: 30px; overflow: hidden; font-size: 0; background2: url(../images/down.png) right 12px no-repeat; text-align: right; padding: 0 5px; }
.header .language a { display: block; color: #fff; font-size: 12px; height: 30px; line-height: 30px; vertical-align: middle; padding-right: 10px; }
.header .language img { float: left; vertical-align: middle; margin: 0; padding: 0; }

.header .hotphone {  position: absolute; z-index: 10; right: 0; top: 15px;height: 45px; font-size: 15px; color: #2659d9; padding-left: 60px; background: url(../images/telicon.png) no-repeat; overflow: hidden; }
.header .hotphone .a {color: #000; font-weight: bold; }
.header .hotphone .b { font-size: 18px; font-weight: bold;}

.header .search { display: none; position: absolute; top: 60px; right: 0; height: 30px; width: 220px; border: 1px solid #acaaab; border-radius: 4px; overflow: hidden; }
.header .search input { vertical-align: middle; background: none; font-size: 0; }
.header .search input[type=text] { width: 167px; height: 30px; line-height: 30px; color: #000; font-size: 12px; padding-left: 10px; border: 0; }
.header .search input[type=submit] { border: 0; width: 40px; height: 30px; background: url(../images/searchicon.png) center center no-repeat; }

.menu2 { position: absolute; top: 35px; right: 180px; width: auto; height: 30px; line-height: 30px; font-size: 14px; }
.menu {clear:both; height:60px; line-height:60px; font-size: 14px;background:#1d1d1d; }
.menu .list { }
.menu .list .item { position: relative; float: left; text-align: center;width:12.5%;width2:14.285%; }
.menu .list .item a.first { display: block;padding:0 10px; font-size: 14px; color: #fff;height: 36px;line-height:36px;margin:12px 0; border-right:1px solid #666666;text-align:center; }
.menu .list .item a.first span {display:inline-block;padding:0 20px; }
.menu .list .item a.first.cur span, .menu .list .item a.first:hover span { color: #fff;border-radius:18px;background:#2659d9; }

.menu .list .item ul { display: none; position: absolute; z-index: 1000; left: 20px; right: 20px; top:90%; line-height: 30px; border-radius: 8px;overflow:hidden; }
.menu .list .item ul li a { display: block; height:30px;line-height:30px;border:0; padding: 0; background:#2659d9; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menu .list .item ul li a:hover { color: #000; }

.banner { margin: 0 auto; border-bottom: 0 solid #000; background: #e1e1e1; }
.banner img { float: left; width: 100%; }
.banner .flex-control-nav li { width: 12px; height: 12px; margin: 0 5px; }
.banner .flex-control-nav a { background: #fff; width: 12px; height: 12px; border-radius: 100%; }
.banner .flex-control-nav a.flex-active { background: #348bd5; }
.banner .owl-dots { position: absolute; left: 0; right: 0; bottom:20px;text-align: center; }
.banner .owl-dots div {display:inline-block; width: 10px; height: 10px;border-radius:100%; background: #00678a; margin:0 5px;}
.banner .owl-dots div.active { background: #ed1e24; }


.searchbox { color: #fff; }
.searchbox .a { float: left; width: 50%;background:#2659d9;height:115px;overflow:hidden; }
.searchbox .a .aa { float:right; width: 580px;font-size:14px;line-height:20px;padding-right:20px; }
.searchbox .a .aa .aa1 { color: #fff;height:20px;line-height:20px;margin:15px 0;vertical-align:middle; }
.searchbox .a .aa .aa1 span {display:inline-block; font-size: 18px;font-weight:bold; margin-right:15px;padding-right:15px;border-right:1px solid #aaa;vertical-align:middle; }
.searchbox .a .aa .aa2 { padding:5px 0;}
.searchbox .b { float: left; width: 50%; color:#000; }
.searchbox .b .bb { float: left; width: 600px;position:relative; }
.searchbox .b .bb .bb1 { float: left;margin:40px 0 0 20px; padding-left:50px; height: 40px;line-height:40px;font-size:25px; background: url(../images/telicon2.png) 0 center no-repeat; }

.searchbox .b .bb .bb2 {float:right;margin:40px 0 0 0; }
.searchbox .b .bb .bb2 input { border: 0; background: #f5f5f5; padding:0 10px;height:40px;}
.searchbox .b .bb .bb2 input[type=submit] { width: 40px; background:#f5f5f5 url(../images/searchicon.png) center center no-repeat; }

.boxtitle { position: relative; text-align: center; }
.boxtitle .bt1 { font-size: 0; text-align:center;line-height:20px; }
.boxtitle .bt1 span {display:inline-block;font-size:12px;width: 100px;vertical-align:middle }
.boxtitle .bt1 .btl2 {  height: 3px; background: #434343; }
.boxtitle .bt1 .btl1 { height: 5px; background: #2659d9; }
.boxtitle .bt1 .btr2 { height: 3px; background: #434343; }
.boxtitle .bt1 .btr1 { height: 5px; background: #2659d9; }

.boxtitle .bt1 .btt { font-size: 25px; padding:0 20px;font-weight:bold;padding-top:20px;}
.boxtitle .bt1 .btt font { display: block; font-weight: normal; font-size:14px;margin-top:10px;}

.boxtitle .bt2 { color:#434343;font-size:16px; line-height:40px;}
.boxtitle .bt2 span { height: 5px; width: 30px; }
.boxtitle .bt3 { font-size: 13px; line-height: 45px; color: #757474; }
.boxtitle .bt4 { line-height: 25px; color: #acacac; font-size: 12px; }

.boxtitle.white .bt1,.boxtitle.white .bt2{color:#fff;}




.productbox{overflow:hidden;}
.productbox .boxtitle{margin:60px 0 30px 0;}
.productbox .list{overflow:hidden;}
.productbox .list .tt { text-align:center;font-size:22px;height:60px;font-weight:bold;}
.productbox .list li{float:left;width:32%;margin:0 2% 2% 0;}
.productbox .list li.r{margin:0 0 2% 0;}
.productbox .list li a{display:block;color:#000;text-align:left;}
.productbox .list li .img{position:relative;height:0;padding-top:80%;background:#f5f5f5;overflow:hidden;}
.productbox .list li .img img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;margin:auto;transition:all 0.5s;}
.productbox .list li .tit{background:#eee;padding:0 20px;font-size:14px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.productbox .list li a:hover .img img{transform:scale(1.2);}


.productbox .more{display:none;text-align:center;}
.productbox .more a{height:50px;line-height:50px;padding:0 40px;border-radius:26px;border:1px solid #fff;font-size:14px;color:#fff;}






.aboutbox{overflow:hidden;background:url(../images/aboutbg.jpg);}
.aboutbox .boxtitle{margin:30px 0 20px 0;}

.aboutbox .a{position:relative;overflow:hidden;}
.aboutbox .a .cont{float:left;width:700px;}
.aboutbox .a .cont .c1{font-size:22px;margin-bottom:30px;}
.aboutbox .a .cont .c2{height:175px;line-height:25px;overflow:hidden;font-size:14px;}
.aboutbox .a .cont .c3 {position:absolute;left:0;bottom:-10px;width:695px;height:80px;background:url(../images/abouticon.png) no-repeat; }
.aboutbox .a .img{float:right;}
.aboutbox .a .img img{max-width:100%;}

.aboutbox .a .more{margin-top:20px;}
.aboutbox .a .more a{display:inline-block;padding:10px 60px 10px 20px;font-size:12px;color:#fff;background:#2659d9 url(../images/moreicon.png) 80px center no-repeat;}

.aboutbox .b{clear:both;padding-top:40px;overflow:hidden;}
.aboutbox .b a{position:relative;display:block;color:#fff;overflow:hidden;}
.aboutbox .b img{width:100%;}

.aboutbox .b .tit{position:absolute;z-index:2;top:40%;left:10px;right:10px;text-align:center;font-size:22px;}
.aboutbox .b .info{position:absolute;z-index:2;top:55%;left:10px;right:10px;text-align:center;font-size:14px;}
.aboutbox .b .cont{display:none;}
.aboutbox .b .bg{position:absolute;left:0;top:120%;right:0;height:100%;background:url(../images/redhover.png);transition:all 0.5s;}
.aboutbox .b a:hover .bg{top:0;}


.aboutbox .b .owl-nav div { position: absolute; width: 43px; text-indent: 100px; overflow: hidden; height: 43px; top: 50%; background: url(../images/prevnext.png) no-repeat;margin-top:-21.5px; }
.aboutbox .b .owl-nav div:hover { }
.aboutbox .b .owl-nav .owl-prev { left: 0; }
.aboutbox .b .owl-nav .owl-next { right: 0; background-position: right top; }




.newsbox{background:#fff;overflow:hidden;padding:70px 0;}
.newsbox .m { position: relative; }
.newsbox .a { font-size: 20px;height:80px; }
.newsbox .a .a2 { font-size: 16px;color:#a4a5a8; }
.newsbox .line { display:inline-block;height:30px;position: absolute; left: 300px;top:0; right: 150px; background: url(../images/newsline.png) center center repeat-x; }

.newsbox .more{position:absolute;right:0;top:-5px;}
.newsbox .more a{display:inline-block;padding:10px 60px 10px 20px;font-size:12px;color:#aaa;background:#fff url(../images/moreicon2.png) 80px center no-repeat;}

.newsbox .t { float: left;width:26%; margin-right:11%;overflow:hidden;}
.newsbox .t.last { margin: 0; }
.newsbox .t .ttit { font-size: 16px; line-height: 45px; border-bottom: 1px solid #d6d6d6;}
.newsbox .list li{}
.newsbox .list li a{color:#333;text-align:left;line-height:50px;font-size:14px;}
.newsbox .list li .tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsbox .list li .img { display: none; }
.newsbox .list li .time{display: none;font-size:14px;height:30px;}
.newsbox .list li .cont{margin-top:5px;color:#838385;font-size:12px;height:60px;line-height:20px;overflow:hidden;}
.newsbox .list li a:hover { color: #2659d9; }


.contactbox{background:url(../images/contactbg.jpg) center top no-repeat;height:190px;color:#fff;overflow:hidden;}
.contactbox .boxtitle{margin:70px 0;}

.contactbox .left{float:left;width:50%;overflow:hidden;line-height:50px;font-size:18px;padding-top:20px;}
.contactbox .left span { vertical-align:middle; display: inline-block; width: 30px;height:25px; background: url(../images/contacticon.png) 0 top no-repeat;text-indent:1000px;overflow:hidden; }
.contactbox .left .address span { background-position: 0 center; }
.contactbox .left .email span { background-position: 0 bottom; }

.contactbox .right input::-webkit-input-placeholder {color: #fff;}
.contactbox .right input:-moz-placeholder {color: #fff;}
.contactbox .right input:-ms-input-placeholder {color: #fff;}
.contactbox .right textarea::-webkit-input-placeholder {color: #fff;}
.contactbox .right textarea:-moz-placeholder {color: #fff;}
.contactbox .right textarea:-ms-input-placeholder {color: #fff;}


.contactbox .right{margin-left:50%;}
.contactbox .right .a { display: none; }
.contactbox .right input{width:90%;padding:0 2%;height:40px;line-height:40px;border:1px solid #aaa;margin:5px 0;background:none;}
.contactbox .right input[type=submit]{width:100px;border:0;border-radius:0;background:#2659d9;color:#fff;}
.contactbox .right input[name=checkcode] {float:left; width: 100px; }
.contactbox .right textarea {float:right;margin-top:5px;width:95%;padding:0 2%;height:92px;background:none;border:1px solid #aaa; }
.contactbox .right img { height: 42px; width: 100px; margin:5px 0;}

.contactbox .right .a{text-align:center;color:#d40f0f;line-height:50px;font-size:18px;}

.contactbox .right .f1 { float: left; width: 50%;padding-top:20px; }
.contactbox .right .f2 {position:relative; float: left; width: 100%; }
.contactbox .right .f2 .btn { position: absolute; right: 0; top: 0; }

.linksbox{padding:40px 0;}
.linksbox .text{display:none;}




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






.footer { clear: both; background: #242328; height: 310px; color: #fff; font-size: 14px; overflow: hidden; }
.footer .m { position: relative; overflow: hidden; height: 100%; }

/*底部多级菜单*/
.footer .a { float: left; width: 65%;height:280px;margin-top:45px;padding-right:40px;margin-right:40px;border-right: 1px solid #363636;overflow:hidden; }
.footer .a .copyright{clear:both;font-size:14px;padding-top:20px;color: #bfbebe;line-height:30px;}
.footer .a .copyright a { color: #bfbebe; }
/*底部二维码*/
.footer .b { font-size: 16px;color: #fff;margin-top:45px;text-align:center; }
.footer .b div{display:inline-block;width:150px;text-align:center;}
.footer .b div img{margin-top:20px;}

.footer .c { float: left;font-size: 12px; width:340px;height:200px;margin-top:45px;margin-right:40px;line-height: 25px;color: #a8a8a8; border-right: 1px solid #363636; }


.footer .tit {display:none; font-size: 16px; margin-bottom: 20px; color: #fff; }


.footer .left { float: left; width: 40%; }
.footer .right { float: left; width: 60%; text-align: right; }


.footmenu .item { float: left; width: 25%;line-height: 25px;  }
.footmenu .item a { color: #fff;font-size: 16px; }
.footmenu .item ul { margin-top:15px; }
.footmenu .item li a { color: #bfbebe; font-size:14px; }



.footmenu2 { clear: both; text-align: left; }
.footmenu2 a { display: inline-block; width: 60px; color: #fff; font-size: 14px; }


.footcopyright { clear: both; position: absolute2; bottom: 0; left: 0; right: 0; text-align: center; line-height: 40px; background: #696969; color: #fff; }
.footcopyright a { color: #fff; }









.in {clear:both; background:#f5f5f5; padding: 20px 0;overflow:hidden; }
.in .m{height:100%;}
.in .left { float: left; width: 300px; margin-right: 0; background:url(../images/inlefttitlebg.png) no-repeat; }
.in .left .title { height: 65px; padding-left:80px; color: #fff;text-align:left;line-height:40px;font-size:22px;font-weight:bold; }
.in .left .title span {display:block;font-weight:normal;line-height:15px;font-size:14px; color: #fff; }
.in .left .list {background:#fff;padding-top:41px;  font-size: 14px;margin-left:50px;width:230px; }
.in .left .list a { display:block;border-left:3px solid #fff; padding: 0 15px; line-height: 40px; color: #323232; font-size: 14px; color: #000; }
.in .left .list li { position: relative; border-bottom: 0px solid #ec1d23; 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 #d40f0f; }
.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; }
.in .left .list2 li { padding: 0 15px; }

.in .left .list a:hover,.in .left .list li.cur a{border-color:#0d359a;background:#f0f6fe;}

.in .left .leftinfo{margin:20px 20px 20px 50px;background:#fff;}
.in .left .leftinfo .a{padding-top:30px;text-align:center;font-size:22px;}
.in .left .leftinfo .b{margin:20px 15px;padding-bottom:20px;font-size:13px;text-align:center;border-bottom:1px solid #eee;}
.in .left .leftinfo .c{padding:0 15px;overflow:hidden;}
.in .left .leftinfo .c div{clear:both;line-height:25px;margin-bottom:10px;vertical-align:top;font-size:14px;}
.in .left .leftinfo .c span{display:inline-block;height:25px;line-height:25px;width:40px;background:url(../images/incontacticon.png) no-repeat;overflow:hidden;vertical-align:top;text-indent:100px;}
.in .left .leftinfo .c .c2 span{background-position:0 center;}
.in .left .leftinfo .c .c3 span{background-position:0 bottom;}
.in .left .leftinfo .d{text-align:center;margin:20px 0;padding:20px 0 40px 0;font-size:12px;line-height:30px;}
.in .left .leftinfo .d img{width:100px;}

.in .right { position: relative; float: left; width:900px; background:#fff;height:100%;}
.in .right .title {display:none; padding:0 20px;height: 65px; line-height: 65px; border-bottom: 1px solid #d40f0f; color: #9b9b9b; font-weight: bold; }
.in .right .location { padding:0 20px;height: 64px; line-height: 64px; left: 20px; border-bottom: 1px solid #ededef;font-size: 14px;color: #9b9b9b; }
.in .right .content { padding: 10px 20px; word-wrap: break-word; min-height:622px;}


.inproduct { padding: 0; }
.inproduct .a { background: #000; color:#fff;font-size:30px;padding:20px 0;}
.inproduct .a .tip { font-size: 15px;line-height:30px; }
.inproduct .a .search { overflow: hidden; }
.inproduct .a .search input,.inproduct .a .search select{ float:left;border:0;margin:10px 0;padding:0;background:#fff;height:30px;width:200px;}
.inproduct .a .search select { margin-right: 20px; }
.inproduct .a .search input[type=submit] {width:30px;background:#fff url(../images/searchicon2.png) center center no-repeat;text-indent:1000px;overflow:hidden; }

.inproduct .productbox { padding: 20px 0; }


.productshowview .banner { display: none; }
.productshowview .inproduct .a { background: #f5f5f5;color:#000; height:530px;}
.productshowview .inproduct .a .tit { float: left; width: 600px; padding-top:80px;margin-right:100px;}
.productshowview .inproduct .a .info { font-size: 16px; line-height: 30px; }

.productshowview .inproduct .a .img { position: relative;width:400px;height:400px;overflow:hidden;margin-top:30px;}
.productshowview .inproduct .a .img img { position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:100%;height:100%;}

.productshowview .inproduct .b .b1{height:100px;background:#000;color:#fff;line-height:70px;font-size:20px;}
.productshowview .inproduct .b .tabs div{float:left;width:33.33%;height:30px;line-height:30px;background:#2659d9;color:#fff;text-align:center;font-size:15px;cursor:pointer;}
.productshowview .inproduct .b .tabs .cur{background:#f5f5f5;color:#333;}
.productshowview .inproduct .b .tabs div span{display:block;border-right:1px solid #f5f5f5;}

.productshowview .inproduct .c{padding:20px;min-height:500px;display:none;}
.productshowview .inproduct .c.cur{display:block;}

.productlist li { float: left; width: 25%; }
.productlist li a { display: block; margin: 5px; text-align: center; color: #333; overflow: hidden; }
.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 { height: 30px; line-height: 30px; overflow: hidden; font-size: 12px; background: none;text-overflow:ellipsis; }
.productlist li a .time{display:none;}
.productlist li a:hover, .productlist li a:hover .tit { border-color: #eee; background: none; }


.newslist a { display: block;padding:0 20px; position: relative; line-height: 45px; border-bottom: 1px dashed #eaeaea; font-size: 12px; color: #333; }
.newslist a .time { position: absolute; right: 20px; top: 0; display: inline-block; height: 45px; line-height: 45px; }
.newslist a img{display:none;}
.newslist a .tit { width: 70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.infoshow .tit { padding:10px 0; line-height: 25px; font-size: 16px; border-bottom: 1px dashed #eaeaea; color: #333; text-align: center; }
.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{vertical-align:top;}
.inmessage input[type=text] { width: 300px;height:25px;margin-bottom:10px; }
.inmessage textarea { width: 300px;height:100px;margin-bottom:10px; }
.inmessage input[name=checkcode] { width: 240px;height:25px;margin-bottom:10px; }
.inmessage input[type=submit], .inmessage input[type=reset] { padding: 0 20px;height:30px; }
.inmessage img{width:50px;height:28px;}
.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;}

.inproduct .inmessage{width:300px;margin:0 auto;}
.inproduct .inmessage input[type=submit]{width:100%;padding:0;}

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