body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

body { font-size:12px; color:#666; font-family: Microsoft YaHei,SimSun;background: #fff;line-height: 1.6;}

fieldset, img { border:0; }

ol, ul { list-style:none; }

h1, h2, h3, h4, h5, h6{ font-size:100%; }

em { font-style:normal; }

input, button, select, textarea { outline:none; }

textarea { resize:none; } 

p{word-wrap:break-word;text-indent:0;}

a{text-decoration:none;color:#666; }

i{font-style: normal;}

li{list-style-type: none;}

table { border-collapse:collapse; border-spacing:0; }

.blank{padding-top:20px}

.block{display: block;}

.fl{float: left!important;}

.fr{float: right!important;}

.container{width:1280px;margin:0 auto;}

.clear:before,.clear:after{content:'';clear:both; display: table;overflow: hidden;}

.top{background-color:#f9f9f9;border-bottom:1px solid #dcdcdc;height:44px;line-height: 44px;}

.top .fl{font-size:16px;}

.top li{float:left;border-right:1px solid #dcdcdc}

.icon{background-image:url(../images/icon.png);background-repeat: no-repeat;}

.top li a{background-image:url(../images/icon.png);background-repeat: no-repeat; display: block;padding-right:16px;padding-left:50px}

.top li a:hover{color:#ac3756;transition: .2s;}

.top li:nth-child(1) a{background-position: 5px 0;}

.top li:nth-child(2) a{background-position: 5px -94px;}

.top li:nth-child(3) a{background-position: 2px -191px;}

.header{padding:5px 0 0;border-bottom:1px solid #dcdcdc;}

.header .fr .code{display: block;float:left;}

.header .fr .tel{display: block;float:left;background-position: 0 -241px;line-height:94px;font-size:16px;padding-left:30px;color:#097bc8;margin-right:10px}

.header .fr .tel i{color:#595757;font-size:20px}

.header .fr .kef{display: block;float:left; background-color: #097bc8;color:#fff;background-position: 10px -357px;padding-left:46px;padding-right:16px;line-height: 30px;margin-top:32px;}

.nav li{float: left;font-size:18px;line-height:1em;width:16.66%; text-align: center;position: relative;}

.nav li:after{content:'';position: absolute;top:10px;right:0;height:20px;width:1px;background: #dcdcdc;}

.nav li:last-child:after{display: none}

.nav li>a{display: block;padding:12px 0;}

.nav li:hover>a{border-bottom:4px solid #ac3756;padding:12px 0 8px;}

.nav-pro {width:640px;padding:16px; background:rgba(255,255,255,.9);}

.nav-pro h2{text-align: left;border-left:6px solid #AC3756;line-height:.8em;padding:5px;font-size:16px;}

.nav-pro .pro-list a{float: left; display: block;font-size:15px;width:28%;margin-right:5%;overflow: hidden;text-overflow: ellipsis;text-align: left;}

.pro-list{width:435px;}

.nav-pro .show-img{width:205px;display: block;}

.nav-pro{display: none;}

.has-sub{position: relative;}

.has-sub .nav-pro{position: absolute;top:42px;left:0;z-index:9999}

.has-sub .pro-list{padding-top:8px}

.has-sub .pro-list a{line-height:2.2;border-bottom:1px solid #dcdcdc}

.has-sub .wid1,.has-sub .wid2{padding-top:32px}

.has-sub .wid1{width:356px;}

.has-sub .wid1 .pro-list{width:150px}

.has-sub .wid1 .pro-list a{width:90%}

.has-sub .wid2{width:492px;}

.has-sub .wid2 .pro-list{width:287px}

.has-sub .wid2 .pro-list a{width:45%}



 .slideBox1{ width:100%; height:520px;overflow:hidden; position:relative;  }

    .slideBox1 .hd ul li.on{ background:#0081cc; color:#fff; }

    .slideBox1 .bd{position:absolute; height:100%; top:0;left:50%;margin-left:-959px }

    .slideBox1 .bd li{ zoom:1; vertical-align:middle; }

    .slideBox1 .bd img{  display:block;  }

.slideBox1 .hd ul{position: absolute;bottom:15px;left:0;z-index:99999 !important;text-align: center;width:100%}

.slideBox1 .hd ul li{display: inline-block;

    width: 14px;

    height: 14px;

    margin: 0 .5em;

    border-radius: 16px;

    background: #ddd; overflow: hidden;text-indent:2em} 

.search{font-size:14px;line-height:42px;border-bottom: 1px solid #dcdcdc;padding:5px 0 5px}

.search h4,.search ul,.search li{float:left;margin-right:20px}

.search .form .search-keyword,.search .form .search-submit{ display: block;float: left;margin-top:8px}

.search .form .search-keyword{font-size:13px;width:200px;line-height:24px;padding:0 10px;color:#666;border:1px solid #dcdcdc;border-right:none}

.search .form .search-submit{height:26px;border:0;background: url(../images/icon.png) no-repeat 0 -419px #8a8a8a;width:30px}

.search .form{margin-left:250px}

.con01 .index-news{width:510px}

.con01 .index-news .tit h2{color:#097bc8;font-size: 28px; line-height:60px;}

.con01 .index-news .tit a{font-size:14px;color:#fff;display: inline-block;background: #097bc8; line-height: 30px;padding:0 20px;vertical-align: middle;margin-top:17px; margin-bottom:10px;}

.con01 .index-news li{border-top:1px dotted #dcdcdc;padding:6px 0}

.con01 .index-news li a,.con01 .index-news li span{font-size:15px; color:#898989;line-height: 1.4em;}

.con01 .index-news li span{float: right; padding-right: 14px;}

.con01 .fast-link{width:757px;padding-top:17px}

.con01 .fast-link .link-area a{ display: block;width: 245px;line-height: 45px;background: #097bc8;color:#fff;font-size:20px; text-align: center;margin-top:10px;margin-right: 10px;float:left}

.con01 .fast-link .link-area a:nth-child(3n+3){margin-right:0}

.con02 .tit{height:415px;background-color: #097bc8;width:240px;-webkit-box-sizing:border-box;box-sizing: border-box;padding:20px 25px}

.con02 .tit h2{font-size:30px;color:#fff}

.con02 .tit p{font-size:15px;color:#fff;text-indent: 2em; margin-top:20px; line-height:30px;}

.con02 .qi-con{float:left;width:250px;border:1px solid #595757;height:200px;margin-left:8px;margin-bottom:11px;position: relative;overflow: hidden;}

.con02 .qi-con .img{height:200px;}

.con02 .qi-list{width:1040px}

.con02 .qi-con .txt{background:rgba(0,0,0,.4) ;width:100%;height:100%;color:#fff;-webkit-box-sizing:border-box;box-sizing: border-box;padding:10px;position: absolute;top:80%;left:0}

.con02 .qi-con .txt h4{font-size:18px;}

.con02 .qi-con .txt p{font-size:16px;}

.con02 .qi-con .txt a{background-color:#097bc8;color:#fff;font-size:18px;display: inline-block;padding:0 20px;line-height:1.6;margin-top:10px}

.con02 .qi-con:hover  .txt{top:0;transition: .2s;}

.main-tit{border-bottom:1px solid #626262;line-height: 70px;}

.main-tit h2{font-size:28px;color:#097bc8;float:left}

.main-tit span{font-size:24px;color:#9fa0a0;margin-left:10px; line-height:80px;}

.index-adventure {width:1160px;}

.index-adventure .adventure{padding-top:30px}

.index-adventure .adventure:last-child{padding-bottom:20px}

.con05{margin-bottom:20px}

.index-adventure .txt{width:650px;}

.index-adventure .txt .tit-img{height:90px;background-color: #dcdddd;}

.index-adventure .txt .tit-img img{padding-left:15px;}

.index-adventure .txt li{font-size:14px;color:#595757}

.index-adventure .txt span{color:#ff9700}

.index-adventure .ad-txt{position: relative;margin-left:80px;margin-top:20px}

.index-adventure .ad-txt li{padding:5px 0}

.index-adventure .ad-txt:before{content:'';position: absolute;top:.9em;left:8px;height:80%;width: 1px;background: #a0a0a0;z-index:-1}

.index-adventure .ad-txt li i{color:#fff;display: inline-block;-webkit-border-radius: 50%;border-radius:50%;background: #a0a0a0;width:16px;height:16px;text-align: center;line-height: 16px;margin-right:10px}

.index-adventure .txt a{display:inline-block;background: #097bc8;color:#fff;padding:0px 20px;font-size:18px;margin-top:20px;margin-left:80px}

.adventure02 .img img,.adventure03 .img img{display: block;float:left;margin-left:15px;margin-bottom:15px}

.adventure02 .img{width:40%;}

.adventure03 .img img{margin-right:15px;margin-left:0}

.bg-gray{background: #f1f1f1;}

.picMarquee-left .btn-left,.picMarquee-left .btn-right{border:1px solid #9fa0a0;display:block;float:left;width:38px;height:24px;line-height: 20px; text-align: center;font-size:20px;color:#9fa0a0;cursor: pointer;}

.picMarquee-left .btn-right{margin-left:-1px}

.picMarquee-left .btn-area{margin-left:20px;margin-top:;position: relative;z-index:999}

.main-tit .btn-more{float:right;color:#9fa0a0;font-size:17px}

.main-tit .btn-more i{display: inline-block;-webkit-border-radius: 50%;border-radius:50%;font-size:14px;background:#9fa0a0 ;width:16px;height:16px;text-align: center;line-height: 16px;color:#e9e9e9;margin-left:5px;vertical-align: middle;margin-top:-2px}

.con04 .case-list a,.con04 .case-list a img{ display: block;}

.con04 .case-list a img{width:308px}

.con04 .case-list a img{margin:0 auto}

.con04 .case-list a { font-size:16px; line-height:50px;}

.con04 .case-list li{float:left;text-align: center;color:#bababa;font-size:25px;margin:20px 0}

.con04 .market-list  li{width:20%}

.con04 .market-list  a img{width:240px}

.picMarquee-left{ width:1280px;  overflow:hidden; }

.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }

.picMarquee-left .bd li{width:320px;}



.con05 .link-area{width:575px;padding-top:10px}

.con05 .link-area a{font-size:17px;color:#097bc8;background: #fbfbfb;border:1px solid #d4d2d3;display: inline-block;line-height: 34px;padding:0 100px;margin-right: 10px;margin-top:7px}

.con05 p{font-size:15px;width:880px;padding:20px 0; text-indent:2em; line-height:28px;}

.con05 .in-tem{position: relative;}

.con05 .in-tem .show-img01{position: absolute;top:5px;left:570px;}

.con05 .in-tem .show-img02{position: absolute;top:5px;right:0;}

.fr-link .fr-con li{font-size:16px;margin-top:20px;border-right:1px solid #626262; display: inline-block;line-height: 1em;padding:0 30px}

.fr-link .fr-con li:last-child{border-right-width: 0;}

.fr-link .fr-con{padding-bottom:20px}

.bot{background: #640f2a;line-height: 38px;color:#fff;font-size:12px; text-align: center;}

.footer{background:#198bd8; 

 background: -webkit-linear-gradient(left, #097bc8 , #198bd8,#097bc8); /* Safari 5.1 - 6.0 */

  background: -o-linear-gradient(right,#097bc8 , #198bd8,#097bc8); /* Opera 11.1 - 12.0 */

  background: -moz-linear-gradient(right,#097bc8 ,#198bd8,#097bc8); /* Firefox 3.6 - 15 */

  background: linear-gradient(to right, #097bc8 , #198bd8,#097bc8); /* 标准的语法 */

  }

  .footer-main{padding:20px 0 20px 0}

.footer-main ul li{display: inline-block;border-right:1px solid #fff;line-height: 20px;}

.footer-main ul li:last-child{border-right:none}

.footer-main ul a{font-size:16px;color:#fff;padding:0 20px;}

.footer-main ul{padding:20px 0; text-align: center;}

.footer-main .bus .tit{line-height: 45px;}

.footer-main .bus .tit h3{font-size:18px;color:#fff;border-bottom:4px solid #fff;float:left}

.footer-main .bus .tit h3 a { color:#FFFFFF;}

.footer-main .bus .tit h3 a:hover{ color:#FFFFFF;}

.footer-main .bus .tit span{font-size:20px;color:#fff}

.footer-main .bus{width:560px;padding-left:168px}

.footer-main .bus-con{padding-top:10px}

.footer-main .bus-con dl{min-height:52px;background-image: url(../images/icon.png);background-repeat: no-repeat;color:#fff;padding-left:60px;margin-top:10px}

.footer-main .bus-con dl:nth-child(1){background-position: 0 -534px;}

.footer-main .bus-con dl:nth-child(2){background-position: 0 -656px;}

.footer-main .bus-con dl:nth-child(3){background-position: 0 -778px;}

.footer-main .bus-con dd{font-size:15px;}

.footer-main .bus-con dt{font-size:16px;font-weight: bold;}

.footer-main .wei-code{padding-top:65px}

.footer-main .wei-code .img{float:left; }

.footer-main .wei-code .img img{ width:165px; height:165px;}

.footer-main .wei-code .txt{float:left;font-size:14px;color:#fff;padding-top:110px;padding-left:25px}

.fr-link .fr-con a:hover,.has-sub .pro-list a:hover{color:#097bc8;transition: .2s;}

.footer-main ul a:hover{color:#ffe9e9;transition: .2s;}

.con05 .link-area a:hover{background: #097bc8;color:#fff;transition: .2s;}

.main-tit .btn-more:hover{color:#666}

.index-adventure .txt a:hover,.con01 .fast-link .link-area a:hover{background: #b7204d;}

.slider{width:305px;float:left;padding-bottom:90px;-webkit-box-shadow:0 0 30px 0 #b5b5b5; /*-moz-box-shadow: 50px 50px green; box-shadow: 50px 50px green;*/}

.slider h2{    background: #198bd8;

    background: -webkit-linear-gradient(left, #097bc8 , #198bd8,#097bc8);

    background: -o-linear-gradient(right,#097bc8 , #198bd8,#097bc8);

    background: -moz-linear-gradient(right,#097bc8 ,#198bd8,#097bc8);

    background: linear-gradient(to right, #097bc8 , #198bd8,#097bc8);color:#fff;text-align: center;font-size:32px;padding:25px 0;line-height: 1.5;margin-bottom:1px}

.slider h2 span{font-size:17px; display: block;}

.slider  .slider-link a{ display: block;margin:0 30px;border-bottom: 1px solid #dcdcdc; padding-left:60px;color:#595757;font-size:18px;line-height: 40px;}

.slider  .slider-link a.active,.slider  .slider-link a:hover{background-color: #097bc8;color:#fff;margin:0;padding-left:90px;background-image: url(../images/icon.png);background-repeat: no-repeat;background-position: 240px -1919px;}

.slider  .link-more a{ display: block;margin:0 60px;padding:20px 0;text-align: center;color:#097bc8;font-size:18px;border-bottom:1px solid #097bc8;line-height: 1.5;}

.con-right{width:936px;}

#position{background: url(../images/icon.png) no-repeat 0 -913px;font-size:16px;padding-left:20px;border-bottom: 2px solid #097bc8;padding-bottom:5px}

.con-right .search .form{margin-left:0;margin-right:20px}

.search li a:hover{color:#097bc8}

.con-right .search{border-bottom:none;margin-bottom:10px}

.con-right .search .form .search-submit{background:#097bc8 ;font-size:16px;color:#fff;width:70px}

.arcbody .bg-gray{padding:20px 0}

.arcbody h1{font-size:30px;color:#097bc8; text-align: center;}

.arcbody .times{font-size:16px;color:#097bc8; text-align: center;}

.arcbody .times a{color:#097bc8}

#textbody{padding:30px 0;min-height: 600px;}

#textbody .content p{font-size:16px;padding:10px 0}

.arcbody .read-more h3{font-size:20px;border-bottom:2px solid #097bc8;color: #097bc8;}

.arcbody .read-more ul{padding:10px 0}

.arcbody .read-more ul li{color: #097bc8;}

.arcbody .read-more li a{margin-left:5px;color: #097bc8;font-size:16px;}

.arcbody .near{float:right;margin:30px 0}

.arcbody .near a{background: #f3f3f3;border:1px solid #cccccc;color:#7e4532;display: block;float:left;padding:2px 10px;margin:0 2px}

.con-right .product-list .list-con,.con-right .project-list .list-con{float: left;width:33%; text-align: center;font-size:14px;margin-right:4px}

.con-right .product-list .list-con:nth-child(3n+3),.con-right .project-list .list-con:nth-child(3n+3){margin-right:0}

.con-right .product-list .list-con img{border:1px solid #959595; display: block;}

.con-right .project-list .list-con img{border:none; display: block;}

.con-right .project-list .list-con{width: 284px;margin-right:42px}

.con-right .product-list .list-con a,.con-right .project-list .list-con a{display: block;line-height: 50px; overflow:hidden;white-space:nowrap;text-overflow: ellipsis;font-size: 16px;}

.con-right .product-list .list-con a:hover,.con-right .project-list .list-con a:hover{color:#097bc8}

.slide-contact{margin:60px 25px 0;}

.slide-contact dl{background-image: url(../images/icon.png); background-repeat: no-repeat;padding-left:48px;margin-top:20px;min-height: 40px;}

.slide-contact dl dd{font-size:14px;}

.slide-contact dl dt{font-size:18px;color:#222;}

.slide-contact dl:nth-child(1){background-position: 0 -1160px;}

.slide-contact dl:nth-child(2){background-position: 0 -1280px;}

.slide-contact dl:nth-child(3){background-position: 0 -1395px;}

.tit-right{font-size:24px;line-height: 40px; background: #097bc8;color:#fff;margin-bottom: 20px;-webkit-border-top-left-radius: 14px;}

.tit-right h1{background-image: url(../images/icon.png); background-repeat: no-repeat;background-position:0 -972px ;margin-left:15px;padding-left:15px}

.tit-right a{display: block;color:#fff;background-image: url(../images/icon.png); background-repeat: no-repeat;background-position:0 -1045px ;margin-right:15px;padding-left:55px}

.qi-content .intro .clear{background: #ebe5eb;padding:10px}

.qi-content .intro .img{float:left;width:306px;}

.qi-content .intro .img img{margin:0 auto;max-width: 290px;display: block;}

.qi-content .intro .txt{float:left;width:605px;}

.qi-content .intro .txt h2{color:#097bc8;font-size:20px;}

.qi-content .intro .txt .des{font-size:16px;color:#3e3a39;margin-top:10px}

.qi-content .intro .tit-txt{font-size:16px;width:306px;padding-left:10px;float: left;text-align: center;}

.qi-body p{font-size:16px;padding:10px 0;font-size:14px;}

.linkes,.switch-about{margin:20px 0}

.linkes .w50{width:50%;text-align:center;float:left}

.linkes .center{    font-size: 16px;

    border: 1px solid #dcdcdc;

    width: 80%;

    display: inline-block;

    line-height: 30px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;}

.linkes .center:hover,.linkes .center:hover a,.linkes .center a:hover{border-color:#097bc8;color:#097bc8}

.picScroll-left{ width:100%;  overflow:hidden; position:relative;clear: both;margin-top:30px;}

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;width:30px; height:60px;overflow:hidden;cursor:pointer;background-image: url(../images/icon.png);background-repeat: no-repeat;position: absolute;top:50%;margin-top:-30px}

.picScroll-left .hd .prev{background-position: 0 -1524px;left:0}

.picScroll-left .hd .next{background-position: 0 -1663px;right:0}

.picScroll-left .bd{padding-left:56px}

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center; width:166px; border: 1px solid #b6b6b6;}

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{width:100%;height:auto; display:block;margin: 0 auto }

.picScroll-left .bd ul li .title a{  font-size:16px;display: block;white-space: nowrap;line-height: 2;overflow:hidden;text-overflow:ellipsis }

.picScroll-left .bd ul li .title{border-top: 3px solid #097bc8;}

.picScroll-left-case .bd ul li{ background: none;margin:0 10px;}

.picScroll-left-case .bd ul li .pic img{width:100%;max-width:100%;height:138px;}

.picScroll-left-case .bd ul li .title a{ color:#333 }

.sub-tit h3{font-size:18px;color:#097bc8;float: left;border-bottom:3px solid #097bc8;line-height: 38px; clear:both}

.sub-tit{clear: both;width:100%;height:37px;border-bottom:1px solid #dcdcdc}

.slideTxtBox{ width:100%; text-align:left;  }

.slideTxtBox .hd{ height:38px; line-height:38px;  border-bottom:1px solid #ddd;  position:relative; }

.slideTxtBox .hd ul{ float:left;  position:absolute; top:-1px; height:32px;   }

.slideTxtBox .hd ul li{ float:left; cursor:pointer; font-size:18px;color:#b5b5b6;margin-right:20px }

.slideTxtBox .hd ul li.on{ height:38px;  border-bottom:3px solid #097bc8;color:#097bc8 }

.slideTxtBox .bd ul{clear:both;overflow: hidden;margin:20px 0;}

.slideTxtBox .bd li{color:#097bc8;width:428px;float:left;padding:0 20px;position: relative;font-size:14px;margin:3px 0;}

.slideTxtBox .bd li:before{content: '';position: absolute;top:50%;margin-top:-3px;left:5px; width:6px;height: 6px;-webkit-border-radius:50%;border-radius:50%;background: #999}

.slideTxtBox .bd li a{color:#097bc8;}

.slideTxtBox .bd li a.title-style{color:#333;}

.slideTxtBox .bd li span{color:#999; float:right;}

.link-keys{background: #efe8ed;padding:15px}

.link-keys .link-con h3{color:#681f56;font-size:16px;margin-bottom:5px}

.link-keys .link-con a{font-size:14px;margin-right:6px;padding-right:6px;border-right:1px solid #ccc;display: inline-block;line-height: 1em;margin-bottom:10px}

.link-keys .link-con a:last-child{border:none}

.con-right .list-main li{background: url(/templets/shengshi/images/list-li.jpg) no-repeat ;margin-top:20px;padding-left:56px}

.con-right .list-main li a{color:#00558d;font-size:16px;}

.con-right .list-main li span{float:right;display: inline-block;background: #097bc8;color:#fff;font-size:14px;padding:0 30px;-webkit-border-top-left-radius: 10px;border-top-left-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;margin-top:2px}

.pagelist{	margin:40px 0;text-align:center;}

.pagelist a{margin-right:5px}

.spe-con .spe-tit h1,.spe-con .spe-tit .h1{color:#097bc8;font-size:30px;line-height: 1.3;font-weight: bold;}

.spe-con .spe-tit div{font-size:22px;color:#595757}

.spe-con .deve-intro{padding:15px;color:#3e3a39;font-size:18px;margin:20px 0}

.spe-con .deve-intro span{color:#097bc8}

.spe-con .deve-intro strong{font-size:20px;color:#097bc8}

.line2{line-height: 2;}

.dep-main li{width:50%;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;}

.dep-main li i{-webkit-ring-radius: 50%;border-radius: 50%;width:76px;height: 76px;color:#fff;font-size:30px;display: block;line-height: 76px;text-align: center;position: absolute;}

.dep-main li.fl  i{bottom:60px;right:0}

.dep-main li.fr  i{top:40px;left:0}

.dep-main li:nth-child(1) i {background: #f6c646;}

.dep-main li:nth-child(2) i {background: #ea5503;}

.dep-main li:nth-child(3) i {background: #008cd7;}

.dep-main li:nth-child(4) i {background: #ea5503;}

.dep-main li:nth-child(2n+1){border-right:2px solid #3672ae}

.dep-main{padding:40px}

.dep-main li .txt{font-size:16px;width:308px;margin-bottom:20px}

.dep-main li.fl .txt,.dep-main li.fl .img{float: left;}

.dep-main li.fr .txt,.dep-main li.fr .img{float: right;}

.dep-main li .img{margin-bottom:20px}

.dep-main li:after{content: "";width:100%;height:2px;background:#3772ae;position: absolute;z-index:-1}

.dep-main li.fl:after{bottom:100px;right:0}

.dep-main li.fr:after{top:80px;left:0}

.dep-main li.fl i{right:-39px}

.dep-main li.fr i{left:-39px}

.hornor-image{position: relative;margin:20px 0}

.hornor-image img{position:absolute}

.hornor-image img:nth-child(1){top:0;left:0}

.hornor-image img:nth-child(2){top:0;left:322px}

.hornor-image img:nth-child(3){top:0;left:632px}

.hornor-image img:nth-child(4){top:203px;left:322px}

.hornor-image img:nth-child(5){top:203px;left:632px}

.culture-con .cul-tit{text-align: center;position: relative;margin:20px 0}

.culture-con .cul-tit:after{content: '';display: block;width:100%;height: 1px;background: #595757;position: absolute;top:18px;left:0;z-index:-1}

.culture-con .cul-tit h2{background: #097bc8;color:#fff;font-size:18px;line-height: 36px;display: inline-block;padding:0 30px}

.culture-con .cul-tit span{display: block;color:#595757;font-size:18px}

.culture-con .cul-con p{ font-size:16px;padding-bottom: 10px;}

.culture-con .strong{color:#097bc8;font-size:20px;font-weight: bold;margin:20px 0}

.culture-con  .cul-img{background: url(../images/cul.png) no-repeat center top; height: 277px; text-align: center;margin:60px 0}

.culture-con  .cul-img p{font-size:16px;color:#fff;width:200px;display: inline-block; text-align: left;padding-top:60px;line-height: 2;}

.join-con .txt h3{font-size:42px; line-height: 84px;color:#fff;background: #097bc8; text-align: center;font-weight: normal;}

.join-con .txt .list{ clear: both;overflow: hidden;margin-top:20px}

.join-con .txt .list:nth-of-type(2n){background: #fdebcf;}

.join-con .txt .list:nth-of-type(2n) .img{float:left;border-right:10px #fff solid;width:38%}

.join-con .txt .list:nth-of-type(2n) .txt{float: right;width:62%}

.join-con .txt .list:nth-of-type(2n+1){background: #dff2fd;}

.join-con .txt .list:nth-of-type(2n+1) .img{float:right;border-left:10px #fff solid;width:54%}

.join-con .txt .list:nth-of-type(2n+1) .txt{float: left;width:46%}

.join-con .txt .list .txt{font-size:18px;-webkit-box-sizing:border-box;box-sizing: border-box;padding:20px;line-height: 2;}

.join-con .txt .list .img{-webkit-box-sizing:border-box;box-sizing: border-box;}

.join-con .txt .list .img img{width:100%;display: block;}

.join-con .join-tit{border-bottom:1px solid #097bc8;}

.join-con .join-tit h2{color:#097bc8;font-size:30px; font-weight: normal;line-height: 1;padding-bottom:10px}

.join-con .join-tit span{color:#a29d9e;font-size:22px; display: block;line-height: 1.2;}

.introdes-con .fl{width:604px;font-size:16px;line-height: 2;}

.introdes-con h2{color:#097bc8;font-size:28px;padding:20px 0}

.introdes-con .fr{width:273px;padding-top:30px}

.contact-txt{font-size:16px;line-height: 2;margin-bottom:20px}

.list-qi{text-align: center;margin:50px 0}

.list-qi li{ display: inline;margin:0 5px;font-size:14px;}

.list-qi li a,.list-qi li .pageinfo{font-size:14px;}

.list-qi li.thisclass{color:#097bc8}

.qi-content2 .img{width:350px;float:left}

.qi-content2 .txt{width:580px;float:right}

.qi-content2 .txt h2{color:#097bc8;font-size:20px;display: inline-block;border-bottom:3px solid #097bc8}

.qi-content2 .txt .des{color:#3e3a39;font-size:16px;border-top:1px solid #097bc8;position: relative;top:-2px;padding:20px 0}

.qi-content2 .txt a{display: inline-block;-webkit-border-radius: 20px;border-radius:20px;color:#fff;line-height: 40px;padding:0 34px;margin-right:20px;font-size:16px}

.qi-content2 .txt a.link01{background: #097bc8; }

.qi-content2 .txt a.link02{background: #097bc8;}

.qi-content2 .txt a:hover{opacity: .9;}

.qi-content2  .intro{border-bottom:1px solid #aaaaaa;padding:10px 0 30px}

.qi-content2 .hgroup{text-align: center; line-height: 1.1; margin-top:20px;

padding:10px 0;

    background: #eaeaea;

    background: -webkit-linear-gradient(top, #ffffff , #e7e7e7);

    background: -o-linear-gradient(bottom,#ffffff , #e7e7e7);

    background: -moz-linear-gradient(top,#ffffff ,#e7e7e7);

    background: linear-gradient(to bottom, #ffffff , #e7e7e7);

}

.qi-content2 .hgroup h3{font-size:24px;color:#3b3b3b}

.qi-content2 .hgroup span{display: block;color:#097bc8;font-size:20px}

.qi-content2 .qi-text{font-size:14px;line-height:2;padding:10px 0;overflow: hidden;clear: both;}

.qi-content2 .qi-text p{padding:5px 0;font-size:16px}

.qi-content2 .qi-text dl{clear: both;overflow: hidden;}

.qi-content2 .qi-text dl dt{width:90px;float:left;color:#097bc8;    text-align: justify;

    text-align-last: justify;}

.qi-content2 .qi-text dl dd{float:left;}

.qi-content2 .qi-text dl dd span a{display: inline-block; background: #934899; color: #ffffff; padding: 0px 15px; border-radius:17px;  margin-left: 5px; line-height: 1.5;}

.qi-content2 .qi-text .img4{width:228px;float:left;margin-right:5px;  }

.qi-content2 .qi-text .img4:last-child{padding-right:0}

.qi-content2 .qi-text .img4 img{width:100%;height: auto;}

.qi-content2 .qi-text .img4 span{width:100%; color: #000000; display: block; font-weight: bold; text-align: center; }

.qi-content2 .qi-text table{width:101%;border-collapse: separate;

border-spacing: 4px;margin-left:-4px;margin-right:-4px}

.qi-content2 .qi-text table th{background: #097bc8;color:#fff;text-align: center;}

.qi-content2 .qi-text table th:first-child{width:30%}

.qi-content2 .qi-text table th:last-child{width:70%}

.qi-content2 .qi-text table td{background: #efefef;color:#3e3a39;text-align: left;padding:5px 20px 5px 20px}



.mean-txt .tit-mini{background: #097bc8;color:#fff;display: inline-block;padding:0 20px;margin:20px 0 10px}



.qi-content2 .img img{max-width:95%;margin:0 auto;display: block}



.qi-text1{font-size:16px;line-height:2;padding:10px 0;overflow: hidden;clear: both;}

.qi-text1 p{padding:5px 0;font-size:16px}

.qi-text1 dl{clear: both;overflow: hidden;margin: 5px 0;}

.qi-text1 dl dt{width:90px;float:left;color:#097bc8;    text-align: justify;

    text-align-last: justify;}

.qi-text1 dl dd{float:left;width:470px}



.con-right .product-list2 .list-con{

  width:224px

}

.con-right .product-list2 .list-con img{width:100%}

.con-right .product-list2 .list-con{margin-right:10px;border:1px solid #b6b6b6;margin-bottom:20px}

.con-right .product-list2 .list-con:nth-child(3n+3){margin-right:10px}

.con-right .product-list2 .list-con:nth-child(4n+4){

margin-right:0

}

.con-right .product-list2 .list-con img{border:0;max-width:100%}

.con-right .product-list2 .list-con span{ display:block;height: 50px;overflow:hidden;text-overflow:ellipsis;border-top:3px solid #097bc8;padding:0 5px}

.con-right .product-list2 .list-con:hover{border-color:#097bc8}

.news-list-order{margin:20px 0;}

.news-list-order ul{clear:both;overflow: hidden;margin:20px 0;}

.news-list-order li{color:#097bc8;width:428px;float:left;padding:0 20px;position: relative;font-size:14px;margin:3px 0;}

.news-list-order li:before{content: '';position: absolute;top:50%;margin-top:-3px;left:5px; width:6px;height: 6px;-webkit-border-radius:50%;border-radius:50%;background: #999}

.news-list-order li a{color:#097bc8;}

.news-list-order li a.title-style{color:#333;}

.news-list-order li span{color:#999; float:right;}

.near{margin: 20px 0;}

.bot{background: #303032;}

.link-bot,.contact-bot{width:160px;float:left;padding-top:20px}

.link-bot a,.contact-bot a{display: block;color:#fff}

.link-bot .main-bot,.contact-bot  .main-bot{font-size:16px;padding-bottom:30px}

.link-bot .sub-bot{font-size:13px;line-height: 2;}

.contact-bot{float:left;border-left:1px solid #959595;padding-left:90px;padding-top:0;margin-top:20px;width:386px}

.contact-bot .fl{float:left;width:246px}

.contact-bot .fr{float:right;width:136px;}

.tel-bot{color:#fff;font-size:13px;}

.tel-bot strong{font-size: 30px;font-weight: bold;}

.contact-bot .fr{text-align: center;color:#fff;font-size:13px;margin-top:50px}

.cont-bot{background:url(../images/con-bot.png) no-repeat left top;width:125px;height: 30px;}

.cont-bot a{display: block;width:30px;height: 30px;float:left;margin-right:10px;}



/*-------------------旧管网水性漆按应用分类----------------*/

.sxqfl{}

.sxqfl table {width:100%; margin: 10px auto;}

.sxqfl table th {font:16px/30px "微软雅黑"; color: #ffffff; font-weight: bold; text-align: center; margin: 1px; background: #097bc8; border: solid 2px #ffffff; padding: 5px; }

.sxqfl table td {font:16px/25px "微软雅黑"; border: solid 2px #ffffff; padding: 5px; background: #efefef; color: #666666; }

.sxqfl table td a{font:16px/25px "微软雅黑";  }

.sxqfl table td a:hover{color: #097bc8;}

.sxqfl table th:first-child{width: 15%;}

.sxqfl table th:nth-child(2){width: 20%;}

.sxqfl table td:nth-last-child(3){text-align: center;}

.sxqfl table td:last-child{font-size:14px;}

.sxqfl table td:nth-last-child(2):hover{ color: #097bc8;}

.sxqfl table td:nth-last-child(2):hover a{color: #097bc8;}