@charset "utf-8";
/* CSS Document */

/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: inherit;}
a:focus { outline: none; } 
img { border:none; vertical-align:center; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; }
/* end reset */
/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; _display: inline;}
.fr { float:right; _display: inline;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;width: 1100px; margin: auto; *zoom: 1;}
.main-box:before, .main-box:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}
.pic-box div {display: table-cell;vertical-align: middle;text-align: center;*display: block;*font-family: Arial;line-height: 0;*line-height: 1;}
.pic-box img {vertical-align: middle;}

.welcome {height: 35px; line-height: 35px; color: #727272;background: #e1e1e1; min-width: 1100px;}
.lang {float: right; }
.lang a {}
.lang a:hover {color: #505051;}


.header {padding:52px 0px 14px 0; }
.logosection p{height: 54px; float: left;  font-size: 20px; line-height: 1.4;  border-left: 1px solid #cbc6c5; margin-left: 20px; margin-top: 4px; padding-left: 10px; }
.logosection p span{ display: block; font-size: 9px; font-family: "Arial"; padding-top: 4px; line-height: 1.2}
.header-phone {float: right; text-align: left; position: relative; top: -4px;  }
.header-phone span{ display: block;}
.phoneico{ width: 116px; height: 32px; text-align: center; font-size: 14px; line-height: 32px; background-color: #333333;  color: #fff}
.phonenum{ font-size: 26px; line-height: 1.2; color: #333333;}
.ewm{ color: #2f2f2f; line-height: 1; font-size: 12px;text-align: center; margin-left: 12px;  margin-top: -40px;}

.nav {font-size: 0px;line-height: 1;text-align: center; background: #e4e4e4; min-width: 1100px; height: 48px; line-height: 48px;}
.nav li {display: inline-block; width:137px; color: #333333;  font-size: 14px; }
.nav li a {display: block;}
.nav .active,.nav li:hover {color: #fff; background-color: #004665}

.banner {position: relative;min-width: 1100px; }
.one-banner {height: 680px;background-position: center center;background-repeat: no-repeat;}
.banner .hd {position: absolute; bottom: 10px; left: 40%; z-index: 10; width: 20%; margin: auto; text-align: center;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1; width: 12px; height: 12px; margin-right: 4px; background: #ccc; text-indent: -9999px;}
.banner .hd li.on {background: #333;}

.main {padding-top:40px;}
.main-l {float: left;width: 267px;}
.main-r {float: right;width:812px;}

.side-pro-tit {height: 67px; color: #fff;background: url(img/side-tit-bg.jpg) center center no-repeat; text-align: center;}
.side-pro-tit p span {display: block;font-size: 17px; line-height: 1; padding-top: 15px;}
.side-pro-tit p{ font-size: 17px; }
.side-pro-nav {display: block;padding: 4px;font-size: 14px;line-height: 44px;color: #1f1f1f;background: #efefef; height:auto;}
.side-pro-nav p{ font-size: 18px; color: #333333;}
.side-pro-nav {padding: 4px 14px 15px;}
.side-pro-nav li {margin-top: 14px;}
.side-pro-nav a {display: block;padding-left: 35px;background: #e4e4e4;}
.triangle-tag {float: left;margin-top: 18px;margin-left: -20px;border-left: 5px solid #262626;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.side-pro-nav .current a,.side-pro-nav a:hover {color: #fff;background: #004665;}
.side-pro-nav .current .triangle-tag ,.side-pro-nav a:hover .triangle-tag {border-left: 5px solid #fff;}


.index-one-series {position: relative;float: left; margin-right:4px; margin-bottom: 5px; text-align: center; line-height: 2.4; font-size: 12px;}
.index-one-series .pic-box {position: relative; width: 266px;height: 214px;*font-size: 259.88px;}
.index-one-series .pic-box p {padding-top: 60px; font-size: 24px; color: #fff; position: absolute;top: 0;left: 0;display: none;top: 0;bottom: 0; width: 100%; background: url(img/opacity-bg-black.png);background: rgba(0,0,0,.85);}
.index-one-series .pic-box span {margin:0px auto; display: block;width: 40px;height: 40px;font-size: 30px;line-height: 40px;color: #c40000;border-radius: 50%;background-color: #fff;}

.index-cases{ position: relative; height: 730px; margin-top: 44px;}
.index-cases .bd {z-index: -1; position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.index-cases .bd ul li{ min-width: 1100px; height: 778px; background-repeat: no-repeat;background-position: center center;}
.index-cases .bd ul .bg{ height: 778px; background:rgba(0,0,0,.4);}
.index-cases .case-tit{z-index: 2; font-size: 44px; color: #fff; font-weight: bold; text-align: center; padding: 34px 0;}
.index-cases .case-tit span{ display: block; font-size: 19px; font-weight: normal;}
.index-cases .hd ul li{ text-align: center;}
.index-cases .hd a{ display: block; width:61px;height: 61px; position: absolute; top: 40% }
.index-cases .hd a.prev{left: 0; background: url(img/case-prev.png);}
.index-cases .hd a.next{right: 0;background: url(img/case-next.png);}
.index-cases .hd>.main-box{ height: 478px;}
.index-adv{ height: 2058px;min-width: 1100px;  background: url(img/index-adv.jpg) center center no-repeat;}
.common-adv{ padding: 356px 0 0 60px ; color: #fff;}
.common-adv .tit{ font-size: 33px; font-family: "黑体"; padding-bottom: 49px;}
.common-adv .con{ font-size: 14px; line-height: 1.6;}
.common-adv2{padding:171px 0 0 708px  }
.common-adv3{padding:117px 0 0 708px  }
.common-adv4{padding:177px 0 0 63px  }
.common-adv5{padding:134px 0 0 708px  }
.common-adv6{padding:75px 0 0 708px  }

.bot-bg{ height: 190px; min-width: 1100px; background: url(img/bot-bg.jpg) center center no-repeat;}

.common-tit{border-bottom: 1px solid #e0e0e0; height: 107px; line-height: 144px; font-size: 48px; color: #262626; font-weight: bold; text-align: center; background-position: center center; background-repeat: no-repeat; min-width: 1100px;}

.index-store .tit{font-size: 12px; color: #afafaf; margin: 20px auto 24px;text-align: center;}
.index-store .hd {position: relative;}
.index-store .hd a {position: absolute;top: 102px;width: 29px;height: 29px;}
.index-store .prev {left: -36px;background: url(img/store-prev.png);}
.index-store .next {right: -36px;background: url(img/store-next.png);}

.index-store .bd{overflow: hidden}
.index-one-store {float: left;width: 260px; margin-right: 18px;}
.index-one-store .pic-box {width: 252px;margin: auto; padding: 3px; border: 1px solid #e6e6e6}
.index-one-store .pic-box div {width:252px;height: 208px;*font-size: 149.63px;}
.index-one-store .pic-box img {max-width: 252px;max-height: 208px;}
.index-one-store:hover .pic-box{border: 1px solid #4f7c90}

.index-about{ margin-top: 50px;}
.index-about .tit{ height: 77px; margin-bottom: 46px; background: url(img/index-about.png) center center no-repeat; min-width: 1100px;}

.index-part-icon {float: right;}
.index-part-icon div {border: 3px solid #519200; width: 435px;height: 316px;background-position: center center;background-repeat: no-repeat;}
.index-part-con {color: #343434;font-size: 14px; float: left; height:318px;width: 585px; line-height: 37px;}

.index-news{ padding: 34px 0; background-color: #eeeeee; min-width: 1100px; margin-top: 38px;}
.index-news ul li{position: relative; background-position: center center;background-repeat: no-repeat;}
.index-news ul li a{ display: block; position: relative; width: 100%; height: 100%;}
.index-news .l{ width: 290px;}
.index-news .l li{ width: 290px;height: 330px; margin-bottom: 20px;}
.index-news li a>div {text-align: center;line-height: 2;  display: none;background: url(img/opacity-bg-black.png);background: rgba(0,0,0,.7); position: absolute; left: 0;right: 0;top: 0;bottom: 0; color: #fff;font-size: 14px;}
.index-news li .wrap{width:80%; margin: auto; padding-top: 64px;}
.index-news li div span{margin: 25px auto 0; display: block; width: 85px; font-size: 12px; color: #fff; line-height: 20px; text-align: center; height: 20px; border: 1px solid #fff; border-radius: 4px;}
.index-news li div .con{ color: #c9c9c9;margin-top: 6px;}
.index-news .m{ margin: 145px 19px 0;}
.index-news .m li{ width:482px; height: 258px; margin-bottom: 20px; }

.index-news-tit{position: absolute;top: 25px; left: 0;right: 0; margin: auto; text-align:center; font-size: 24px; color: #1c1c1c; width:358px;background:url(img/index-news-tit.png)  center 14px no-repeat; }
.index-news-tit span{font-size: 18px; color: #828282; display: block;}


.footer {padding:43px 0 55px 0;background: #3e3e3e; min-width: 1100px;}
.foot-nav {border-top: 5px solid #004665; font-size: 14px;color: #fff; background: #3e3e3e;min-width: 1100px; }
.foot-nav ul{ font-size: 0; text-align: center; border-bottom: 1px solid #4c4c4c; padding: 42px 0;}
.foot-nav li {font-size: 14px; color: #fff; display: inline-block; }
.foot-nav li a {padding:0 38px; border-right: 1px solid #d4d4d4}
.foot-nav li a:hover {color: #ccc;}
.foot-logo {float: left;border-right: 1px solid #4c4c4c; margin-top: 6px; padding: 10px 60px 10px 0;}
.foot-contact {margin-left: 20px; float: left;font-size: 14px;line-height: 1.9;color: #fff;width: 550px;}
.foot-contact h3{ font-size: 14px; }
.foot-contact a:hover {color: #ccc;}
.foot-ewm {float: right;width: 131px;height: 131px; margin-top: 6px; color: #fff;}
.img_box img{max-width: 100%;max-height: 100%;vertical-align: middle;}

.in-banner {height:400px;background-position: center center;background-repeat: no-repeat;}

.other-page {padding: 30px 0;font-size: 12px;font-weight: bold;line-height: 26px;text-align: center;color: #004665;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em;margin: 0 2px;background: #fff;border: 1px solid #004665;}
.other-page .page-on ,.other-page a:hover {color: #fff;background: #004665;}

.side-contact{ margin-bottom: 48px;}
.side-contact img{ margin:6px 0 20px; }
.contact-con{height: 215px; padding-left: 10px; background: url(img/contact-con.jpg) right bottom no-repeat;}
.contact-con strong{ font-size: 26px; color: #3d3533; line-height: 2}
.contact-con p{ font-size: 14px; line-height: 34px; color: #333333}
.map { margin: 44px 0;}

.one-news {font-size: 12px;color: #666666;margin-bottom: 28px;padding-bottom: 14px; line-height: 1.6;border-bottom: 1px dashed #cdcdcd;}
.one-news a {position: relative;display: block;height:147px;}
.one-news .pic-box {float: left;width: 203px; padding: 3px; border: 1px solid #cdcdcd; margin-right: 15px;}
.one-news .pic-box div {width: 203px;height: 138px;*font-size: 136.5px;}
.one-news .pic-box img {max-width: 203px;max-height: 138px;}
.one-news-tit {font-size: 14px;color: #333333; padding-bottom: 12px; line-height: 1}
.one-news:hover , .one-news:hover .one-news-tit{ color: #004665;}
.view-news {padding: 0 20px; font-size: 12px;background: #004665; color: #fff; position: absolute; bottom: 0}

.news-title {font-size: 16px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;line-height: 0;text-align: center;}
.other-news {padding-bottom: 20px;font-size: 12px;line-height: 2;}
.other-news a:hover {color: #004665;}

.index-side{ position: fixed;right: 10%; top: 30%; color: #fff; text-align: center; background: #545454; width: 150px; height: 396px; border-radius: 4px; border:1px solid #fff; }
.index-side .tit{ font-size: 20px; line-height: 2;  color: #fff;}

.index-side a{ display: block; margin: 6px auto; width: 133px; height: 28px;}
.index-side a.a1{ background: url(img/a1.jpg);}
.index-side a.a2{ background: url(img/a2.jpg);}
.index-side a.a3{ background: url(img/a3.jpg);}




#feedback { margin-left: 0px;}
#feedback .feedbackImf {float: left;line-height: 50px;font-size: 16px;padding-top:16px; padding-left: 103px; background: url(img/contact.jpg) left top no-repeat;}
#feedback form {clear: both;font-size: 12px;}
#feedback form input {margin-left: 20px;line-height: 24px;height: 24px;width: 250px;background-color: #e8e8e8;}
#feedback form textarea {width: 360px;height: 100px;margin-left: 20px;margin-bottom: 6px;background-color: #e8e8e8;}
#feedback form span {line-height: 36px;color: #001b42;}
#feedback form img#Newcode {vertical-align: middle;margin-left: 10px;width: 80px;height: 28px;cursor: pointer;}
#feedback form .Btn {width: 100px;height: 30px;line-height: 30px;font-size: 12px;background-color: #121212;border: 0 none;border-radius: 5px;color:#FFFFFF;}
#feedback form .Btn:hover{ opacity:0.8;}


.footphone2{ position: absolute; right: 280px; top:90px;}


.wrap-products .bd{height: 628px;}
.pagelist li{float:left};