.page{
    clear:both;
    padding:20px 0px 20px 0px;
    text-align: center;
 }
.page a{
    display: inline-block; 
    font-family: Arial; 
    font-size: 13px; 
    border: #dbdbdb 1px solid; 
    padding:4px 9px; 
    margin: 2px; 
    margin-bottom: 5px; 
    color: #31363c; 
    text-decoration: none
}
.page a:hover,.page a:focus{
    font-family: Arial;
    font-size: 13px;
    border: #fbfcfd 1px solid;
    padding:4px 9px;color: #fff;
    background-color: #fbfcfd;
}
.page .current{
    font-family: Arial;
    border: #fbfcfd 1px solid; 
    font-size: 13px; 
    padding:5px 9px; 
    color: #fff;
    margin: 2px;  
    background-color: #fbfcfd
}

.sy_case .title {
    padding-top: 72px;
    margin-bottom: 42px;
    position: relative;
}
.sy_case .title ul{
    position: absolute;
    top:94px;
    right: 0;
}
.sy_case .title ul a{
    display: block;
    float: left;
    width: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: none;
    text-align: center;
    line-height: 28px;
    color: #333333;
}
.sy_case .title ul .xuanzhong{
    background: #fbfcfd;
    color: #fff;
}
.sy_case .title ul a:hover{
    background: #fbfcfd;
    color: #fff;
}
.sy_case .title ul a:nth-child(1) li{
    border-left:none;
}
.sy_case .title ul a li{
    border-left: solid 1px #9b9b9b;
    line-height: 13px;
}
.sy_case .float_l{
    transition:all 0.2s ease-in-out;
}
.sy_case .float_l:hover{
    margin-top: -16px;
}
.sy_case .content{
    margin-bottom: 38px;
}
.sy_case .content .float_l:nth-child(1){
    margin-left: 0px;
}

.sy_case .float_l img{
    width: 100%;
    height: 217px;
    border: solid 1px #e1e4ed;
    display: block;
}
.sy_case .float_l p{
    height: 54px;
    background: none;

    color: #333333;
    text-align: center;

    transition:all 0.2s ease-in-out;
}
.sy_case .float_l:hover p{
    background: #125aa3;
    color: #fbfcfd;
}

.news_genduo{
    width: 50px;
    display: block;
    position: absolute;
    top: 100px;
    right: 6px;
    font-size: 16px;
    color: #888888;
    background: url("/template/default/image/news_genduo.png") top 5px right 2px no-repeat;
}

.float_l{
    float: left;
}
.float_r{
    float: right;
}
.clear{
    clear: both;
}
.center{
    padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
}

.zk12, .zk34, .zk56, .zk78,{
	position: relative;
	min-height: 1px
}
.line-big {
	margin-left: -10px;
	margin-right: -10px
}
.line-big .zk12, .line-big .zk34, .zk56, .line-big .zk78, .line-big {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}
.line-middle {
	margin-left: -5px;
	margin-right: -5px
}
.line-middle .zk12, .line-middle .zk34, .line-middle .zk56, .line-middle .zk78 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px
}
.line-small {
	margin-left: -2px;
	margin-right: -2px
}
.line-small .zk12, .line-small .zk34, .line-small .zk56 {
	position: relative;
	min-height: 1px;
	padding-right: 2px;
	padding-left: 2px
}
.zk12-left {
	left: 100%
}
@media(min-width:760px) {
.zk34 {
	float: left
}
.zk34 {
	width: 50%
}
.zk34-right {
	right: 50%
}
.zk34-move {
	margin-left: 50%
}
}
@media(min-width:1000px) {
.zk56 {
	float: left
}
.zk56 {
	width: 33.33333333%
}
.zk56-left {
	left: 33.33333333%
}
.zk56-right {
	right: 33.33333333%
}
.zk56-move {
	margin-left: 33.33333333%
}
}

h3, .h3 {
	font-size: 18px
}
.next1{line-height:30px;font-size:14px;text-align:center;color:#626262;margin:30px 0;}

.next1 a{margin:0px 2px; padding:8px 16px; border:1px solid #ccc; color:#626262; background-color:#fff}

.next1 a:hover{background-color:#009fa8; color:#fff; padding:8px 16px; border:1px solid #009fa8}

.next1 span{background-color:#009fa8; color:#fff; padding:8px 16px; border:1px solid #009fa8}

.pages button{line-height:26px;}

.pagesone{display:none;}

@media (max-width:1199px){.pro_list_kd{width:30.3%; float:left; margin:20px 1.5%;}.pro_list_kd1{width:30.3%; float:left; margin:20px 1.5%;}}

@media (max-width:768px){.pro_list_kd{width:47%; float:left; margin:20px 1.5%;}.pro_list_kd1{width:47%; float:left; margin:20px 1.5%;}}

@media (max-width:768px){.next1{line-height:30px; font-size:14px; text-align:center; color:#626262; margin:30px 0}

.next1 a{margin:2px 1px; padding:0px 8px; border:1px solid #ccc; color:#626262; background-color:#fff; display:inline-block}

.next1 a:hover{background-color:#009fa8; color:#fff; padding:0px 8px; border:1px solid #009fa8}

.next1 span{background-color:#009fa8; color:#fff; padding:0px 8px; border:1px solid #009fa8; display:inline-block}

.pages button{line-height:30px;}

.pagesone{display:none;}}


.button.bg-main, .button.bg-sub, .button.bg-dot, .button.bg-black, .button.bg-gray, .button.bg-red, .button.bg-yellow, .button.bg-blue, .button.bg-green {
	color: #fff
}

.container1{  margin: 0 auto; padding: 0 1rem;}

.container, .container-layout {
	margin: 0 auto;
	padding: 0 10px
}
@media(min-width:760px) {
.container {
	width: 750px
}
}
@media(min-width:1000px) {
.container {
	width: 1000px
}
}
@media(min-width:1200px) {
.container {
	width: 1200px
}
}

.feed12_ny{width:100%; padding:3em 0; height:auto; overflow:hidden}

.feed12_tit{padding-bottom:10px; border-bottom:1px solid #e6e6e6; text-align:center; color:#787878; font-weight:normal; margin-bottom:30px}

.feed12_tit span{font-size: 24px;font-weight:bold;color:#01848b;display:block;line-height:30px;}

.feed12_ny form{width:60%; margin:40px auto 0 auto}

.liuyan{position: relative;width:100%;margin:5px auto;}

.liuyan input{width:100%;border:1px solid #e7e7e7;color:#999;height: 48px;font-size:1.1em;text-indent: 10px;}

.liuyan textarea{width:100%;border:1px solid #e7e7e7;color:#999;height:100px;font-size:1.1em;text-indent: 10px;}

.liuyan img{position: absolute;top: 3px;right: 3px;}

.liuyan_tj{width:50%; margin:2em auto;}

.liuyan_tj input{width:100%; background-color:#01848b; border:1px solid #01848b; color:#fff; height:3em; font-size:1.3em; border-radius:30px}

.feed12_l{width:620px; float:left}

.feed12_r{width:538px; float:right}

@media (max-width:1199px){.feed12_ny form{width:70%; margin:30px auto 0 auto}.feed12_l{width:50%; float:left}

.feed12_r{width:47%; float:right}

.feed12_r img{width:100%; height:auto; overflow:hidden}}

@media (max-width:991px){.feed12_ny form{width:80%;}

.feed12_l{width:45%; float:left}

.feed12_r{width:52%; float:right}}

@media (max-width:768px){

.feed12_l{width:99%; float:none}

.feed12_r{display:none}}

@media (max-width:640px){.feed12_ny form{width:100%;}.xinwen_ny{padding:15px 0;}

.liuyan{width:100%;}

.liuyan_tj{width:50%;}}@media (max-width:320px){.liuyan_tj{width:100%;}}

.bg-main, .border-main .button.active, .pointer.border-main .active, .nav-pills.border-main .active a, .nav-main.border-main .nav-head, .pagination.border-main .active {
	background-color: #0a8
}

html{font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}

body{margin: 0}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block}

audio,canvas,progress,video{display: inline-block; vertical-align: baseline}

audio:not([controls]){display: none; height: 0}

[hidden],template{display: none}

a{background-color: transparent}

a:active,a:hover{outline: 0}

abbr[title]{border-bottom: 1px dotted}

b,strong{font-weight: 700}

dfn{font-style: italic}

h1{margin: .67em 0; font-size: 2em}

mark{color: #000; background: #ff0}

small{font-size: 80%}

sub,sup{position: relative; font-size: 75%; line-height: 0; vertical-align: baseline}

sup{top: -.5em}

sub{bottom: -.25em}

img{border: 0}

svg:not(:root){overflow: hidden}

figure{margin: 1em 40px}

hr{height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}

pre{overflow: auto}

code,kbd,pre,samp{font-family: monospace,monospace; font-size: 1em}

button,input,optgroup,select,textarea{margin: 0; font: inherit; color: inherit}

button{overflow: visible}

button,select{text-transform: none}

button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance: button; cursor: pointer}

button[disabled],html input[disabled]{cursor: default}

button::-moz-focus-inner,input::-moz-focus-inner{padding: 0; border: 0}

input{line-height: normal}

input[type=checkbox],input[type=radio]{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height: auto}

input[type=search]{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance: none}

fieldset{padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver}

legend{padding: 0; border: 0}

textarea{overflow: auto}

optgroup{font-weight: 700}

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

td,th{padding: 0}

*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

:after,:before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}

html{font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0)}

body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff}

button,input,select,textarea{font-family: inherit; font-size: inherit; line-height: inherit}

a{color: #01848b; text-decoration: none}

a:focus,a:hover{color: #01848b; text-decoration: underline}

a:focus{outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px}

figure{margin: 0}

img{vertical-align: middle}

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display: block; max-width: 100%; height: auto}

.img-rounded{border-radius: 6px}

.img-thumbnail{display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out}

.img-circle{border-radius: 50%}

hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee}

.sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0}

.sr-only-focusable:active,.sr-only-focusable:focus{position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto}

[role=button]{cursor: pointer}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight: 400; line-height: 1; color: #777}

.h1,.h2,.h3,h1,h2,h3{margin-top: 20px; margin-bottom: 10px}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size: 65%}

.h4,.h5,.h6,h4,h5,h6{margin-top: 10px; margin-bottom: 10px}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size: 75%}

.h1,h1{font-size: 36px}

.h2,h2{font-size: 30px}

.case {
	background: #fff;
}
.caselist h3 {
	padding: 8px 0px 20px 0px;
	text-align: center;
}
.casebox {
	padding: 10px;
	overflow: hidden;
}
.caseitem {
	box-shadow: 0 22px 40px rgba(0,0,0,.16);
}
.caseitem img {
	padding: 10px;
	width: 100%;
	transition: all 0.3s;
}
.caseitem img:hover {
	transform: scale(1.1);
}

.new-list1 li{color: #666;  padding: 1.5rem 0; border-bottom: 1px #ddd solid; }
.new-list li span{ margin-right: 1rem; color: #666; text-align: center; background: #f2f2f2;  float: left; width: 5.25rem; height: 5.25rem;}
.new-list li span strong{ font-size: 1.5rem; padding-top: 1rem;}
.new-list li p{ font-size: .975rem; height: 3.125rem; overflow: hidden;}
.new-list li a{padding-bottom: .3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 1.325rem; color: #333; display: block;}
.new-list li a:hover{ color: #D80808;}
.new-list li{ padding: 1rem 0;}
.news-txt{ padding-top: 1.5rem; font-size: 1.875rem;}
.news-txt img{ display: inline-block; margin: .5rem auto;}

	
.page1{}
.page1-tit{ text-align: center; font-size: 1.75rem; font-weight: 400;}
.page1-ajax{ text-align: center;}
.page1-ajax a{ font-size: 1rem; display: inline-block; padding: 1rem 2rem 1rem; position: relative;}
.page1-ajax a:hover{ color: #D80808;}
.page1-ajax a i{ display: inline-block;}
.page1-ajax a i:after{
	content: '';
	border: 5px solid transparent;
	border-top-color: #666;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -5px;	
}

.page1-ajax a:hover i:after{ border-top-color: #D80808;}
.h4,h4{font-size: 18px}

.h5,h5{font-size: 14px}

.h6,h6{font-size: 12px}

p{margin: 0 0 10px}

.lead{margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4}

@media (min-width: 768px){.lead{font-size:21px}}

.small,small{font-size: 85%}

.mark,mark{padding: .2em; background-color: #fcf8e3}

.text-left{text-align: left}

.text-right{text-align: right}

.text-center{text-align: center}

.text-justify{text-align: justify}

.text-nowrap{white-space: nowrap}

.text-lowercase{text-transform: lowercase}

.text-uppercase{text-transform: uppercase}

.text-capitalize{text-transform: capitalize}

.text-muted{color: #777}

.text-primary{color: #01848b}

a.text-primary:focus,a.text-primary:hover{color: #286090}

.text-success{color: #3c763d}

a.text-success:focus,a.text-success:hover{color: #2b542c}

.text-info{color: #31708f}

a.text-info:focus,a.text-info:hover{color: #245269}

.text-warning{color: #8a6d3b}

a.text-warning:focus,a.text-warning:hover{color: #66512c}

.text-danger{color: #a94442}

a.text-danger:focus,a.text-danger:hover{color: #843534}

.bg-primary{color: #fff; background-color: #01848b}

a.bg-primary:focus,a.bg-primary:hover{background-color: #286090}

.bg-success{background-color: #dff0d8}

a.bg-success:focus,a.bg-success:hover{background-color: #c1e2b3}

.bg-info{background-color: #d9edf7}

a.bg-info:focus,a.bg-info:hover{background-color: #afd9ee}

.bg-warning{background-color: #fcf8e3}

a.bg-warning:focus,a.bg-warning:hover{background-color: #f7ecb5}

.bg-danger{background-color: #f2dede}

a.bg-danger:focus,a.bg-danger:hover{background-color: #e4b9b9}

.page-header{padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee}

ol,ul{margin-top: 0; margin-bottom: 10px}

ol ol,ol ul,ul ol,ul ul{margin-bottom: 0}

.list-unstyled{padding-left: 0; list-style: none}

.list-inline{padding-left: 0; margin-left: -5px; list-style: none}

.list-inline>li{display: inline-block; padding-right: 5px; padding-left: 5px}

dd,dt{line-height: 1.42857143}

dt{font-weight: 700}

dd{margin-left: 0}

@media (min-width: 768px){.dl-horizontal dt{float:left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap} .dl-horizontal dd{margin-left: 180px}}

.container{padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}

@media (max-width: 768px){.container{width: 100%;}}

@media (max-width: 1279px){.container{width: 100%;}}

@media (min-width: 1280px){.container{width:1280px}}

.container-fluid{padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}

.row{margin-right: -15px; margin-left: -15px}

.heng4{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px}


@media (min-width: 992px){.heng4,.cool,.biaozhi{float:left}  .biaozhi{width: 58.33333333%} .cool{width: 41.66666667%} .heng4{width: 25%}}

@media screen and (min-width: 768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px; height: 30px; margin-top: -10px; font-size: 30px} .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left: -10px} .carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right: -10px} .carousel-caption{right: 20%; left: 20%; padding-bottom: 30px} .carousel-indicators{bottom: 20px}}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display: table; content: " "}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear: both}

.center-block{display: block; margin-right: auto; margin-left: auto}

.pull-right{float: right!important}

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




.pull-left{float: left!important}

.hide{display: none!important}

.show{display: block!important}

.invisible{visibility: hidden}

.text-hide{font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0}

.hidden{display: none!important}

.affix{position: fixed}

@-ms-viewport{width: device-width}

.visible-lg,.visible-md,.visible-sm,.visible-xs{display: none!important}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display: none!important}

@media (max-width: 767px){.visible-xs{display:block!important} table.visible-xs{display: table!important} tr.visible-xs{display: table-row!important} td.visible-xs,th.visible-xs{display: table-cell!important}}



@media (max-width: 767px){.hidden-xs{display:none!important}}

@media (min-width: 768px) and (max-width:991px){.hidden-sm{display:none!important}}

@media (min-width: 992px) and (max-width:1199px){.hidden-md{display:none!important}}

@media (min-width: 1200px){.hidden-lg{display:none!important}}


.header img{max-width: 100%;}

.header .ziti{float: right;height: 100px;padding-left: 83px;background: url(../images/tel.png) no-repeat 12px center;}

.header .ziti p{padding-top: 18px;color: #555;font-size: 18px;}

.header .ziti span{color: #01848b;font-size: 30px;font-weight: bold;}

.logo{position: relative;}

.logo .logo-img{font-size: 0;}

@media (max-width: 990px){.logo{position: relative;}

.logo .logo-img{line-height: 100px;padding-right: 20%;}}

@media (max-width: 990px){.logo .logo-img{line-height: 80px;}}

.navvy{background: #01848b;}

.menu > li{float: left;position: relative;width: 12.5%;transition: all .5s;}

.menu > li > a{display: block; text-align: center; color: #fff; line-height: 48px; font-size: 16px; color: #ffffff;}

.menu > li:hover, .menu > li.cur .topa{background: #00b9c3;}

.menu > li dl{width: 100%;position: absolute;left: 0;top: 100%;z-index: 12;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);}

.menu > li dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}

.menu > li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}

.menu > li dl dd{line-height: 44px;height: 44px;text-align: left;position: relative;z-index: 12;display: block;width: 100%;border-top: 1px solid #006065;}

.menu > li dl dd:first-child{border: none;}

.menu > li dl dd a{display: block;color: #fff;font-size: 14px;padding: 0;background: #01848b;text-align:center;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #00b9c3, #00b9c3);background-image: linear-gradient(to right, #00b9c3, #00b9c3);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;}

.menu > li dl dd a:hover {background-size: 100% 100%;padding-left: 10px;color: rgba(255, 255, 255, 0.9999);}

@media (max-width: 990px){.navvy{position: absolute;display: none;z-index: 9999;left: 0;right: 0;}

.menu > li{float: none;width: 100%;border: none;}

.menu > li:not(:last-child){border-bottom: 1px dashed #009aa2;}

.menu > li > a{line-height: 40px;font-size: 14px;}

.menu > li dl{display: none;}}

.nav-btn{display: none;}

@media (max-width: 990px){.nav-btn{display: block; position: absolute; z-index: 999; right: 10px; width: 30px; top: 50%; margin-top: -11px;}

.nav-btn span, .nav-btn:after, .nav-btn:before{display: block; height: 2px; background: #333;-webkit-transition: all .5s ease; transition: all .5s ease;}

.nav-btn span{margin: 8px 0;}

.nav-btn:after, .nav-btn:before{content: ''; -webkit-transform-origin: 3%; transform-origin: 3%;}

.nav-btn.clicked span{opacity: 0;}

.nav-btn.clicked:after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.nav-btn.clicked:before{-webkit-transform: rotate(45deg); transform: rotate(45deg);}}

.16-banner{position: relative;}

.16-banner .slick-arrow{position: absolute; z-index: 99; width: 60px; height: 60px; margin-top: -30px; top: 50%; background-color: rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-size: auto; background-image: url(../images/banner-ban-jt.png); border-radius: 90px; cursor: pointer; outline: none; border: none; font-size: 0; -webkit-transition: all .5s; transition: all .5s;}

.16-banner .slick-arrow.slick-prev{left: 7.8125%; background-position: 0 0;}

.16-banner .slick-arrow.slick-next{right: 7.8125%; background-position: -60px 0;}

.16-banner .slick-arrow:hover{background-color: rgba(0, 0, 0, 0.5);}

.16-banner .slick-dots{position: absolute;left: 0;right: 0;text-align: center;font-size: 0;z-index: 9;bottom: 15px;}

.16-banner .slick-dots li{display: inline-block;margin: 0 5px;width: 10px;height: 10px;border-radius: 50%;background: #fff;cursor: pointer;}

.16-banner .slick-dots li button{background: none; outline: none; border: none; font-size: 0;}

.16-banner .slick-dots li.slick-active{background: #01848b;}

.16-banner .img img{width: 100%;}

.16-banner .slick-con{position: relative;}

#mob-banner{display: none;}

@media (max-width: 768px){#pc-banner{display: none;}

#mob-banner{display: block;}}

.honor9x{background: #fff url(../images/index_pro_bg.jpg) top center no-repeat; background-size: cover; padding: 60px 0 80px 0;}

.in_title{width:100%; height:auto; overflow:hidden;}

.in_title a{font:bold 40px/40px ""; color:#000; text-align:center; padding-bottom:15px}

.in_title a span{color:#01848b}

.in_title font{font-size:16px; color:#787878; margin-left:15px}

@media (max-width: 991px){.in_title a{font:bold 38px/40px "";}

.in_title font{margin-top:10px; margin-left:0; display:block} }


@media (max-width: 767px){.in_sh{display:none}}

.about92{width:100%; margin-top:60px; height:auto; overflow:hidden;}

.about92_r{width:50%; float:right}

.about92_r a img{width:100%; height:auto; overflow:hidden}

.about92_l{width:46%; float:left}

.about92_l h3{padding-bottom:15px;}

.about92_l h3 a{font-size:40px; font-weight:bold; color:#000}

.about92_l h3 a span{font:normal 46px/56px Arial, Helvetica, sans-serif; color:#ddd; display:block}

.about92_l p{margin-top:0px;}

.in_kl{height:auto; overflow:hidden; margin-top:30px}

.in_kl_ry{width:50%; float:left; height:auto; overflow:hidden; text-align:center;background-color:#f2f2f2}

.in_kl_ry h3{width:50%;float:left;padding: .15rem 0 0 0;}

.in_kl_ry span{width:50%; float:right}

.in_kl_ry span a img{width:100%; height:auto; overflow:hidden}

.in_kl_ry h3 a img{display:inline-block}

.in_kl_ry h3 a b{display:block;margin-top: .1rem;font-weight:normal;font-size:20px;}

@media (max-width: 1023px) and (min-width: 991px){.in_kl dl dt{width:35%;float:none; text-align:center; margin:0 auto}

.in_kl dl a dd{text-align:center;}

.in_kl dl a dd span{margin-top:15px}}

@media (max-width: 991px){.about92_r{width:100%; float:none}

.about92_l{width:100%; float:none}


.in_kl_ry{width:100%; float:none}}

.in_kl_ry h3{padding: .1rem 0 0 0;}

.in_kl_ry h3 a img{display:inline-block; width:40%}

.in_kl_ry h3 a b{margin-top: .05rem;} }

@media (max-width: 1199px){.about92_b_l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;}

.about92_b_l span{margin-top:40px;}}

@media (max-width: 1024px){.about92_t ul li span{font-size:50px}

.about92_b_l p{margin-top:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

.about92_b_l span{margin-top:30px;}

.about92_b{padding:25px}}

@media (max-width: 900px){.about92_t ul li span{font-size:46px}

.about92_b_l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}}

@media (max-width: 768px){.about92_t ul li{width:50%; margin-bottom:25px}

.about92_t ul li span{margin-bottom:0px}

.about92_b{margin-top:30px}

.about92_b_l{width:100%; margin-top:15px}

.about92_b_r{width:100%;}

.about92_b_l span{margin-top:60px;}

.about92_b_l p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}

.about92_b{padding:25px 20px}}

.footer{background-color:#01848b;height:auto;}

.footer_t{height:auto; overflow:hidden;}

.footer_t_l{width:70%; float:left}

.footer_t_l dl{width:25%; float:left; color:#fff}

.footer_t_l dl dt{display:block; margin-bottom:20px}

.footer_t_l dl dt a{font-size:18px; /*font-weight:normal*/ color:#fff}

.footer_t_l dl dt img{width:100%; height:auto; overflow:hidden}

.footer_t_l dl dd a{line-height:32px; color:#fff; opacity:0.9; text-align:left}

.footer_t_r{width:30%; float:right}

.footer_t_r dl{float:left; width:48%; margin-left:2%}

.footer_t_r dl dt img{width:100%; height:auto; overflow:hidden}

.footer_t_r dl dd{text-align:center; display:block; color:#fff; line-height:32px; margin-top:15px; width:100%}

.footer_b{border-top:1px solid #4ea9ae;margin-top:20px;padding: 20px 0;width:100%;color:#fff;height:auto;overflow:hidden;text-align: center;}

.footer_b a{color:#fff; opacity:.8}

@media (max-width: 768px){.footer_t_l{width:100%; border-bottom:1px dotted #4ea9ae; padding-bottom:25px; margin-bottom:25px}

.footer_t_r{width:70%; margin:0 auto; float:none}

.footer_dh{width:50%; float:right}

.footer_t_r dl{width:48%; margin:0 1%}}

@media (max-width: 640px){.footer_t_l{border-bottom:none;}

.footer_t_l dl{width:100%; border-bottom:1px solid #4ea9ae; padding:10px 0}

.footer_t_l dl dt{margin-bottom:10px}

.footer_t_l dl dd{width:25%; float:left}

.footer_t_r{width:80%;}

.footer_dh{width:100%; float:none;}

.footer_t_l h3{width:70%; margin:0 auto; margin-top:20px}

.footer_t_l p{width:70%; margin:0 auto;}

.footer_b{padding-bottom: 70px;}}

@media (max-width: 990px){.xypg-relate{display: none;}}

.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}

.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}

.slick-list:focus{outline: none;}

.slick-list.dragging{cursor: pointer; cursor: hand;}

.slick-slider .slick-track,

.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}

.slick-track:before,

.slick-track:after{display: table; content: '';}

.slick-track:after{clear: both;}

.slick-loading .slick-track{visibility: hidden;}

.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}

[dir='rtl'] .slick-slide{float: right;}

.slick-slide img{display: block;}

.slick-slide.slick-loading img{display: none;}

.slick-slide.dragging img{pointer-events: none;}

.slick-initialized .slick-slide{display: block;}

.slick-loading .slick-slide{visibility: hidden;}

.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}

.slick-arrow.slick-hidden{display: none;}

.dbnav{display: none;}

.toolbar{width: 52px;position: fixed;right: 1%;top: 50%;margin-top: -115px;z-index: 999;}

.toolbar dd{width: 53px;height: 53px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;}

.toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}

.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightfixicon.png) no-repeat 0 0;}

.toolbar dd.gottop{display: none;}

.toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 20px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}

.toolbar .pop{position: absolute;right: 90px;top: -65px;background: #01848b;display: none;}

.toolbar .pop-code{width: 160px;}

.toolbar .pop-code img{width: 160px;height: 140px;display: block;padding: 20px 20px 0;}

.toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}

.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}

.toolbar .qq span{background-position: -35px -47px;}

.toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;}

.toolbar .qq:hover{background-color: #01848b;border-radius: 100%;}

.toolbar .qq:hover span{background-position: 0 -47px;}

.toolbar .tel span{background-position: -35px 0;}

.toolbar .tel:hover{background: #01848b;}

.toolbar .tel:hover span{background-position: 0 0;}

.toolbar .code span{background-position: -35px -95px;}

.toolbar .code:hover{background-color: #01848b;border-radius: 100%;}

.toolbar .code:hover span{background-position: 0 -95px;}

.toolbar .top span{background-position: -35px -142px;}

.toolbar .top:hover{background-color: #01848b;border-radius: 100%;}

.toolbar .top:hover span{background-position: 0 -142px;}

.toolbar dd:hover{}

@media screen and (max-width: 640px){.dbnav{width: 100%;background: rgba(0,0,0,0.7);background: #3c3c3c;padding: .5em 0;display: block;position: fixed;bottom: 0;height: auto;overflow: hidden;}

.dbnav ul li{width: 25%; float: left; list-style: none; text-align: center;}

.dbnav ul li a{color: #fff;text-align: center;line-height: 2.3em;}

.dbnav ul li a i{display: block;color:#fff; font-size: 18px;}

.toolbar{display: none;}}


@media screen and (min-width:320px) and (max-width:768px) {
    .heng6 {
      float: left;
    }

    .heng6 {
      width: 50%;
    }

}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

img {
    border: 0;
}

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

ol,
ul {
    list-style: none;
}

input,
textarea {
    font-family: "";
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent;
    border-collapse: collapse;
}

* {
    margin: 0;
    padding: 0;
    hide-focus: expression(this.hideFocus=true);
    outline: none;
}
.flash img {
    width: 100%;
    margin-top: 100px;
}
.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.container {
    max-width: 1366px;
    margin: 0 auto;
}

.containeral {
    max-width: 1366px;
    margin: 0 auto;
}



.service_index .center{
    position: relative;
}
.sy_case .center{
	width: 1260px;
}
.service_index .title{
    padding-top: 70px;
    margin-bottom: 28px;
}
.service_index .title h6{
    font-size: 22px;
    color: #333333;
    margin-bottom: 10px;
	text-align: left;
}
.service_index .title p{
    font-size: 14px;
	text-align: left;
    color: #75af05;
    text-transform:uppercase;
}
.service_index .swiper-container{
margin-right: -15px!important;
margin-left: -15px!important;
}
.service_index .swiper-slide{
width: -100%!important;
}

@media (max-width: 992px){
	.sdn{display: none;}
	.ssj{display: block!important;position: relative;}
	.sy_case .center{
		width: 100%;
	}

.sy_case .float_l img{
	 height: auto;
}
.swiper-container-index_s .float_l img{
	height: auto;
}
.swiper-container-index_s .float_l{
	height: auto;
}
}
.service_index.sy_case .content .clear1{
	display: none;
}
.service_index.sy_case .content .clear1:nth-child(8n){
	display: block;
	clear: both;
}

.ny_about{width:100%}

a{color:#626262}

a:link,a:visited{text-decoration:none;}

a:hover{text-decoration:none}

.n_title{width:100%; height: auto; overflow:hidden; font-size:15px; line-height:26px; padding:30px 0px; display:block; color:#787878; /*border-bottom:1px solid #f2f2f2*/}

.n_title a{color:#787878}

.xinwen_ny{width:100%; padding:20px 0;}

.xinwen_list{width:47%; float:left; padding:1.5%; height:auto; overflow:hidden; background-color:#fff; box-shadow:0px 2px 10px #b3b3b3; margin:1.5%}

.n_news_l{width:35%; float:left}

.n_news_l .img{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;}

.n_news_l .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;min-height: 100%;display: block;}.n_news_r{width:62%; float:right;}

.n_news_r h3{font-size:16px;line-height: 26px;font-weight:normal;color:#222;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;/*显示几行*/overflow: hidden;}

.n_news_r span{padding-top:5px;display:block;font-size:13px;line-height: 26px;font-family:Arial, Helvetica, sans-serif;color:#787878;}

.n_news_r p{padding-top: 5px;color:#626262;line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;/*显示几行*/overflow: hidden;}

.xinwen_bt{width:100%; padding:1% 0; background-color:#fff; border-bottom:1px dashed #ccc; text-align:center}

.xinwen_bt h4{font-size:1.6em; font-weight:bold; color:#222; padding-bottom:.5em}

.xinwen_bt p{font-size:1.1em; color:#626262}

.xinwen_nr{padding:2em 0 0 0;font-size: 14px;line-height: 28px;text-align: justify;}

.xinwen_nr img{max-width:100%;height:auto !important;}

.news_next{border-top:1px dotted #ccc;padding: 2em 0 1em 0;}

.ny_video_list{width:25%; float: left; padding:1em} .ny_video_list a img{width:100%; height:auto; overflow:hidden}

.ny_video_list p{width:100%; text-align:center; padding-top:.6em}

.ny_video_list p a{font-size:1.2em; line-height:2em}


.ban_ny{position: relative;width:100%;height:auto;overflow:hidden;}

.ban_ny img{width:100%; height:auto; overflow:hidden}

.ban_ny h3{position:absolute;top: 50%;margin-top: -83px;color:#fff;width:40%;margin-left:30%;text-align:center;padding:30px 20px;font-size:26px;line-height:46px;font-weight:bold;}

.ban_ny h3 span{font:normal 56px/60px Georgia, "Times New Roman", Times, serif; opacity:0.9; display:block}

@media (max-width:1001px){.ban_ny h3{width:45%;margin-left:30%;padding:20px;margin-top: -68px;}.ban_ny h3 span{font:normal 50px/50px Georgia, "Times New Roman", Times, serif;}}

@media (max-width:768px){.ban_ny h3{width:50%;margin-left:30%;padding:15px;margin-top: -61px;}.ban_ny h3 span{font:normal 46px/46px Georgia, "Times New Roman", Times, serif;}}

@media (max-width:640px){.ban_ny h3{width:55%;margin-left:25%;padding:10px;margin-top: -45px;font-size:20px;line-height:30px;}.ban_ny h3 span{font:normal 38px/40px Georgia, "Times New Roman", Times, serif;}}

@media (max-width:480px){.ban_ny h3{font-size:20px;line-height:26px;margin-top: -23px;}.ban_ny h3 span{font:normal 28px/28px Georgia, "Times New Roman", Times, serif;; display:none}}

.ban_prod{width:100%; height:350px; background:url(../images/ban_pro.jpg) no-repeat center top}

.ban_honor{width:100%; height:350px; background:url(../images/ban_honor.jpg) no-repeat center top}

.ban_cj{width:100%; height:350px; background:url(../images/ban_cj.jpg) no-repeat center top}

.ban_news{width:100%; height:350px; background:url(../images/ban_news.jpg) no-repeat center top}

.ban_ly{width:100%; height:350px; background:url(../images/ban_ly.jpg) no-repeat center top}

@media (max-width:980px){.n_title{width:100%}}

#side{text-align:center;}

#side ul{text-align:center; display:inline-block; width:auto; overflow:hidden; margin:0px auto;}

#side li{float:left;font-weight:400;width:auto;margin:5px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand;}

#side li a{text-align:center;font-size:16px;width:auto;padding:5px;line-height:30px;padding:5px 15px 5px 15px;}

#side li a:hover{color:#01848b;}

.navon1 a{color:#01848b;}

.ny_about_ny{width:100%;padding: 2em 0;font-size: 14px;line-height: 28px;text-align: justify;}

.ny_about_ny img{max-width:100%;height:auto !important;}

.ny_about{height:auto; overflow:hidden; color:#434343}

.ny_prod{height:auto; overflow:hidden; color:#434343}

.xinwen{height:auto;color:#434343;}

.ny_dt{width:100; height:auto; overflow:hidden}

@media (max-width:640px){.ny_about_ny{padding: 0;}.ny_about_ny img{width:100%; float:none;}}

.container{ max-width: 89em; margin: 0 auto; padding: 0 1rem;}
ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	margin: 0;
	padding: 0;
}