@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:top; }
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; }
.fr { float:right; }
.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; 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 {font-size: 12px;height: 25px; color: #c2bcbc;}
.lang {float: right; padding-top: 12px;}
.lang a {margin: 0 1em;}
.lang a:hover {color: #3b72c6;}

.header { padding-bottom: 21px;}
.header-phone {font-size: 16px;line-height: 2;color: #848585;float: right; text-align: left; padding-left: 53px;background: url(../images/phone.jpg) left center no-repeat; }
.header-phone span{ display: block;}
.phonenum{ font-size: 21px; line-height: 1; color: #ce0000;}

.logosection p{ color: #0067aa; font-size: 18px; font-family: "Arial"; padding-left: 38px;}
.logosection p span{ display: block;font-size: 10px;font-family: "ArialNarrow"}
.logosection p strong{ font-weight: 600; color: #d38034; font-size: 16px; letter-spacing:8px; padding-left: 34px; }

.nav {font-size: 14px;line-height: 1;text-align: center;  background: #2276f3; }
.nav li {float: left;width: 110px;padding: 24px 0; margin-right: 1px;  }
.nav li a {display: block; color: #fff;}
.nav .active,.nav li:hover { background: #1c66d5}
.nav li:hover, .nav  .active a{}

.banner {position: relative; }
.one-banner {height: 498px;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;}

.index-parts{padding: 20px; padding-bottom: 0; margin-top:25px; height: 212px;border:1px solid #ebebeb; box-shadow:0 0 4px #ebebeb; border-radius: 6px; margin-bottom: 52px; }
.index-part {float: left;padding-right: 50px;width: 332px;font-size: 12px;line-height: 2;}
.abpic{ padding: 1px; border: 1px solid #dedede; border-radius: 2px;}
.index-part-icon {float: left; *background: url(../images/s1.png); padding-right: 12px;}
.index-part-icon div {width: 125px;height: 92px;background-position: center center;background-repeat: no-repeat;}
.index-part-tit {font-size: 14px;line-height: 40px;color: #333333;}
.index-part-tit span{color: #507dc7;}
.index-part-con {color: #666666;}
.view-part {color: #507dc7;}
.view-part:hover {color: #507dc7;}
.newspart{ width:276px;}
.index-one-news {float: left;width: 100%;font-size: 12px;line-height: 24px;color: #666666; *position: relative;}
.index-one-news a {display: block;padding: 0 0 0 0px;}
.index-one-news:hover {color: #507dc7;}
.index-news-date {float: right;font-size: 12px;color: #666666;*position: absolute; *right: 0; *top: 0 }
.video{width: 250px;padding-right: 0px;}

.index-pros{ position: relative; border:1px solid #ebebeb; box-shadow:0 0 1px #ebebeb; margin-bottom: 60px; padding-bottom: 16px; }
.index-pros .loop{ height: 238px; overflow: hidden;width: 930px; padding-left: 42px; *padding-left: 0}
.extra{ padding-left: 22px; margin-bottom: 3px;}
.index-pros .loop ul{overflow: hidden;  position: relative; }
.index-pros .loop ul li{width:210px; margin-right: 30px; }
.index-pros .loop ul li .pic-box{width:208px;border:1px solid #e8e8e8; }
.index-pros .loop ul li .pic-box div{width:208px;height: 206px;}
.index-pros .loop img{max-width:208px;max-height: 206px; }
.index-pros .loop .hd a{position: absolute; top:131px;display: block; width: 17px; height: 33px; background-image: url(../images/looparrow1.jpg);background-repeat: no-repeat; }
.index-pros .case1 p { font-size: 12px; text-align: center; color: #666666; line-height: 2.4}
.index-pros .loop .hd .prev{left: 0;}
.index-pros .loop .hd .next{right: 0;background-position:0 -33px;}

.footer {font-size: 14px;background: #494949; }
.footer-nav { text-align: center;  color: #646464; }
.footer-nav a { padding:0 1.8em; line-height: 3.2;color: #fff;}
.footer-copy {margin-top: 16px;color: #fff;}
.footer a:hover {color: #3c72c3;}
.footer-contact {text-align: left;line-height: 2;color: #fff; padding-left: 22px; font-size: 14px;}

.sup{ background: #2c2c2c; padding-top: 24px; color: #fff;}
.botlogo{ height: 120px; border-right: 1px solid #6d6d6d; width: 258px;}
.botlogo img{ padding-top: 20px;}
.support{ clear:both; font-size: 14px;line-height: 2; padding-bottom: 6px; margin-top: 16px; }
.support a:hover{ color: #3c72c3}

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

.page-title {height: 78px;margin-top: 30px;background: #f4f4f4;}
.page-title .page-tit {float: left;width: 178px;height: 78px;font-size: 24px;line-height: 78px;text-align: center;color: #fff;background: #1c66d5;}
.local {display: block;height: 32px;font-size: 12px;font-family: "SimSun";line-height: 32px;color: #888;}
.local a ,.local span {float: left;margin: 0 3px;}
.local .home {padding-left: 40px;background: url(../images/home-ico.png) 10px center no-repeat;}
.local a:hover {color: #1c66d5;}
.page-nav {display: block;height: 46px;background: #818284;margin-left: 179px;}
.page-nav li {float: left;min-width: 130px;padding: 0 15px;height: 46px;font-size: 14px;color: #fff;line-height: 46px;border-right: 1px solid #fff;}
.page-nav li:hover ,.page-nav .current {background: #1c66d5;}
.page-nav a {display: block;}

.page-content {padding: 25px 0 70px 0;font-size: 12px;line-height: 2;color: #333;}
.one-news {font-size: 12px;color: #6a6a6a;padding-top: 22px; height: 156px; line-height: 2}
.one-news a {position: relative;display: block;}
.one-news .pic-box {float: left;width: 194px;border: 1px solid #dedede; margin-right: 20px;}
.one-news .pic-box div {width: 194px;height: 150px;}
.one-news .pic-box img {max-width: 194px;max-height: 150px;}
.one-news-tit {font-size: 14px;color: #333333;}

.one-news:hover .pic-box {}
.one-news:hover .one-news-tit {color: #1c66d5;}

.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-page {padding: 30px 0;font-size: 12px;font-weight: bold;line-height: 26px;text-align: center;color: #2d2d2d;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 1em;margin: 0 -1px;background: #fff;}
.other-page .hb{border: 1px solid #dfdfdf;}
.other-page .page-on ,.other-page a:hover { color:#1c66d5}

.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: #1c66d5;}  

.one-newss {font-size: 14px; line-height:5;color: #333333;border-bottom: 1px dashed #c4c4c4; margin-top: 17px; padding-bottom: 18px; position: relative;padding-left: 78px; background: url(../images/own.jpg) 20px 17px no-repeat;*background: url(../images/own.jpg) 20px 20px no-repeat; }
.one-newss a {display: block; position: absolute; right: 30px; top: 0px; *position: relative; *left: 730px; *top: 0; *display: inline;  }
.updown .news-date { font-size: 12px;color: #d40000; }

.main {padding: 27px 0;}
.main-l {float: left;width: 212px; padding: 19px 8px 23px; background: #f5f5f5}
.main-r {float: right;width: 725px;}

.side-tit2 {text-align: center; font-size: 16px;color: #ffffff; background: #247bfd;line-height: 2.4;  }
.side-nav2 {line-height: 3;text-align: left; color: #343434;font-size: 14px;  }
.side-nav2 li{width: 188px; background-image:url(../images/sideico.png); background-position: 13px center;background-repeat: no-repeat; }
.side-nav2 .current ,.side-nav2 li:hover {}
.side-nav2 a {display: block; padding-left: 28px;border-bottom: 1px dashed #d2cacb}

.page-tit2 { font-size: 16px;color: #ffffff;border-bottom: 1px solid #cfcfcf; color: #9c9c9c; height: 28px;}
.local2 {float: left; font-size: 12px; padding-left: 23px;background: url(../images/commontitle.png) 10px center no-repeat; line-height: 2;}
.local2 a:hover {color: #247bfd;}

.page-con {padding: 12px;font-size: 12px;font-family: "SimSun";line-height: 2;color: #333;}      

.over{ width: 751px;}
.one-pro {float: left;margin:10px 26px 0 0; font-size: 13px;line-height: 3;text-align: center;color: #2d2d2d;}
.one-pro .pic-box {width: 222px;border: 1px solid #dfdfdf;}
.one-pro .pic-box div {width: 222px;height: 212px;margin: auto;}
.one-pro .pic-box img {max-width: 222px;max-height: 166px;}
.one-pro:hover {color: #247bfd;}
.one-pro:hover .pic-box {border: 1px solid #247bfd;}

.producut-view {}
.producut-view .pic-box {width: 420px; margin-top: 50px;}
.producut-view .pic-box div{width: 420px; height: 316px; margin: auto}
.producut-view .pic-box img {max-width: 420px;max-height: 316px; padding:4px;}
.pro-intro {position: relative;width: 342px;padding-right:20px;height: 325px;float:right;font-size: 14px;line-height: 2.4;color: #333;}
.pro-name {font-size: 14px;color: #111;border-bottom: 1px dashed #c1c1c1; width: 232px; line-height: 1; padding-bottom: 16px;}
.pro-detail-tit {margin-top: 10px;font-size: 24px;line-height: 3;text-align: center;color: #111;}

.pro-name1 {
    text-align: center; 
    color: #fff; 
    border-bottom: 1px solid #e1e1e1;
}
.pro-name1 span {
    display: block;
    width: 104px;
    font-size: 14px;
    height: 30px;
    background: #282828;
    line-height: 30px;
    margin-right: 2px;
    float: left;
    cursor: default;
}
.pro-name1 .on{ background: #247bfd}
.pro-intro1 {
    clear: both;
    padding-top: 50px;  
}


.pro-intro2{ width: 275px; padding: 0 5px 0 20px; margin-top: 50px; }
.pro-name2{ font-size: 16px; line-height: 2}



.details .design-intro{ display: none; min-height: 188px;}
#feedback {margin-left: 50px; margin-top:20px;}
#feedback img {float: left;}
#feedback .feedbackImf {float: left;line-height: 50px;font-size: 16px;padding-top:16px; padding-left: 103px; background: url(../images/contact.jpg ) left top no-repeat;}
#feedback form {clear: both;text-align: left;margin-left: 50px;font-size: 12px;}
#feedback form input {float: left;margin-left: 20px;line-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: red;}
#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;}