@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:"Arial"; }
/* 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;}

.fullSlide{width:100%;position:relative;height:504px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:504px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:100%;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
/*底部*/
.bg {
            background: url(../images/bg.jpg) no-repeat;
            height: 354px;
             background-attachment: fixed;
             clear: both;
        }





.main-box {position: relative;width: 100%; max-width: 1200px; 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;}



.hearder-top{ background: #017aff; height: 32px; }
.hearder-top p{ font-size: 12px; font-weight: bold; color: #fff; padding-top: 8px;}

.hearder-top-right{ padding-top: 6px; position: relative;}
.hearder-top-right a,.hearder-top-right span{  color: #fff; }
.cn,.en{ display: inline-block; width: 22px; height: 20px; line-height: 20px; text-align: center; }
.cn:hover,.en:hover{ background: url(../images/languageico.png) no-repeat;}
.hearder-top-right .active{background: url(../images/languageico.png) no-repeat;}

.nav li {float: left;width: 1000/6px;}
.nav a {display: block;}

.header-search {padding-top: 16px;float: right;font-size: 12px;line-height: 26px;color: #007969; padding-top: 37px; }
.search {float: left;line-height: 24px;color: #3f3f3f;background: #fff;border-radius: 12px; position: relative;}
.search-bar {border: 0 none;width: 173px; height: 29px; line-height: 29px; text-indent: 5px; background: url(../images/searchbg.png) no-repeat; }
.search-btn {width: 18px;height: 16px;background: url(../images/searchbtn.png);border: 0 none; position: absolute; right: 8px; top:5px; }
.header-search a {margin-left: 10px; }

.erweima{ position: absolute; left: -80px; top: 33px; z-index: 999; display: none;}
.nav {float: left;clear: right; padding-top: 14px;*width: 900px;*padding-left: 200px; }
.nav li {float: left;width: 96px;margin-left:63px;font-size: 14px;line-height: 60px; height: 70px;text-align: center;color: #393939;border-bottom: 3px solid transparent;}
.nav .present ,.nav li:hover {border-bottom: 3px solid #167eff;}



.grey_bg{ background : url(../images/grey.png) repeat-x; }

.hot-pic{ padding: 32px 0; width: 182px; height: 34px; }
.hot-pic-content {padding-bottom: 50px;}
.hot-pic-content img{ border: 1px solid #c6c7c7; margin-top: 3px; }
.hot-pic-content img:hover{ border-color: #4672c3}
.hot-pic-content-l{ width: 525px;}
.hot-pic-content-r{ width: 674px;}
.hot-pic-content-r img{}

.gre1{background : url(../images/grey1.png) repeat-x; padding-bottom: 30px;}
.menu .section{ padding-top: 40px; height: 176px; display: inline-block; *float:left; text-align: center; position: relative;}
.section1 {padding-top: 46px;}
.section1 ,.section3{ width: 403px; *margin-top: 40px; }
.section2{ width: 372px; border-left: 1px dashed #b9b9b9;border-right: 1px dashed #b9b9b9; margin-top: 40px;}
.section p{ margin-top: 20px; color: #8c8d8f; font-size: 16px; }
.ico1 { width: 34px; height: 47px; background: url(../images/sectionico.png) no-repeat ; margin: 0 auto;}
.ico2 { width: 38px; height: 41px; background: url(../images/sectionico.png) no-repeat 0 -47px; margin: 0 auto;}
.ico3 { width: 35px; height: 42px; background: url(../images/sectionico.png) no-repeat 0 -90px; margin: 0 auto;}

.section1:hover .ico1{ background-position: -34px 0}
.section2:hover .ico2{ background-position: -38px -47px}
.section3:hover .ico3{ background-position: -35px -91px}
.section  .line{ width: 68px; height: 1px; position: absolute; left:42%; bottom: 60px; }

.section1:hover .line1{background: #000;}
.section2:hover .line2{background: #000;}
.section3:hover .line3{background: #000;}


.bgsection{ text-align: left; font-size: 14px; color: #fff;}
.bgsection h3{padding-top: 48px; height: 43px; border-bottom: 1px solid #fff; line-height: 43px; font-size: 20px; }
.bgsection p{  line-height:28px; font-size: 14px;}
.bgsection a{ font-size: 14px; text-align: center; width: 160px; display: block; margin: 0 auto; text-align: center; height: 42px; line-height: 42px; width: 160px; border: 1px solid #bfd2f5;margin-top: 48px; background-color: #78a5d4}
.bgsection a:hover{ background-color: #0475ec}


.news h3{ color: #2c2d2e; font-size: 23px; }
.news img { float: left;}
.main-r {float: right;width: 483px;}
.one-news {font-size: 12px;height: 76px;color: #4f4e4e; border-bottom: 1px dashed #eee; margin-bottom: 35px;}
.one-news a {display: block}
.one-news-tit {font-size: 16px; color: #7894d0; font-weight: bold; padding-left: 18px;  background: url(../images/newsarrow.jpg) no-repeat left 5px;padding-bottom: 16px; }
.one-news-date {float: right;font-size: 16px; *position: relative; *top: -40px;}
.one-news-tag {font-family: "SimSun";}
.one-news-con{ font-size: 12px; color: #787878; padding-left: 18px; }
.one-news:hover .one-news-tit {color: #017aff;}
.one-news:hover .one-news-tit span {color: #017aff;}
.maps{  position: relative;}
.maps p{ position: absolute; left: 98px; top:65px; font-size: 16px; color: #575757; *padding-left: 30px;}

.footer{ background: #e6e7e8; border-top: 6px solid #e6e7e8;  padding-top: 59px; border-top: 6px solid #017aff;}
.footerlist{ width:161px;  height: 250px; border-right: 1px solid #c3c8d0;text-align: center; color: #040404; float: left; }
.footerlist h3{ font-size: 14px; padding-bottom: 15px; }
.footerlist li a{ color: #6e6e6e; }
.footerlist li a:hover{ color: #017aff}
.footerlist li { height: 30px; line-height: 30px; }
.list1 { width: 116px; padding-left: 2px; text-align: left;}
.sup{ border-top: 1px solid #c3c8d0; text-align: center; padding-top: 28px; color: #696969; margin-top: 8px;padding-bottom: 38px;}


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

.main {padding: 20px 0;}
.main-l{ width: 272px; float: left;}
.main-rs{ width: 900px; float: right;}


.side-tit {text-align: center; font-size: 36px; color: #fff; background: #b81c24;line-height: 2; background: url(../images/titlebg.jpg) no-repeat;}
.side-nav {line-height: 2.8;text-align: left;background: #fff; color: #333333;font-size: 16px; }
.side-nav dl{border-bottom: 1px solid #e8e8e8; margin:0 15px 0 15px; padding-left: 40px;background: url(../images/add.jpg) no-repeat 20px 18px; }
.side-nav .current,.side-nav dl:hover {color: #5598ff; background: url(../images/add.jpg) no-repeat 20px 18px; }
.side-nav a {display: block;}
.side-nav dd {display: none; }
.side-nav dd a {padding-left: 35px;background: url(../images/add1.jpg) no-repeat 20px 18px; color: #404040; -bottom: 1px solid #e8e8e8;}
.side-nav a:hover {color: #5598ff;}


.sideintr { padding:14px 6px 14px 12px; color: #000000;  border-top: 15px solid #017aff;}
.sideintr h3{ font-weight: bold; font-size: 15px; line-height: 2; }
.sideintr p{ font-size: 12px; line-height: 2;word-wrap: break-word;}
.sideintr a{ display: block; color: #fff; background-color: #595b5c; width: 180px; font-size: 12px; text-align: center; line-height: 26px; height: 26px; margin-top: 10px;}
.contactus { width: 250px; height: 153px; background:url(../images/aboutico.jpg) no-repeat left; padding-top: 22px;  border-top:1px dashed #d4d4d4;}
.contactus p{ padding-left: 30px; font-size: 12px; line-height: 2; color: #535353; }
.contactus .p1{margin-bottom: 8px;}
.sideintr a:hover{ background:#017aff;}

.share{ padding-top: 4px; border-top:1px solid #c0c0c0; padding-left: 10px; }
.share p{ font-size: 12px; line-height: 2; color: #000000;}
.share  a{ width: 16px; height: 15px;display: inline-block; margin-right: 6px;background-image:url(../images/aboutico1.jpg); background-repeat: no-repeat; }


.aico2{ background-position: -22px 0}
.aico3{ background-position: -44px 0}
.aico4{ background-position: -66px 0}
.aico5{ background-position: -88px 0}



.page-tit {height: 42px;line-height:42px; font-size: 16px;color: #017aff;border-bottom: 1px dashed #e8e8e8;}
.local {float: right; font-size: 12px; color: #666666; font-size: 12px;  padding-right: 16px;background: url(../images/mapico.jpg) left  no-repeat; padding-left: 24px;}
.local a:hover {color: #017aff;}
.page-name {padding-left: 23px;}
.page-name span {display: block;font-size: 16px;color: #017aff;}

.page-con {padding: 30px 0 0 0;font-size: 16px;font-family: "微软雅黑";line-height:1;color: #333; height: auto;}

.login {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.login h2 {
  font-size: 30px;
  font-family: "Microsoft Yahei";
  font-weight: normal;
  color: #910c11;
}
.login form {
  text-align: left;
  margin: 50px 50px 50px 145px;
  margin-bottom: 10px;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  color: #555;
  background: url(../images/login_bg.png) left top no-repeat;
  padding: 8px 80px 0 120px;
  position: relative;
}
.login form table {
  float: left;
}
.login form tr td {
  font-size: 16px;
  color: #333;
  font-family: "SimSun";
  padding-bottom: 25px;
}
.login form input {
  background: none;
  border: 0 none;
  float: left;
  margin-left: 30px;
  line-height: 24px;
  width: 220px;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
}
.login form .Btn {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url(../images/login_bt.png);
  border: 0 none;
  border-radius: 50%;
  right: 173px;
  top: 20px;
}
.login form .Btn:hover {
  background-color: rgba(171,171,171,1);
}
.login p {
  color: #333;
  font-family: "SimSun";
  font-size: 12px;
}
.login a {
  color: #333;
  font-weight: bold;
}
.login a:hover {
  color: #000;
}
.register {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.register h2 {
  font-size: 30px;
  font-family: "Microsoft Yahei";
  font-weight: normal;
  color: #910c11;
}
.register form {
  text-align: left;
  margin: 50px 50px 50px 130px;
  font-family: "Microsoft Yahei";
  font-size: 14px;
  color: #555;
}
.register form tr td {
  padding-bottom: 24px;
}
.register form input {
  border: 1px solid #bbb;
  float: left;
  margin-left: 10px;
  line-height: 24px;
  width: 220px;
}
.register form textarea {
  width: 360px;
  height: 100px;
  margin-left: 20px;
  margin-bottom: 6px;
}
.register form span {
  line-height: 36px;
  color: red;
}
.register form img#Newcode {
  vertical-align: middle;
  margin-left: 10px;
  width: 100px;
  height: 28px;
  cursor: pointer;
}
.register form .Btn {
  width: 80px;
  height: 26px;
  line-height: 24px;
  font-size: 14px;
  background-color: #800a0e;
  color: #fff;
  border: solid #000;
  border-width: 0 0 2px 0;
  border-radius: 3px;
}
.register form .Btn:hover {
  background-color: #911b1f;
}
.register form .radios {
	float: none;
	width: auto;
	margin-right: 60px;
}

.aboutcontent{ color: #363636}
.aboutcontent h3{ color: #017aff; font-size: 20px; line-height: 3; font-weight: bold;}
.aboutcontent p{ font-size: 12px; line-height: 2;}
.pictext{margin-top: 10px;}

.one-newss {font-size: 12px;color: #666;border-bottom: 1px dashed #f4f4f4;}
.one-newss:hover{ border-color: #55a3f9;}
.one-newss p{ line-height: 1.5}
.one-newss a {position: relative;display: block;height: 160px;padding: 15px 0 15px 240px;}
.one-newss .pic-box {float: left;margin-left: -240px;border: 1px solid #d4d4d4; margin-right: 38px;}
.one-newss .pic-box div {*font-size: 136.5px;}
.one-newss .pic-box img {max-width: 213px;max-height: 124px; padding: 6px 10px;}
.one-newss-tit {font-size: 16px;font-family: "微软雅黑";font-weight: bold;color: #017aff; line-height: 2 ;}
.one-newss-date {line-height: 2; float: right; color: #404040;}
.one-newss:hover .pic-box {border: 1px solid #017aff;}
.one-newss:hover .one-newss-tit {color: #55a3f9;}
.view-newss {position: absolute;left: 308px;bottom: 30px;width: 128px;height: 16px;font-size:16px;line-height:16px;text-align: left;color: #017aff; background: url(../images/newsarrow1.jpg) no-repeat right 3px;}
.view-newss:hover{color: #55a3f9}
.newss-title {font-size: 16px;line-height: 3;text-align: center;}
.newss-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: 20px;text-align: center;color: #ababab;}
.other-page a {display: inline-block;*display: inline;*zoom: 1;padding: 0 0.7em;margin: 0 1px;background: #fff;border: 1px solid #999999;}
.other-page .page-on ,.other-page a:hover {color: #fff;background: #999999;}

.news-title {font-size: 16px;line-height: 3;text-align: center; color: #55a3f9}
.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: #55a3f9;}

.prowrap{ width: 1016px;}
.one-pro {float: left;width:290px;margin-bottom: 16px;font-size: 12px;line-height: 2;text-align: center;color: #111; margin-right: 16px;}
.one-pro .pic-box {width: 288px;padding: 1px;margin: auto;border: 1px solid #dedede; position: relative; }
.one-pro .pic-box p{ position: absolute; bottom: 10px; text-align: center; width: 100%}
.one-pro .pic-box div {width: 230px;height: 368px;*font-size: 145.25px;}
.one-pro .pic-box img {max-width: 288px;max-height: 366px;}
.one-pro:hover {color: #017aff;}
.one-pro:hover .pic-box {border: 1px solid #017aff;}


.pro-view {float: left;width:504px;}
.one-big-pic .pic-box .one-big-pic-wrap {width: 504px;height: 508px;*font-size: 448px; border: 1px solid #017aff}
.one-big-pic .pic-box img {max-width: 502px;max-height: 506px;}
.pro-view .hd {position: relative; padding-left: 20px;}
.pro-view .hd a {position: absolute;top: 15px;width: 18px;height: 153px;}
.pro-view .hd .in-prev {left: 0px;background: url(../images/prev.png);}
.pro-view .hd .in-next {right:0px;background: url(../images/next.png);}
.pro-view .bd{ position: relative;}

/*.pro-view .iner-prev ,.pro-view .iner-next {position: absolute;}*/
.pro-view .hd .iner-prev {left: 10px;background: url(../images/prev1.png) center center no-repeat;position: absolute;top: -510px;bottom: 180px;width: 18px;height: 510px;}
.pro-view .hd .iner-next {right:10px;background: url(../images/next1.png) center center no-repeat;position: absolute;top: -510px;bottom: 180px;width: 18px;height: 510px;}


.one-small-pic {float: left;margin: 15px 6px 0 0;background: #fff;border: 1px solid #d4d4d4;}
.one-small-pic.on {border: 1px solid #e6212a;}
.one-small-pic .pic-box div {width: 150px;height:152px;*font-size: 87.5px;}
.one-small-pic .pic-box img {max-width: 148px;max-height: 150px;}

.pro-detail {width: 366px;float: right;}
.pro-part {width: 278px;background: #fff;border: 6px solid #c9cbca;}
.pro-part div {width: 278px;height: 142px;*font-size: 124.25px;}
.pro-part img {max-width: 278px;max-height: 142px;}
.pro-detail-intro {font-size: 12px;text-align: center;color: #3f3f3f;}
.pro-intro p{font-size: 20px; line-height: 2; color: #017aff}
.pro-intro span {font-weight: bold;}
.pro-name {font-size: 16px;line-height: 3;font-weight: bold;color: #2d2d2d;}


.pro-name1 { clear: both;
    margin-top: 70px;
    text-align: left;
    color: #fff;
}
.pro-name1 span {
    display:inline-block;
    width: 140px;
    font-size: 20px;
    height: 35px;
    margin-right: 1px;
    background: #b81c24;
    line-height: 35px;
    text-align:center;
    font-weight: bold;
    background: #017aff;
}
.pro-name1 .on{ background: #006de5}
.pro-intro1 {
    font-size: 14px;
    line-height: 2;
    color: #292929;
    background: #f7f7f7;
    border: solid #dcdcdc;
    border-width: 1px 0;
}
.design-intro1 {
   font-size: 14px;
    padding: 20px 20px 0 23px;
   }


.dot{ display: block; width: 12px; height: 12px; position: absolute; left: 123px; top: 135px; background: url(../images/dot.png); cursor: pointer;}
.mapcontact{ position: absolute; left: -110px; top: -154px;  display: none; }
.logo-text{ position: absolute;left: 32px; top: 70px;}
.maps p{left: -34px; top:-90px; width: 140px; display: none; }