@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"Microsoft YaHei";}
body {overflow-x: hidden;}
a {color: inherit;text-decoration: none;outline-style: none;}
ul, ol, li {list-style: none;}
input {color: inherit;}
img {max-width: 100%;border: 0 none;}

.fl {float: left; _display: inline;}
.fr {float: right; _display: inline;}
.clear {clear: both; height: 0; overflow: hidden;}
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: '\0020';display: block;height: 0;clear: both;visibility: hidden;}

.main-box {position: relative;width: 100%; max-width: 1000px; display: block;margin: 0 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;}

.header {padding-top: 28px;height: 67px;}
.header-con {float: right;padding-top: 12px;font-size: 12px;line-height: 20px;}
.header-con a {float: left;padding: 3px 10px;text-align: center;}
.header-con a:hover {color: #ccc;}
.lang {float: right;padding: 3px 5px;background: #e1e1e1;}
.lang a {padding: 0 10px;}
.lang span {float: left;padding: 0 3px;}
.lang .lang-on ,
.lang a:hover {color: #fff;background: #2c2724;}

.nav {position: relative;font-size: 14px;line-height: 40px;color: #fff;background: #242c65;}
.nav li {float: left;width: 110px;text-align: center;}
.nav a {display: block;}
.nav .present ,
.nav .hovering ,
.nav li:hover {color: #1137f8;background: #fff;}
.sub-nav {position: absolute;top: 40px;left: -340px;right: -340px;z-index: 100;display: none;height: 155px;text-align: center;background: rgba(255,255,255,.8);*background: url(../images/opacity-bg-white.png);}
.sub-nav .sub-nav-pro {float: none;display: inline-block;*display: inline;*zoom: 1;width: 120px;height: 150px;padding-top: 5px;font-size: 14px;line-height: 1;vertical-align: top;color: #111;}
.sub-nav-pro .pic-box {padding: 10px;}
.sub-nav-pro .pic-box div {width: 100px;height: 100px;*font-size: 87.5px;}
.sub-nav-pro .pic-box img {max-width: 100px;max-height: 100px;}

.search {position: absolute;top: 7px;right: 20px;width: 200px;height: 25px;font-size: 14px;border: 1px solid #9fa1b0;background: url(../images/search-btn.png) 5px center no-repeat;}
.search-input {float: left;padding-left: 28px;width: 120px;line-height: 25px;background: none;border: 0 none;}
.search-btn {position: absolute;top: -1px;right: -1px;bottom: -1px;width: 50px;color: #fff;background: #f02d23;border: 0 none;}

.banner {position: relative;}
.one-banner {height: 550px;background-position: center center;background-repeat: no-repeat;}
.banner .hd {position: absolute; bottom: 10px; left: 40%; z-index: 10; width: 20%;margin: 0 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;}

.index-profile-n-news {margin-top: 30px;background: #242c65;}
.index-profile {float: left;width: 50%;height: 250px;}
.index-profile .pic-box {position: relative;float: left;padding: 26px 15px 27px;}
.index-profile .pic-box div {width: 220px;height: 197px;*font-size: 172.38px;}
.index-profile .pic-box img {max-width: 220px;max-height: 197px;}
.index-viewing {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: none;padding-top: 164px;font-size: 12px;line-height: 22px;text-align: center;color: #fff;background: rgba(0,0,0,.6) url(../images/index-viewing.png) center 40% no-repeat;}
.index-viewing span {display: block;width: 90px;margin: auto;background: #242c65;}
.index-profile-part {float: left;width: 226px;padding: 30px 12px;font-size: 12px;line-height: 2;color: #a09f9f;}
.part-name {display: block;padding: 15px 0;font-size: 14px;line-height: 20px;color: #fff;}
.index-profile-con {height: 100px;}
.view-btn {display: block;padding-right: 25px;font-size: 16px;line-height: 36px;text-align: right;color: #fff;background: url(../images/view-more.png) right center no-repeat;border-top: 1px solid #fff;}
.index-news-list li:hover {color: #fff;}
.index-news-list a {display: block;}

.index-bottom {height: 440px;}
.index-bottom-part {float: left;width: 50%;}
.index-part-tit {display: block;width: 220px;margin-bottom: -1px;font-size: 12px;line-height: 48px;color: #999;border-bottom: 3px solid #242c65;}
.index-part-tit span {font-size: 14px;color: #111;}
.index-bottom-con {border-top: 1px solid #bfc5c8;}

.index-case .bd {padding: 20px 0 6px;}
.index-case .bd .pic-box {width: 380px;margin: auto;border: 1px solid #6c6c6c;}
.index-case .bd .pic-box div {width: 380px;height: 230px;*font-size: 201.25px;}
.index-case .bd .pic-box img {max-width: 380px;max-height: 230px;}
.index-case .hd {text-align: center;}
.index-case .hd li {display: inline-block;*display: inline;*zoom: 1;}
.index-case .hd .pic-box {display: block;width: 137px;height: 118px;margin: 6px;border: 1px solid #6c6c6c;}
.index-case .on .pic-box {border: 1px solid #1137f8;}
.index-case .hd .pic-box div {width: 137px;height: 118px;*font-size: 103.25px;}
.index-case .hd .pic-box img {max-width: 137px;max-height: 118px;}

.index-honor .bd {padding: 15px 0;font-size: 14px;line-height: 3;text-align: center;}
.index-honor .bd .pic-box {width: 379px;margin: auto;}
.index-honor .hd {position: relative;text-align: center;}
.index-honor .hd li {display: inline-block;*display: inline;*zoom: 1;width: 20px;height: 20px;margin: 5px;text-indent: -9999px;background: #666;border-radius: 50%;}
.index-honor .hd .on {background: #242c65;}
.index-honor .hd .prev ,.index-honor .hd .next {position: absolute;bottom: 180px;width: 36px;height: 36px;}
.index-honor .hd .prev {left: 0;background: url(../images/honor-prev.png);}
.index-honor .hd .next {right: 0;background: url(../images/honor-next.png);}

.footer {margin-top: 40px;font-size: 14px;line-height: 2;text-align: center;color: #333;}
.footer-contact {padding: 36px 0;background: #e8e8e8;}
.footer-company {font-size: 18px;color: #111;}
.footer-copy {font-size: 12px;font-family: "SimSun";line-height: 40px;color: #333;background: #d9d9d9;}
.footer a:hover {color: #999;}

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

.main {margin-top: 20px;}
.main-l {float: left;width: 186px;padding: 20px 7px;background: #f5f5f5;}

.side-tit {font-size: 16px;line-height: 36px;text-align: center;color: #fff;background: #242c65;}
.side-nav li {font-size: 14px;line-height: 40px;color: #333;}
.side-nav a {display: block;padding-left: 28px;background: url(../images/side-nav-tag.png) 13px center no-repeat;border-bottom: 1px dashed #d2cacb;}
.side-nav li li a {padding-left: 48px;background: url(../images/side-nav-tag.png) 33px center no-repeat;}
.side-nav li:hover {color: #1137f8;}
.side-btn img {display: block;margin: 10px auto 0;}

.main-r {float: right;width: 775px;}

.page-tit {border-bottom: 1px solid #666;}
.local {float: right;font-size: 12px;font-family: "SimSun";line-height: 34px;color: #666;}
.local a:hover {color: #1137f8;}
.page-name {display: block;height: 34px;padding-left: 22px;font-size: 12px;line-height: 1.2;color: #666;background: url(../images/page-tit-tag.png) 10px center no-repeat;}
.page-name span {display: block;font-size: 16px;color: #111;}

.one-pro {float: left;width: 25%;font-size: 12px;font-family: "SimSun";line-height: 2;text-align: center;color: #111;}
.one-pro .pic-box {width: 166px;padding: 1px;margin: 10px auto 0;border: 1px solid #999;}
.one-pro .pic-box div {width: 166px;height: 166px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 166px;max-height: 166px;}
.other-page {padding-top: 40px;font-size: 12px;font-family: "SimSun";text-align: center;color: #111;}
.other-page a:hover {color: #1137f8;}





.pro-view {position: relative;height: 500px;padding-top: 20px;padding-left: 424px;margin-right: 12px;font-size: 12px;font-family: "SimSun";line-height: 2;color: #333;}
.pro-viewing {float: left;margin-left: -424px;  width: 389px;}

.pro_slide .bd .img_box{
    width:351px;
    height:351px;
    padding:5px;
    text-align:center;
    line-height:351px;
    margin-bottom:10px;
    display: table-cell;
    vertical-align: middle;

}
.pro_slide .bd .img_box img{
    max-width:350px;
    max-height:350px;
    padding:3px;
    border:1px solid #999;
    display:inline-block;
    vertical-align: middle;
}
.pro_slide .hd{
    width:330px;
    position:relative;
    padding-left:25px;
}
.pro_slide .hd li{
    width:65px;
    height:65px;
    float:left;
    margin:0 5px;
    border:1px solid #999;
}
.pro_slide .hd li .img_box{
    width:65px;
    height:65px;
    line-height:64px;
}
.pro_slide .hd li img{
    vertical-align: middle;
}
.pro_slide .hd li.on{
    border:1px solid #000;
}
.pro_slide .hd span.prev,
.pro_slide .hd span.next{
    width:20px;
    height:65px;
    background:rgba(0,0,0,.6);
    display:inline-block;
    position:absolute;
    top:0;
    font-size:18px;
    text-align:center;
    line-height:62px;
    color:#fff;
    cursor:pointer;
}
.pro_slide .hd span.prev{
    left:0;
}
.pro_slide .hd span.next{
    right:0;
}


.pro_info{
    padding:40px 0;
}
.pro_info h3{
    font-size:24px;
    line-height:40px;
    color:#333;
    font-weight:normal;
    margin-bottom:20px;
}
.pro_info img{
    width:100%;
}





/*.pro-viewing .bd .pic-box {padding: 2px;border: 2px solid #999;}
.pro-viewing .bd .pic-box div {width: 381px;height: 381px;*font-size: 333.38px;}
.pro-viewing .bd .pic-box img {max-width: 381px;max-height: 381px;}
.pro-viewing .hd li {float: left;width: 30%;}
.pro-viewing .hd .pic-box {width: 95px;padding: 1px;margin: 10px auto;border: 1px solid #999;}
.pro-viewing .on .pic-box {border: 1px solid #242c65;}
.pro-viewing .hd .pic-box div {width: 95px;height: 95px;*font-size: 83.13px;}
.pro-viewing .hd .pic-box img {max-width: 95px;max-height: 95px;}*/

.pro-name {font-size: 24px;font-family: "Microsoft YaHei";color: #111;}
.pro-detail {padding-top: 10px;margin-top: 20px;font-size: 14px;line-height: 36px;border-top: 1px dashed #d2cacb;color: #666;}
.pro-detail p {display: block;height: 36px;}
.pro-detail span {float: left;width: 80px;color: #333;}
.pro-detail img {width: 24px;height: 24px;margin-bottom: -5px;}
.pro-price {color: #c61616;}
.pro-view a {position: absolute;bottom: 0;width: 85px;height: 28px;line-height: 28px;text-align: center;color: #fff;background: #009480;border: 1px solid #009480;}
.pro-view a:hover {background: #fff;color: #009480;}
.pro-view .prev {right: 95px;}
.pro-view .next {right: 0;}

.page-con {padding: 20px 0;font-size: 12px;font-family: Arial,"SimSun";line-height: 2;color: #666;}
.profile-slide .bd {padding: 30px;}
.profile-slide .bd .pic-box {width: 640px;margin: auto;}
.profile-slide .bd .pic-box div {width: 640px;height: 310px;*font-size: 271.25px;}
.profile-slide .bd .pic-box img {max-width: 640px;max-height: 310px;}
.profile-slide .hd {position: relative;padding-left: 42px;}
.profile-slide .hd li {float: left;width: 180px;margin: 1px 24px;border: 1px solid #999;}
.profile-slide .hd .on {margin: 0 23px;border: 2px solid #242c65;}
.profile-slide .hd .pic-box div {width: 180px;height: 180px;*font-size: 157.5px;}
.profile-slide .hd .pic-box img {max-width: 180px;max-height: 180px;}
.profile-slide .hd .prev ,.profile-slide .hd .next {position: absolute;bottom: 70px;width: 36px;height: 36px;}
.profile-slide .hd .prev {left: 0;background: url(../images/honor-prev.png);}
.profile-slide .hd .next {right: 0;background: url(../images/honor-next.png);}

.one-news {position: relative;display: block;padding: 20px 0 20px 240px;margin-right: 30px;font-size: 12px;line-height: 2;color: #666;border-bottom: 1px solid #b2b2b2;}
.one-news a {display: block;height: 160px;}
.one-news .pic-box {float: left;margin-left: -240px;border: 2px solid #999;}
.one-news .pic-box div {width: 206px;height: 156px;*font-size: 136.5px;}
.one-news .pic-box img {max-width: 206px;max-height: 156px;}
.one-news-tit {font-size: 14px;font-family: "SimSun";color: #111;font-weight: bold;}
.one-news-date {margin-bottom: 10px;}
.view-news {position: absolute;right: 0;bottom: 20px;width: 100px;font-size: 12px;line-height: 30px;text-align: center;color: #fff;background: #242c65;}
.one-news:hover .one-news-tit {color: #1137f8;}

.news-title {font-size: 18px;line-height: 3;text-align: center;}
.news-date {margin-bottom: 20px;font-size: 12px;font-family: Arial,"SimSun";line-height: 0;text-align: center;}

.other-news {padding-bottom: 20px;font-size: 14px;line-height: 2;color: #666;border-top: 1px dotted #d2cacb;}
.other-news a:hover {color: #000;}

.one-case {float: left;width: 50%;font-size: 16px;line-height: 50px;text-align: center;color: #333;}
.one-case a {display: block;width: 350px;margin: 10px auto 30px;background: #fff;}
.one-case:hover a {background: #ddd;}
.one-case .pic-box div {width: 350px;height: 317px;*font-size: 277.38px;}
.one-case .pic-box img {max-width: 350px;max-height: 317px;}