<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.container{max-width: 1200px;margin: 0 auto;}
img{max-width: 100%}
/********General**********/

/*******Css sprite*******/
/*å¤´éƒ¨*/
.top{width: 100%;color: #fff; position: absolute;z-index: 9999;}
.top .container{max-width: 1200px;margin: 0 auto;}
.lover{height: 40px;line-height: 40px;/*border-bottom: 1px solid #43435E*/}
.top .container .logo{float: left;margin-top: 16px;}
.top .container ul{float: right;}
.top .container ul li{transition:all 0.5s ease-out 0.2s; margin: 0px; display: inline-block;z-index: 99; height: 80px;line-height: 80px;padding:0 10px;position: relative;overflow: hidden;text-align: center;}
.top .container ul li:hover{color: #359AE0;}

/* æœç´¢æ¡† */
#vivo-head{z-index:1;width:100%;}
.search-user b{background:url(../images/vivo-head-ico.png) no-repeat;_background-image:url(../images/vivo-head-ico.gif) ;}

#vivo-head{border-bottom:1px #e7e7e7 solid;border-bottom:1px rgba(0,0,0,.05) solid;z-index:99;background:#fff;position:relative;}
#vivo-head .vivo-nav{height:80px;margin:auto;position:relative;z-index:999;}

.vivo-nav .search-user{float:right;height:80px;/*border-left:1px solid  #43435E;*/}
.search-user a{width:42px;height:42px;display:inline-block;margin-left:15px;position:relative;top:20px;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.search-user a:hover,.search-user a.current{background:#007FE1;}
.search-user a b{width:42px;height:42px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.search-user a.search b{background-position:0 0;}
.search-user a.search:hover b,.search-user a.search.current b{background-position:0 -43px;}
.search-user a.user b{background-position:-43px 0;}
.search-user a.user b img{width:42px;height:42px;}
.search-user a.user:hover b,.search-user a.user.current b{background-position:-43px -43px;}

#vivo-head .vivo-search{height:80px;width:100%;background:#202223;position:relative;z-index:9999;display:none;}

.vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#666;-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);position:relative;z-index:9999;}
.vivo-search .search-box input{width:550px;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.vivo-search .search-box button{width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#007FE1;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#0074b2;}670
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../images/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(../images/vivo-head-ico.gif);}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;}


/*è½®æ’­å›¾*/
#full-screen-slider {width:100%; height:670px; position:relative; min-width: 1200px;}
#slides { display:block; width:100%; height:670px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:670px; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:46%; top:620px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/*äº§å“åˆ†ç±»*/
.gsjj{max-width: 1200px;margin: 0 auto;text-align: left;}
.gsjj h1{font-size: 30px;color: #000;font-weight: lighter;}
.gsjj span{color: #A4A4A4;font-weight: normal;margin-left: 10px;font-size: 22px;}
.gsjj p{margin-top: -33px;}
.gsjj p span{display: inline-block;margin-top: -4px; padding: 4px 10px;border-radius: 5px; background: #007FE1;color: #fff;font-size: 14px;text-align: center;float: right;}
.gsjj small{font-size: 14px;padding: 0 16px;border-right: 1px solid #000;color: #8B8B8B}
.gsjj small:hover{color: #007FE1}
.atama{padding: 75px 0;background: #F5F5F5;}
.wang{width: 1200px;margin: 35px auto 0 auto;}
.wang .swiper-slide {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
  text-align: center;
  padding-bottom: 20px;
  position: relative;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction:column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.wang .swiper-slide h2{font-weight: bold;margin-bottom: 5px;}
.wang .swiper-slide p{font-size: 13px;color: #A1A1A1}
.wang .qiye{opacity: 0;  position: absolute;padding-top: 60px; width: 100%;height: 166px;transition: all 0.5s;background: #007FE1;text-align: center;left: 0px;bottom: 0;color: #fff;}
.wang .qiye p{color: #fff}
.wang .qiye .plus{width: 41px;height: 41px;background: #fff;text-align: center;line-height: 41px;color: #007FE1;font-size: 20px;margin: 20px auto;border-radius: 100%}
.wang .swiper-slide:hover .swi-h{opacity: 0;}
.wang .swiper-slide:hover .qiye{opacity: 1;bottom: 45px;}

/*&lt;!-- çƒ­èäº§å“ --&gt;*/
.hot{padding: 75px 0;}
.hot-sup{margin-top: 42px;}
.hot-sup ul{display: flex;flex-wrap: wrap;}
.hot-sup ul li{display: inline-block;width: 228px;height: 287px;position: relative;}
.hot-sup ul li img{height: 287px;width: 100%;}
.hot-sup ul li{margin: 0 5.5px 15px 5.5px;}
.hot-hid{text-align: center; width: 100%; position: absolute;bottom: 0px;transition: all 0.5s; opacity: 0; left: 0px;background: #007FE1;color: #fff;height: 40px;line-height: 40px;color: #fff;}
.hot-sup ul li:hover .hot-hid{opacity: 1}

/*å®¢æˆ·æ¡ˆä¾‹*/
.case-jojo{padding: 75px 0;background: url(../images/bb.jpg)no-repeat center;}
.case-jojo .gsjj h1,.case-jojo .gsjj h3,.case-jojo .gsjj h1 span{color: #fff;}{color: #fff;}
.jojo-dio{width: 100%;height: 370px;background: rgba(0,133,218,.6);margin-top: 40px;}
.jojo-kt{width: 600px;height: 370px;float: left;background: #fff;position: relative;overflow: hidden;text-align: center;}
.jojo-kt img{max-width: 100%;max-height: 370px;}
.jojo-jsf{padding: 0 40px; width: 520px;float: right;display: flex;flex-direction: column;justify-content: center; text-align: center;height: 370px;color: #fff;}
.jojo-jsf h2{font-size: 20px;}
.jojo-jsf p{line-height: 26px;margin-top: 20px;}

/*äº§å“ä¸­å¿ƒ*/
.proshow{width: 100%;background: url(../images/gg_02.jpg)center no-repeat;padding-top: 60px;padding-bottom: 60px;}
.proshow .gsjj h1{color: #fff;}
.proshow .gsjj span{color: #fff;}
.proshow .gsjj h3{color: #fff;}
.intro{line-height: 26px;margin: 0 auto;width: 1200px;color: #fff;}
.contt{margin: 50px 0}
.kkey{height: 150px;}
.kkey div{width: 300px;float: left;text-align: center;}

/*æ–°é—»ä¸­å¿ƒ*/
.newscenter{width: 100%;padding: 55px 0 55px 0;background: #F0F0F0;}
.qqss{margin: 50px auto 0 auto;max-width: 1200px;}
.qqss .deadth{width: 567px;}
.qqss .deadth img{width: 567px;height: 265px;}
.qqss .deadth h4{margin: 25px 0 15px 0;}
.qqss .deadth p{line-height: 24px;margin-top: 10px;}
.deadth span{margin: 10px 0;}
.qqss .deadth:hover h4{color: #007FE1;}
.qqss .deadmore{width: 113px;height: 36px;border-radius: 20px;border: 1px solid #ccc;margin-top: 15px;text-align: center;line-height: 36px;}
.qqss .standing{width: 590px;height: 120px;border: 1px solid #DDDDDD;margin-bottom: 20px;}
.qqss .standing .kojima{margin-bottom: 30px;}
.qqss .standing .kojima img{width: 150px;height: 110px;margin-right: 10px;}
.qqss .standing .kojima h4{margin: 0px;font-size: 15px;}
.qqss .standing .kojima p{line-height: 24px;color: #747474;margin: 5px 0;}
.qqss .hido{float: left;width: 420px;}
.qqss .standing:hover h4{color: #007FE1}
.stime{width: 110px;border-right: 1px solid #ddd; height: 80px;text-align: center;color: #000;margin: 20px 30px 0 0;}
.stime h1{font-size: 46px;}
.seemore{width: 175px;height: 50px;background: #007FE1;text-align: center;line-height: 50px;color: #fff;margin: 25px auto 20px auto}
.seemore:hover{font-weight: bold;}

/*å…³äºŽæˆ‘ä»¬*/
.change-main {
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}


.change-box .change-cut {
    margin: 40px 0 30px;
    /* width: 1551px; */
}

.transition {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.change-box .change-cut .tab {
    height: 240px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    background-color: #7F7F7F;
    box-sizing: border-box;
    /* border-left: none; */
    position: relative;
    cursor: default;
    width: 390px;
    margin-right: 14px;
    float:left;
    /* margin-right: 0px; */
}
.change-box .change-cut .tab:last-child{margin: 0px;}

.flex-rows{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.change-box .change-cut ul{
    border: 1px solid #e5e5e5;
    margin-left: 0px;
    /* width: 1200px; */
}

.contents{
    width:1200px;

}
.change-box .change-cut .tab{padding: 50px 40px 0 40px;color: #fff;}
.change-box .change-cut .tab.on {
    background-color: #007FE1;
    color: #fff;
}

.change-box .change-cut .tab h1{
	font-size: 22px;
}

.change-box .change-cut .tab p{
	font-size: 14px;line-height: 24px;margin-top: 30px;
}

.change-box .change-cut .tab.on:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 20px solid;
    border-color: transparent transparent #007FE1 transparent;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
}

.change-box .contents &gt; .flex-row {
    justify-content: space-between;
     height: 577px;background: url(../images/bg1.jpg)no-repeat center;
}

.change-box .item {
    box-sizing: border-box;
    border: 1px solid #E5E5E5;
    width: 280px;
    height: 103px;
    float: left;
    transition: all .3s ease;
    margin-right: 26px;
}

.conts1{background: rgba(255,255,255,.8);color: #000;width: 490px;height: 237px;margin: 130px 0 0 90px;
	padding: 60px;float: left;
}
.conts1 h1{font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.conts1 p{line-height: 24px;}
.conts1 div{width: 145px;height: 40px;color: #fff;margin-top: 30px;text-align: center;line-height: 40px;background: #007FE1}

/*åº•éƒ¨*/
.footer{clear:both;}
.foot{width:100%;min-height:329px;background:#242424;}
.foot a:hover{color:#fff;}
.dnav{margin-top:64px;margin-left: 150px;}
.dnav ul{margin-right:55px;width:125px;height:192px;border-right:1px solid #505050;float:left;}
.dnav ul h3{color:#fff;font-size:16px;padding-bottom:26px;}
.dnav ul li{color:#aaa;line-height:30px;}
.lianxi{width:370px;margin-top:58px;margin-left:45px;line-height:30px;}
.lianxi h3{font-weight:bold;font-size:16px;color:#fff;padding-bottom:26px;}
.lianxi p{color:#aaa;line-height:30px;}
.lianxi h2{font-size: 24px;font-weight: bold;color: #fff;margin-bottom: 5px;}
.saoma{width:122px;height:122px;margin-top:64px;}
.saoma img{width:122px;height:122px;}
.saoma p{line-height:42px;text-align:center;color:#fff;}
.bottom{width:100%;height:62px;background:#202020;}
.bottom span{color:#aaa;line-height:62px;}
.bottom a:hover{color:#fff;}

/*ä¾§è¾¹æ&nbsp;QQ*/
.main-im{z-index: 999999; position:fixed; right: 10px; bottom:150px; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:block;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 14px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; display: none;}


/*åº•éƒ¨ end*/
.widget{width: 235px;}
.widget img{margin: 25px 0}
.nds{background: #F2F2F2;margin-top: 5px;padding: 15px;line-height: 26px;margin-bottom: 30px;}
.nds a:hover{color: #007FE1}

.mbx{width:100%;height:78px;line-height:78px;border-bottom:1px solid #dddddd;margin-top:49px;}
.mbx_l{width:50%;float:left;font-size:24px;font-weight:bold;color:#007FE1;}
.mbx_l span{font-size:14px;font-weight:lighter;color:#007FE1;text-transform:uppercase;}
.mbx_r{width:50%;float:left;text-align:right;font-size:14px;color:#666666;}
.mbx_r img{vertical-align:-2px;}

/*sidebar*/
.main{overflow:hidden;margin:32px auto 0px auto;width: 1200px;}
.article{overflow:hidden;margin-bottom:12px;width: 920px;}
.article .title{line-height: 50px;height: 50px;border-bottom: 1px solid #F1F1F1;margin-bottom: 30px;}
.article p{font-size:14px;line-height:28px;}
.short_title{height: 75px;background: #007FE1;text-align: center;padding-top: 25px;}
.short_title{color: #fff;}
.short_title h1{font-size: 22px;}
#pro_list{background: #F2F2F2;margin-top: 5px;}
#pro_list li{height: 45px;line-height: 45px;text-align: center;color: #000;transition: all 0.5s;}
#pro_list li:hover{background: #007FE1;color: #fff;}


#allmap p{line-height:10px;margin:10px;white-space:nowrap;}

.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
/*.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}*/
/***************global*****************/

.contact{width:100%;}
.contact h1{font-size:24px;padding:18px 0 22px 0;color:#333333;font-weight:bold;}
.lx-xq{float: left;width: 60%;}
.lx-xq p{line-height:28px;font-size:14px;color:#555555;}
.lx-xq a:hover{color: #3852AC}
.wx-img{width:108px;height:108px;margin-right:9px;}
.weixin{padding-top:28px;}
.lx_ewm{height:140px;float: right;width: 40%}
.lx_ewm_l{width:138px;height:138px;float:left;border:solid 1px #dcdcdc;}
.lx_ewm_l img{width:138px;height:138px;}
.lx_ewm_r{width:180px;float:left;margin-left:18px;color:#868686;font-size:16px;margin-top:7%;}

.pro-type{width:100%;overflow:hidden;margin-bottom:20px;}
.pro-type li{float:left;margin:0 6px 18px 6px;}
.pro-type li a{display:block;padding:0 18px;line-height:40px;border-radius:40px;border:1px solid #dcdcdc;}
.pro-type li a:hover{border:1px solid #007FE1;color:#007FE1;}
.pro li{float:left;width:300px;height:426px;text-align:center;overflow:hidden;margin:0 9px 24px 0px;}
.pro li:nth-child(3n){margin-right: 0px;}
.pro li a{display:block;width:298px;height:423px;border:1px solid #dcdcdc;}
.pro li img{width:286px;height:373px;margin:0 auto;padding-top:7px;}
.pro li span{display:block;width:100%;height:38px;line-height:38px;}
.pro li a:hover{border:1px solid #007FE1;color:#007FE1;}

.inforight{padding: 0px;float: right;width: 450px;margin-bottom: 20px;}
.info-title {font-size: 26px;line-height: 55px;margin-bottom: 5px;}
.info-desc{line-height: 25px;color: #000;margin-bottom: 10px;}
.info-desc span{color: #007FE1}
.info-tel{width: 235px;/*height: 55px;*/border: 1px solid #adadad;padding: 20px;}
.info-tel img{ float: left;margin-right: 15px;margin-top: 23px;}
.info-tel b{font-size: 21px;color: #007FE1}
.infocot{padding-top: 10px;margin-top: 20px;float: left;width: 100%;}
.infocot [class^="infot"]{margin-bottom: 20px; padding: 10px 30px;background: #007FE1;margin-right: 20px;float: left;color: #fff;}
.infocot [class^="infot"]:hover{background: #000}
.infot1 img{margin-top: 3px;}
.info .bubi{margin: 0px;float: left;width: 210px;height: 100%;}
.bubi select{width: 190px;height: 39px;background: none;border: 1px solid #C9C9C9;
    appearance: none;text-indent: 5px;font-size: 12px;border-radius: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.infocot a{cursor: pointer;}
.info .bbb{background: url(../images/ccc_03.jpg)no-repeat center;top: 15px;}


.pro_name{display:block;color:#FE8100;text-align:center;font-size: 20px;font-weight: bold;margin: 30px 0 30px 0;}
.info_title{margin:30px 0 0 0px;width:1200px;height:30px;background:#ccc;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#FE8100;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
.proshow1 ul{margin: 35px auto;width: 720px;}
.proshow1 ul li{transition:all 0.5s ease-in-out; display: inline-block;margin: 0 8px; height: 45px;width: 160px;background: #DBDBDB;text-align: center;line-height: 45px;overflow: hidden;}
.proshow1 ul li:hover{background: #007FE1;color: #fff;}

/*æ¡ˆä¾‹å†…é¡µ*/
.showcase{width: 280px;margin-right: 25px;float: left;margin-bottom: 30px;text-align: center;border: 1px solid #ccc;}
.showcase img{max-width: 280px;height: 220px;}
.showcase:hover p{color: #007FE1}
.showcase:nth-child(3n){margin-right: 0px;}
.showcase p{line-height: 30px;text-align: center;}

/********goods_info&amp;jobs_info*******/
/*************index&amp;goods**************/
.pro_info{width:100%;margin:10px auto 27px auto;width:920px;}
.pro_info_l{width:400px;position:relative;float:left;}
/*äº§å“æ”¾å¤§é•œæ•ˆæžœ*/
.preview{width:400px; height:360px; margin:0px 0px 0px 0px; }
/* smallImg */
.smallImg{position:relative; height:50px; margin-top:4px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../Image/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../Image/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:520px; overflow:hidden;}
.bigImg #midimg{width:400px; height:520px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
/*.pro_info_l img{width:463px;}*/
.pro_info_r{width:466px;padding-top:6px;float:left;margin-left:40px;}
.pro_info_r span{line-height:32px;text-align:left;display:block;}
.infoimg{width: 500px;text-align: center;}
.pro_more{width:172px;height:47px;margin-top:68px;}
.pro_more a{display:block;width:172px;height:48px;background:#aaa;color:#fff;text-align:center;line-height:48px;border-radius:8px;}
.pro_more a:hover{background:#007FE1;}
/*.pro_info .rel_center{margin:22px 0 16px;margin-left:-300px;width:600px;}
.pro_name{display:block;color:#007FE1;text-align:center;font-size:16px;}*/
.info_title{margin:30px 0 28px 0;width:100%;height:40px;background:#ececec;}
.info_title span{line-height: 40px;margin-right: 15px;}
.info_title span:hover{color: #007FE1;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#007FE1;color:#fff;line-height:40px;}
/********goods_info&amp;jobs_info*******/
.xiangguan h3{width:100%;height:60px;line-height:60px;font-size:18px;border-bottom:1px solid #eee;margin-bottom:24px;overflow:hidden;}
.xiangguan h3 a{font-size:14px;color:#666;float:right;padding-top:8px;}
.xiangguan h3 a:hover{color:#007FE1;}

.news{margin-top:40px;}
.news li{width:100%;height:85px;margin-bottom:37px;padding-bottom: 15px;border-bottom: 1px dashed #ccc;}
.news-l{width:74px;height:74px;background:#007FE1;margin-top: 5px; color:#fff;text-align:center;font-family:'Arial';}
.news-l span{display:block;font-size:30px;padding-top:12px;}
.news-r{width:810px;}
.news-r h3{font-size:16px;padding-top:2px;}
.news-r p{color:#666;line-height:24px;padding-top:8px;}
.news li a:hover h3{color:#007FE1;font-weight:bold;}
/****************news*****************/
.news_title{color:#007FE1;text-align:center;line-height:40px;padding-top:36px;}
.meta{color:#999;text-align:center;line-height:28px;}
.meta img{padding:6px 0 12px 0;width:600px;}
/***********news_info**************/

.hon li{float:left;width:280px;text-align:center;overflow:hidden;margin:0 10px 20px 10px;}
.hon li img{width:280px;height:210px;}
.hon li span{display:block;width:100%;height:48px;line-height:48px;}
.hon li a:hover{color:#007FE1;font-weight:bold;}

.case li{float:left;width:380px;height:318px;text-align:center;overflow:hidden;margin:0 10px 24px 10px;}
.case li a{display:block;width:378px;height:316px;border:1px solid #dcdcdc;background:#fff;}
.case li img{width:344px;height:252px;margin:0 auto;padding-top:18px;}
.case li span{display:block;width:100%;height:46px;line-height:46px;}
.case li a:hover{border:1px solid #007FE1;color:#007FE1;}

.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{transition: all 0.5s; padding:0 16px;width: 360px;height: 40px;background: none;border: 1px solid #ddd;border-radius: 5px;}
.order textarea{transition: all 0.5s; padding:0 16px;width: 360px;height: 140px;background: none;border: 1px solid #ddd;border-radius: 5px;}
#submit{width:90px;height:34px;border:none;background:#ddd;color:#fff;cursor:pointer;}
.order input:focus{border-color: #007FE1;box-shadow: 2px 1px 4px #007FE1}
.order textarea:focus{border-color: #007FE1;box-shadow: 2px 1px 4px #007FE1}
#submit:hover{background: #007FE1}
/**************order&amp;message********/

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#007FE1;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}

/*ä¸Šä¸€é¡µ_ä¸‹ä¸€é¡µ*/
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/

/*äº§å“è¯¦æƒ…*/
.o_product{
    clear: both;
    padding: 18px 22px;
}
.o_product .o_product_img{
    float: left;
    width: 240px;
}
.o_product .o_product_img .o_product_thumb{
    height: 240px;
    width: 240px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small{
    margin-top:10px;
    height: 55px;
    position: relative;
}
/*.swiper-container{
    width: 240px;
    height: 50px;
    overflow: hidden;
}*/
.o_product .product_small .arrow-left{
    width: 10px;
    height: 20px;
    display: block;
    background: url(../Image/swiper-l.png) no-repeat;
    position: absolute;
    left: -15px;
    top: 16px;
    transition: all 0.5s;
}
.o_product .product_small .arrow-right{
    width: 10px;
    height: 20px;
    display: block;
    background: url(../Image/swiper-r.png) no-repeat;
    position: absolute;
    right: -12px;
    top: 16px;
    transition: all 0.5s;
}
.o_product .product_small ul{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.o_product .product_small ul li{
    float: left;
    height: 50px;
    width: 50px;
    margin: 0px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small ul li.select img{
    border: 1px solid #C4C4C4;
}
.o_product .product_small ul li img{
    height: 50px;
    width: 50px;
    display: inline-block;
    box-sizing: border-box;
}
.o_product .o_product_img .o_product_thumb img{
    max-height:240px;
    max-width: 240px;
    display: inline-block;
    vertical-align: middle;
}

.o_product .o_product_info{
    float: right;
    width: 415px;
}
.o_product .o_product_info h2{
    color: #3f3f3f;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}
.o_product .o_product_info .o_product_detail{
    background: #F6F6F6;
    font-size: 14px;
    color: #999;
    padding: 15px 10px;
    margin-top: 10px;
}
.o_product .o_product_info .o_product_detail .o_product_data{
    clear: both;
    width: 100%;
}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.o_product_data span{
    display: inline-block;
    float: left;
    line-height: 22px;
}
.o_product_data span.key{
    width: 56px;
    text-align: right;
}
.o_product_data span.val{
    width: 339px;
}
.colhs{
    color: #FE4200;
}
.o_product_data span.val b{
    color:#FE4200;
    font-size: 16px;
}
.o_product_info .go_order{
    padding: 8px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #ff5e25;
    border: none;
    margin-top: 50px;
    outline: none;
}
.o_product_info .go_order:hover{
    background: #FE4200;
}
.order-content{
    padding: 20px 30px;
    background: #fff;
}

.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #ff5e25;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #FE4200;
}
</pre></body></html>