*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.bluetext{color: #46a7d4!important;font-weight: bold}
.lh-1{line-height: 100%}.fl{ float: left;}
.fr{ float: right;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.w10{width: 10%}
.w20{width: 20%}
.w235{width: 28.5%}.w30{width: 30%}
.w40{width: 40%}
.w50{width: 50%}
.w60{width: 60%}
.w70{width: 70%}
.w80{width: 80%}
.w90{width: 90%}
.pl10{padding-left: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.green,.green a:link,.green a:hover,.green a:active,.green a:visited{color: #00c6f7;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-black,.text-black a:link,.text-black a:visited,.text-black a:hover{color:#000000;}
.space2{text-indent: 27px;}
.space1{text-indent: 18px;}
.textshadow{  text-shadow: 0px 4px 8px #aaa; }
.bar{background: url("/static/images/barbg.png") center center no-repeat;text-align: center;font-size: 32px;line-height: 60px;font-weight: 600;margin: 30px 0 20px 0}
.text-orange{color: #e1bd2d}
.text-white{color: #fff}
.bar div{font-size: 16px;}
.textbig{text-transform: uppercase}
.bg-orange{background: #e1bd2d}
.bg-orange2{background: #f08300}
.cp div{float: left;width: 16.6%;text-align: center; line-height: 35px;font-size: 18px;}
.hz p{line-height: 30px;font-size: 14px!important;}
.hz div{float: left;width:20%;text-align: center; line-height: 35px;font-size: 18px;}
.hz .f18{width: 100%;clear: both;font-weight: bold;}
.aboutus{font-size: 18px;line-height: 200%;height: 375px;}
.btn-orange{border: 1px solid #fff;border-radius: 5px;padding:2px 10px;font-size: 16px;}
.w50{width: 50%;}
.w33{width: 33.3%;}
.w30{width: 31%;}
.f24{font-size: 24px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}



.lh-2 {
    line-height: 2;
}

.table-bordered {
    border: 1px solid #00c6f7;
}
.borderedright {
    border-right: 1px solid #00c6f7;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.newstop{background: url(/static/images/newstop.jpg) center center;padding-left: 80px; width: 890px;height: 40px;line-height: 40px;font-size: 22px;}
.newstop div{float: left;background: #ffffff;color: #00c6f7; height: 40px;padding: 0 10px;}
@font-face { font-family: 'impact'; src: url('/skin/fonts/impact.ttf'); src: url('/skin/fonts/impact.ttf'); format('embedded-opentype'), url('/skin/fonts/impact.ttf'); format('woff'), url('/skin/fonts/impact.ttf'); format('truetype'), url('/skin/fonts/impact.ttf'); format('svg'); font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{width: 1200px;margin: 50px auto 30px;text-align: center;overflow: hidden;}
.indttitle{font-size: 24px;font-weight: 500;color: #00c6f7;}
/*header*/

.header{ width: 100%;background: #fff;}
.header .h-nr-1{ width: inherit; height: 40px;line-height: 40px;border-bottom: 1px solid #f5f5f5;}
.header .header_top{position: relative;}
.header .header_top .left{ color: #666; font-size: 14px;}
.header .header_top .right a{ color: #666; font-size: 14px;}
.header .header_top .right i{ color: #666; font-size: 14px; margin: 0 2px 0 5px;}
.header .header_top .right a:hover{ color: #00c6f7;}
.header .h-nr-2{width: inherit;}

.header .h-nr-2 .zb .left{ display: inline-block; vertical-align: middle;}
.header .h-nr-2 .zb .left img{ display: inline-block;}
.header .h-nr-2 .zb .left .img-2{ margin-right: 30px;}
.header .h-nr-2 .zb .wb{display: inline-block;vertical-align: middle;letter-spacing: 1px;position: relative;margin-top: 20px;padding-left: 20px;}
.header .h-nr-2 .zb .wb:before{ position: absolute; left: 10px; top: 0; content: url(../images/hx.png); width: 5px; height: 50px;}
.header .h-nr-2 .zb .wb p{ font-size: 24px;line-height: 25px; }
.header .h-nr-2 .zb .wb p b{ color: #00c6f7;font-weight: bold;}
.header .h-nr-2 .zb .wb h1{ color: #00c6f7;font-weight: bold; margin-top:-6px;} 
.header .h-nr-2 .zb .wb p + p>i{ color: #333;font-size: 18px;}
.header .h-nr-2 .zb .wb h3{ color: #333;font-size: 18px;}
.header .h-nr-2 .right{float: right;margin-top: 15px;}
.header .h-nr-2 .right .lx-ph{ margin: 7px 1px 0 0;}
.header .h-nr-2 .right>div{ display: inline-block; vertical-align: top; text-align: left;}
.header .h-nr-2 .right>div p{ color: #333; font-size: 16px;line-height: 30px;}
.header .h-nr-2 .right>div p+p{font-weight: bold; font-size: 26px;color: #00c6f7;font-family:Impact;}
.header .h-nr-2 .right>div p a{font-weight: bold; font-size: 26px;color: #00c6f7;font-family:Impact;}
/*.header .nav*/

.header .nav{ width: 100%; height: 45px; line-height:45px; background: #fff; border-top: 1px solid #00c6f7; overflow: hidden; position: relative; z-index: 12;}
.header .nav .nav-content ul .tsli{ margin-right: 0;}
.header .nav .nav-content{ width: 1200px; margin: 0 auto;}
.header .nav .nav-content ul li{ float: left; position: relative; line-height: 45px;width: 140px; margin-right: 10px;}
.header .nav .nav-content ul li i{ position: absolute; left: 0; top: -18px; visibility: hidden; height: 11px; width: 123px; vertical-align: top;}
.header .nav .nav-content ul li a{ color: #666; font-size: 16px; text-align: center; display: block;}
.header .nav .nav-content ul li i{ visibility: visible;}
.header .nav .nav-content ul li:after{ position: absolute; right: -2px; top: 10px; content: url(/static/images/navxg.jpg); width: 9px; height: 30px;}
.header .nav .nav-content ul .tsli:after{ display: none;}
.header .nav .nav-content ul li:last-child:after{
	width: 0;height: 0;content: ""
}
/*招商*/
.zs{width: 192px;height: 214px;float:left;border:1px solid #cccccc;text-align: center;margin-right: 54px;margin-bottom: 46px;margin-left: 34px;}
.zs h1{height: 57px;line-height: 57px;border-bottom:1px dashed #cccccc;font-size: 14px;color:#00c6f7}
.zs p{padding: 23px 13px;font-size: 14px;text-align: left;line-height: 35px;}
.zs img{vertical-align: middle}
/*优势*/

#QYYS .TitleBox { height: 152px; background: #00c6f7; color: #FFF; margin-bottom: 110px; }
#QYYS .Title { position: relative; height: 124px; font-size: 18px; line-height: 1.7; padding-top: 48px; }
#QYYS .Title h3 { font-size: 35px; }
#QYYS .Title .L { float: left; }
#QYYS .Title .R { float: right; }
#QYYS .Title .Ico { background: url(/static/images/YsTitle.png) left top no-repeat; width: 326px; height: 171px; position: absolute; left: 50%; margin-left: -163px; top: 31px; }

#QYYS .Item { width: 1200px; height: 196px; margin-bottom: 40px; margin-left: auto; margin-right: auto; clear: both; }
#QYYS .Item div { width: 680px;line-height:250%; height: 196px; float: right; text-align: left; }
#QYYS .Item img { float: left; }
#QYYS .Item.ItemR div { float: left; }
#QYYS .Item.ItemR img { float: right; }
#QYYS .Item div i { display: block; width: 72px;margin: 0 30px 50px 0; height: 91px; float: left; text-align: left; overflow: hidden; text-indent: -999em; background: url(/static/images/Ys.Numberpng.png) center top no-repeat; }
#QYYS .Item div h3 { margin-left: 80px;
    font-size: 24px;
    color: #00c6f7;
    line-height: 1;
    font-weight: 600;
    text-shadow: 0px 4px 10px #ddd; }
#QYYS .Item div p { margin-left: 80px; font-size: 15px; line-height: 2.2; color: #626262; padding-top: 10px; }
#QYYS .Item div.F h3, #QYYS .Item div.F p { margin-left: 60px; }
#QYYS .Item div i.i1 { background-position: left -0px; }
#QYYS .Item div i.i2 { background-position: left -91px; }
#QYYS .Item div i.i3 { background-position: center -182px; }
#QYYS .Item div i.i4 { background-position: left -273px; }
#QYYS .Item div i.i5 { background-position: center -364px; }


.banner-index{ font-size: 0;}
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 47%; bottom: 50px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 10px; height: 10px; background: #333; margin-right: 10px; cursor: pointer;}
.slideBox .hd ul li.on{ background: #00c6f7;}
.banner-index .slideBox .bd img{ width: 100%;}
#test{border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;}
/*search*/

.search{ width: 100%; position: relative;background: #fff; border-bottom: 1px solid #ccc;}
.search-content{height: 65px; line-height: 65px;}
.search-keywords{ display: inline-block;}
.search-keywords span img{ vertical-align: middle; margin: -5px 6px 0 0;}
.search-keywords span{color: #00c6f7; font-size: 14px; display: inline-block; vertical-align: middle;font-weight: bold;}
.search-keywords a{ color: #666; font-size: 14px; display: inline-block; vertical-align: middle;}
.search-keywords a:hover{ color: #00c6f7; text-decoration: underline;}
.search-keywords i{ display: inline-block; vertical-align: middle; border-left: 1px solid #666; width: 1px; margin: 0 6px 0 10px; height: 13px;}
#searchForm{ background: url(/skin/images/search.png)no-repeat; background: url(/skin/images/search.png)\9 no-repeat; width: 272px; height: 31px; vertical-align: middle; display: inline-block;}
.search-form{ display: inline-block; float: right;}
#searchForm .search-input{ vertical-align: top; line-height: 31px; background: none; border: none; height: 31px;color: #b9b9b9; outline: none; width: 210px; text-indent: 20px;}
.search-form #s_btn{ background: none; width: 60px; height: 31px; text-align: center; color: #fff; outline: none; border: none; cursor: pointer; display: inline-block; vertical-align: top; float: right;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #b9b9b9;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #b9b9b9;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #b9b9b9;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #b9b9b9;}



.con0bg{background: #f9f9f9;padding: 20px 0 0;}
.aboutus{padding: 30px;padding-right: 0px;}
.aboutus .more{display: inline-block;width: 120px;text-align: center;line-height: 36px;background-color: #00c6f7;color: #fff;margin-top: 20px;;transition: all ease .3s}
.aboutus .more:hover{border-radius: 10px 0 10px 0;background-color: #00c6f7;}
/*con1*/


.con1bg .tabs li{display: block;width: 20%;float: left;padding-bottom: 40px;}
.con1bg .tabs li a{ display: block;padding: 0 20px;}
.con1bg .tabs li .ico{display: table-cell;text-align: center;vertical-align: middle;width: 160px;height: 100px;margin: 0 auto;}
.con1bg .tabs li .ico img{max-width: 100%; max-height: 100%;}


.con1bg .tabs li a p{ position: relative; width: 159px; height: 40px; text-align: center; line-height: 40px; background:#cccccc; overflow: hidden; margin: 0 0;}
.con1bg .tabs li a p .i2{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #00c6f7; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.con1bg .tabs li a p .i3{ width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; border-color: transparent #00c6f7 transparent transparent; position: absolute; top: 0; right: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.con1bg .tabs li a p .i1{ position: relative; z-index: 2; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #333;font-size: 14px;}
.con1bg .tabs li a p:hover{ border-color: #fff;}
.con1bg .tabs li a p:hover .i1{ color: #fff;}
.con1bg .tabs li a p:hover .i2{ border-width: 140px 0 0 140px;}
.con1bg .tabs li a p:hover .i3{ border-width: 0 140px 140px 0;}

.con1bg .tips{width: 760px;margin: 0 auto;border: 2px #d6151a solid;border-radius: 6px;padding: 0 20px;margin-top: 20px;}
.con1bg .tips .tip_li{float: left;font-size: 16px;color: #d6151a;}
.con1bg .tips .t1{width: 170px;}
.con1bg .tips .t2{width: 255px; background: url(../images/t2.png) no-repeat left center;margin: 0 75px;text-align: right}
.con1bg .tips .t3{width: 180px; background: url(../images/t3.png) no-repeat left center;text-align: right}

.c_01{background: url(/static/images/c_01.jpg) center center no-repeat;height: 393px;}
.c_02{background: url(/static/images/c_02.jpg) center center no-repeat;height: 392px;}
.c_03{background: url(/static/images/c_03.jpg) center center no-repeat;height: 390px;}
.c_04{background: url(/static/images/c_04.jpg) center center no-repeat;height: 399px;}
.c_05{background: url(/static/images/c_05.jpg) center center no-repeat;height: 361px;}
.shadow{text-shadow:0px 4px 10px #000; 
}
.con1bg{ background: url(/skin/images/con1bg.png)no-repeat; background: url(/skin/images/con1bg.png)\9 no-repeat; width: 100%;background-size: 100% 1657px; padding: 20px 0 0;}
.con1{height: 320px;}
.con1 ul li{ text-align: center; float: left; position: relative; width: 286px; position: relative; margin-right: 18px;}
.con1 ul li:after{ content: ""; right: -8px; top: 0; height: 284px; position: absolute;}
.con1 ul li:first-child+li+li+li+li:after{ display: none;}

/*.con1 ul li .pic{ background: url(/skin/images/qq1.png)no-repeat; width: 220px; height: 220px; line-height: 216px; text-align: center;}
.con1 ul li .pic img{ width: 208px; height: 208px; vertical-align: middle; 
transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}*/

.con1 ul li .pic{ width: 148px; height: 148px; text-align: center; background: url(/static/images/dzty.png)no-repeat; line-height: 148px; margin: 0 auto 20px;}
.con1 ul li .pic img{vertical-align: middle; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.con1 ul li:hover .pic img{ }
.con1 ul li h6{ color: #444; font-size: 18px; line-height: 35px;}
.con1 ul li p{ color: #666; font-size: 14px; line-height: 30px;}

/*.con1 ul li:hover .pic{ background: url(/skin/images/qq2.png)no-repeat;}
.con1 ul li:hover .pic img{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}*/

.footbg{background:url("/static/images/foot.png") bottom center #00c6f7 no-repeat;
	background-size: contain;background-attachment: fixed
}
.foot{
    background-color: rgba(0,102,0,0.03);
    padding: 5px 0;

    color: #fff;
}
.foot a{
    color: #fff;
}
.foot .link-title{
    font-size: 16px;
    padding-bottom: 5px;

    border-bottom: 1px solid #d8d8d8;
    text-align: center;
}
.foot .links{
    padding-bottom: 30px;
    text-align: center;
}
.foot .links a{
    padding: 0 20px;
    background: -webkit-linear-gradient(top,#fffffa,#fffffb,#fffffc) no-repeat right / 1px 13px;
}
.foot .links a:last-child{
    background: none;
}
.foot .info{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 25px;
}
.foot .info .left{
    margin-right: 20px;
}
.pt-4, .py-4 {
    padding-top: 1.5rem!important;
}
.lh-3 {
    line-height: 3;
}
.lh-4 {
    line-height: 4;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}

/*product*/

.product {}

.product .hd ul li{ float: left; text-align: center; margin-right: 25px; width: 128px;}
.product .hd ul li:hover p{ color: #00c6f7;}
.product .hd ul li .icon{ width: 128px; height: 128px; overflow: hidden; -webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;transition: all 0.8s ease;}
.product .hd ul li:hover .icon{ transition: all .5s; -webkit-transform: rotatey(180deg);-moz-transform: rotatey(180deg);-ms-transform: rotatey(180deg);transform: rotatey(180deg);}
.product .hd ul li .icon img{ width: 128px; height: 128px;}
.product .hd ul li p{ color: #333; font-size: 18px; line-height: 35px; margin: 10px 0 0;}
.product .hd ul .tsli{ margin-right: 0;}
.product .bd ul li{ float: left; text-align: center; margin: 20px 18px 0 0; width: 286px;}
.product .bd ul li .pic{ width: 286px; height: 221px; overflow: hidden; border: 1px solid #ccc;}
.product .bd ul li .pic img{width: 100%;}
.product .bd ul li p{ color: #333; font-size: 14px; line-height: 35px;}
.product .bd ul li:hover p{ color: #00c6f7;}
.product .bd ul li:hover .pic img{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.product .more{text-align: center;margin: 10px 0 25px;}
.product .more>a{ display: inline-block; text-align: center; width: 221px; height: 51px; line-height: 51px; color: #333; font-size: 18px; border-radius: 25px; border: 1px solid #dedede;}
.product .more>a:hover{ color: #00c6f7;}

/*smallbanner1*/

.smallbanner1{ background: url(/skin/images/sbanner.png)no-repeat; background: url(/skin/images/sbanner.png)\9 no-repeat; height: 271px; background-size: 100% 272px; width: 100%;}
.smallbanner1 .nr{ padding: 60px 0 0;}
.smallbanner1 .nr .wa h5{ color: #f08300; font-size: 30px;font-weight: bold;text-align: center;}
.smallbanner1 .nr .wa dl dd{ display: inline-block; vertical-align: top; border: 1px solid #00c6f7; width: 128px; height: 38px; line-height: 38px; text-align: center; margin-right: 16px; font-size: 16px; border-radius: 5px; color: #00c6f7;}
.smallbanner1 .nr .wa dl{ margin: 20px 0;}
.smallbanner1 .nr .wa h6{ width: 375px; height: 30px; line-height: 30px; margin: 20px 0 0 155px; border: 1px solid #00c6f7; border-radius: 15px; overflow: hidden;}
.smallbanner1 .nr .wa h6 img{ vertical-align: top; margin: 6px 6px 0 0;}
.smallbanner1 .nr .wa h6 p{ width: 174px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; background: #00c6f7; border-radius: 15px; display: inline-block; vertical-align: top; margin: 0 6px 0 -1px;}
.smallbanner1 .nr .wa h6 span{ vertical-align: top; display: inline-block; color: #f08300; font-size: 22px;font-weight: bold;}
.smallbanner1 .nr .wa h6 span a{ vertical-align: top; display: inline-block; color: #f08300; font-size: 22px;font-weight: bold;}
.smallbanner1 .nr .wa{ width: 719px;}

/*process*/

.processbg{ background: #f5f5f5; padding: 35px 0 60px;}
.process{ position: relative; z-index: 13; background: #fff;height: 404px;}
.process .nr{ position: relative; padding: 20px 0 0; background: #fff; z-index: 22; margin: 0 15px 20px;}
.process .nr ul{ background: #fff; position: relative; z-index: 12;}
.process .nr:before{ position: absolute; content: url(../images/Layer1.png); height: 333px; left: -30px; bottom: -135px; z-index: 10;}
.process .nr:after{ position: absolute; content: url(../images/Layer2.png); height: 296px; right: -20px; bottom: -110px; z-index: 10;}
.process ul .tsli .lwz{ padding: 47px 0 0 220px;}
.process ul li:first-child{ margin-left: 0;}
.process ul .tsli{ background: url(/skin/images/lcbg.png)no-repeat; width: 578px; height: 168px;}
.process ul li{ width: 278px; height: 166px; float: left; text-align: center; border: 1px solid #d0d0d0; margin: 0 0 15px 18px;}
.process ul+ul li{ margin: 0 0 15px 19px;}
.process ul li p{ font-size: 17px; color: #333;}
.process ul li .pic{ margin: 20px 0 10px; height: 88px;}
.process ul li h5{ font-size: 17px; color: #f08300; font-weight: bold;}
.process ul li h6{ font-size: 27px; color: #00c6f7; font-weight: bold;}

/*ys*/

.ys .more-title{ position: relative; background: #fff; z-index: 12;}
.ys .more-title:after{ right: -73.99%;}
.ys .more-title:before{ left: -73.99%;}
.ys .more-title:after,.ys .more-title:before{ background: #e4e4e4; width: 100%; position: absolute; content: ""; height: 1px; z-index: 11; top: 19px;}
.ys{ position: relative; z-index: 20; height: 1710px; margin-bottom: 50px;}
.ys ul{ position: relative;}
.ys ul li{ position: relative;}
.ys ul:after{ position: absolute; content: url(../images/ysbt.png); width: 59px; height: 1500px; left: 580px; top: 0;}
.ys ul li .js dl dt{ border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
.ys ul li .js dl dt h5{ color: #00c6f7; font-weight: bold; font-size: 26px; line-height: 35px;}
.ys ul li .js dl dt h6{ color: #333; font-size: 20px; line-height: 35px;}
.ys ul .li1 .js,.ys ul .li2 .pic{ float: right;}
.ys ul .li2 .js,.ys ul .li1 .pic{ float: left;}
.ys ul li .js dl dd{ margin: 20px 0 0 0;}
.ys ul li .js dl dd i{ text-align: justify; width: 488px; line-height: 22px; color: #666; display: inline-block; vertical-align: top; font-size: 14px;}
.ys ul .li2 .js dl dd i{ text-align: right;}
.ys ul .li2 .js dl dt{ text-align: right;}
.ys ul .li1 .js dl dd:before{ content: url(../images/ystb1.png); width: 7px; height: 7px; display: inline-block; vertical-align: top; margin: 0 4px 0 0;}
.ys ul .li2 .js dl dd:after{ content: url(../images/ystb1.png); width: 7px; height: 7px; display: inline-block; vertical-align: top; margin: 0 0 0 4px;}

/*smallbanner2*/

.smallbanner2{ background: url(/skin/images/sbanner2.png)no-repeat; background: url(/skin/images/sbanner2.png)\9 no-repeat; width: 100%;height: 314px; background-size: 100% 314px;}
.smallbanner2 .nr{ padding: 60px 0 0;}
.smallbanner2 .nr>div {}

.smallbanner2 .nr .pic{ padding-left: 80px;}
.smallbanner2 .nr .pic dl dd p{ color: #333; font-size: 18px;}
.smallbanner2 .nr .pic dt{ font-family: "宋体"; color: #f08300; font-size: 34px; line-height: 36px; margin-bottom: 20px;}
.smallbanner2 .nr .pic dl dd{ display: inline-block; vertical-align: top; text-align: center; margin-right: 56px;}
.smallbanner2 .nr .pic dl dd .icon{ width: 60px; height: 50px;}
.smallbanner2 .nr .right p img{ vertical-align: middle; margin-right: 6px;}
.smallbanner2 .nr .right p{ vertical-align: middle; color: #333; font-size: 18px;}
.smallbanner2 .nr .right h6{ vertical-align: middle; font-weight: bold; color: #00c6f7; font-size: 26px;}
.smallbanner2 .nr .right h6 a{ vertical-align: middle; font-weight: bold; color: #00c6f7; font-size: 26px;}
.smallbanner2 .nr .right span a{ width: 102px; height: 30px; border-radius: 5px; display: inline-block; vertical-align: top; line-height: 30px; text-align: center; background: #f08300; color: #fff; font-size: 14px;}
.smallbanner2 .nr .right{ padding: 10px 0 0 0;}

/*honor*/

.honor {}

.honor .nr{ position: relative;padding: 50px 0 0;}
.honor .nr .top{ position: relative; margin: 0 0 30px 0; text-align: center;}
.honor .nr .top:after{ content: url(../images/hr.png); height: 12px; position: absolute; left: 0; bottom: 6px;}
.honor .nr .top .hd ul li{ background: url(/skin/images/rytab1.png)no-repeat; width: 124px; height: 84px; line-height: 48px; text-align: center; color: #484848; font-size: 18px; display: inline-block; vertical-align: top; position: relative; z-index: 12; margin-right: 31px; cursor: pointer;}
.honor .nr .top .hd ul li.on{ background: url(/skin/images/rytab2.png)no-repeat;}
.honor .nr .bd ul li dd{ float: left; text-align: center; margin-right: 21px;}
.honor .nr .bd ul li dd .pic{ width: 223px; height: 328px; border: 1px solid #ccc;}
.honor .nr .bd ul li dd p{ color: #666; font-size: 14px;margin: 10px 0 0;}
.honor .nr .bd ul li dd:hover p{ color: #00c6f7;}

/*case*/

.case{ height: 460px;}
.case .nr dd{ float: left; width: 276px; border: 1px solid #eee; overflow: hidden; height: 446px; margin-right: 24px;}
.case .nr dd .pic{ width: 276px; height: 230px; overflow: hidden;}
.case .nr dd .js{ margin: 25px 15px 0; text-align: center;}
.case .nr dd h5{ color: #333; font-size: 16px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.case .nr dd p{ color: #666; font-size: 14px; line-height: 22px; margin: 15px 0;}
.case .nr dd .more{ color: #fff; font-size: 14px; line-height: 33px; width: 154px; height: 33px; display: inline-block; vertical-align: top; text-align: center; border-radius: 16px; background: #00c6f7; margin-bottom: 15px;}
.case .nr dd:hover{ border: 1px solid #00c6f7; transform: translate(0, 10px); transition-duration: 300ms;}

/*about*/

.about{ margin: 30px 0 0;}
.about .bg1{ background: #f5f5f5; height: 323px; padding: 30px 0 0; position: relative; z-index: 11;}
.about .bg2{ margin-top: -168px; position: relative; z-index: 12;}
.about .nr .left{ width: 603px; height: 390px; overflow: hidden;}
.about .nr .left img{ width: 100%;}
.about .nr .right{ background: #00c6f7; width: 597px; height: 390px; padding: 30px 50px 0 20px;}
.about .nr .right h5{ color: #fff; font-size: 26px; line-height: 35px;}
.about .nr .right hr{ width: 102px; height: 2px; background: #fff; outline: none; border: none; display: inline-block; vertical-align: top; margin: 10px 0 25px;}
.about .nr .right p{ color: #f1f1f1; font-size: 16px; line-height: 35px; text-indent: 20px; height: 200px; text-align: justify;}
.about .nr .right .more{ color: #f1f1f1; font-size: 16px; line-height: 41px; text-align: center; width: 161px; height: 41px; border-radius: 5px; vertical-align: top; display: inline-block; border: 1px solid #fff; margin-top: 38px;}
.about .nr .right .more:hover{ color: #f08300;}

/*company-power*/

.company-power{ padding: 30px 0 40px;}
.company-power .bd ul li{ width: 284px; text-align: center; float: left; margin-right: 20px;}
.company-power .bd ul li:hover p{ color: #00c6f7;}
.company-power .bd ul li .pic{ width: 284px; height: 201px; overflow: hidden;}
.company-power .bd ul li .pic img{ width: 100%;}
.company-power .bd ul li p{ color: #666; font-size: 14px; margin: 10px 0 0;}

/*new*/
.new-list li{margin-left: 20px;
    line-height: 40px;font-size: 14px;
    border-bottom: 1px dashed #ccc;
    list-style: none;}
.new{ padding-bottom: 7px;}
.new .left{ width: 400px; margin-right: 15px;  height: 358px; padding: 20px 17px 0 15px;}
.new .newlist{ width: 370px; display: inline-block; vertical-align: top; position: relative;}
.new .newlist+.newlist{ margin-left: 35px;}
.new .newlist+.newlist:before{ content: ""; background: #e0e0e0; width: 1px; height: 381px; position: absolute; left: -18px; top: -20px;}
.new .newlist .top h5{ border-radius:5px;background: #e7e5e6;padding: 5px 10px; font-size: 17px;font-weight: bold;float: left;}
.new .newlist .top h4{font-size: 14px; float: left; line-height: 38px;margin-left: 10px;text-transform:uppercase}
.new .newlist .top{ overflow: hidden; position: relative; height: 35px;}

.new .newlist ul li{ padding-top: 16px; margin:0 0 0px 0;}
.new .newlist ul li a:before{ content: url(../images/newtb1.png); width: 5px; height: 9px; display: inline-block; vertical-align: top; margin: 0 2px 0 0;}
.new .newlist ul li a i,.new .newlist ul li span{ color: #666; font-size: 14px;}
.new .newlist ul li span{ float: right;}
.new .newlist .top a:hover,.new .newlist ul li a:hover i,.new .newlist ul li a:hover span{ color: #00c6f7;}
.new .right{ width: 365px;  height: 358px; padding: 20px 16px 0 12px;}
.new .newlist2{ width: 100%;}
.new .newlist2 dl dd .wen:before,.new .newlist2 dl dd .da:before{ width: 20px; height: 19px; display: inline-block; vertical-align: top; text-align: center; line-height: 19px; color: #fff; font-size: 16px; font-family: arial; margin: 3px 3px 0 0;}
.new .newlist2 dl dd .wen:before{ content: "Q"; background: #00c6f7;}
.new .newlist2 dl dd .da:before{ content: "A"; background: #f08300;}
.new .newlist2 dl dd .wen a{ color: #333; font-size: 14px;}
.new .newlist2 dl dd .da a{ color: #666; font-size: 14px; display: inline-block;line-height: 28px; vertical-align: top; width: 308px; text-align: justify;}
.new .newlist2 dl dd .wen{ margin-bottom: 2px;}
.new .newlist2 dl dd{ margin: 25px 0 0 0; height: 85px!important; border-bottom: 1px dashed #e0e0e0;}
.new .newlist2 dl dd .wen a:hover{ color: #00c6f7;}
.new .newlist2 dl dd .da a:hover{ color: #f08300;}

/*frilist*/

.frilist{ padding-left: 20px; background: url(/skin/images/linkbg.png)no-repeat; height: 104px; width: 1200px;}
.frilist .top img{ margin: 0 10px 0 14px;}
.frilist .top{ color: #333; font-size: 18px;}
.frilist .top span,.frilist .top a{ color: #999; font-size: 14px;}
.frilist ul{ line-height: 76px;}
.frilist ul li{ float: left; margin-right: 40px;}
.frilist ul li a{ color: #333; font-size: 14px;}
.frilist ul li a:hover{ color: #00c6f7;} 

/*foot*/

.foot{padding: 50px 0 0;margin: 45px 0 0;}
.foot .content ul li h6{ color: #fff; font-size: 16px; margin-bottom: 30px;}
.foot .content ul li dd{ display: inline-block; vertical-align: top;}
.foot .content ul li a,.foot .content ul li dd p{ color: #fff; line-height: 30px; font-size: 14px; display: block;}
.foot .content ul li{ float: left;}
.foot .content ul li:first-child{ width: 18.167%; border-right: 1px solid #fff;}
.foot .content ul li:first-child+li{width: 25.834%;border-right: 1px solid #fff;padding-left: 40px;}
.foot .content ul li:first-child dd+dd{margin-left: 36px;}
.foot .content ul li:first-child+li dd+dd{m;margin-left: 50px;}
.foot .content ul li:first-child+li+li{padding-left: 40px;width: 28%;}
.foot .content ul li dd p {}

.foot .content ul li>div{ display: inline-block; vertical-align: top;}
.foot .content ul li>div+div{ margin-left: 12px;}
.foot .content ul .tsli{ float: right;}
.foot .content ul li .ewm{ text-align: center;}
.foot .content ul li .ewm h5{ color: #f08300; font-size: 14px; background: #fff; width: 140px; height: 35px; line-height: 35px; text-align: center; margin-bottom: 10px;}

/*btn_top*/

#btn_top ul{ overflow: hidden;}
#btn_top li{ float: left; margin-left: 10px;}
#btn_top li img{ display: block;}
#btn_top{ width: 43px; height: 43px; overflow: hidden; position: fixed; top: 85%; right: 51%; margin-right: -675px; cursor: pointer; display: none;}
#btn_top h4{ width: 43px; height: 43px; overflow: hidden; position: relative;}
#btn_top img{ display: block; position: absolute; top: 0; left: 0;}


:hov .cls .header .nav .nav-content ul li:after {
    position: absolute;
    right: -7px;
    top: 10px;
    content: url(../images/navxg.png);
    width: 9px;
    height: 30px;
}

.new .newlist ul li a i{
	width: 261px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
}