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

img,border,select,li{border:none; vertical-align:top;}

ul,dl,li{ list-style:none;}

body{font-family: "微软雅黑";margin: 0 auto;padding: 0px;font-size: 12px;line-height: 22px;width: 100%; color: #222222;

font: 12px/170% "Microsoft YaHei", Arial; 

font-size: 12px;

}

body {

    min-width: 1200px;

    max-width: 1920px;

    margin: 0 auto;

    overflow-x: hidden;

    width: 100%;

}

/*共用*/

.layout{background: #fff; margin:0 auto}

a{text-decoration:none;}

.left{ float:left;}

.right{ float:right;}

.clear{clear:both;}

/*共用结束*/

a{color:#252525;}

.top{margin:0 auto; height:auto;}

.top1{width: 100%; margin:0 auto;overflow:hidden; overflow:hidden; background:#f2f2f2}

.top1_1{ margin:0 auto;width:1260px;}

.header{background:#fff;}

.head_l{ float:left; color:#484848;width:55%;}

.head_l a{color:#484848}

.head_z{position: fixed;right: 0;top: 0;z-index: 10000;}

.head_z a{ overflow:hidden;}

.head_r{ float:right;width: 2100px;padding-right: 75px;}

.head_r p{float:left;width:210px;}

.head_r p a{color:#000000;float:left;height:100px;line-height:56px;text-align:center;}

.header_left{max-width:40%; float:left}

.header_left a{

    line-height: 30px;

    padding: 0 3px;

    color: #484848;

    padding-left: 5px;

    padding-right: 5px;display: block;

}

.header_right{ max-width:45%; float:right; text-align:right;width:auto;}

.header_right ul{ overflow:hidden;}

.header_right ul li{float:left;}

.header_right li{ color:#484848;}



.header_right ul li {

    float: left;

    width: auto;

    line-height: 30px;

    padding-left: 3px;

    padding-right: 3px;

}

/*弹出框search*/

.container-fluid {

	margin-right: auto;

	margin-left: auto

}

.container-fluid::before{display: table;

content: " ";

}



.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    display: none;

    overflow: hidden;

    -webkit-overflow-scrolling: touch;

    outline: 0;

}

.modal {

    top: 40%;

}

.fade {

    opacity: 0;

    -webkit-transition: opacity .15s linear;

    -o-transition: opacity .15s linear;

    transition: opacity .15s linear;

}

.modal.fade .modal-dialog {

    -webkit-transition: -webkit-transform .3s ease-out;

    -o-transition: -o-transform .3s ease-out;

    transition: transform .3s ease-out;

    -webkit-transform: translate(0, -25%);

    -ms-transform: translate(0, -25%);

    -o-transform: translate(0, -25%);

    transform: translate(0, -25%);

}

.modal-lg {

    width: 900px;

}



.fade.in {

    opacity: 1;

}

.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto;

}

.modal-dialog {

    width: 600px;

    margin: 30px auto;

}

.modal-dialog {

    position: relative;

    width: auto;

    margin: 10px;

}

.modal-content {

    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);

    box-shadow: 0 5px 15px rgba(0,0,0,.5);

}

.modal-content {

    position: relative;

    background-color: #fff;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #999;

    border: 1px solid rgba(0,0,0,.2);

    border-radius: 6px;

    outline: 0;

    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);

    box-shadow: 0 3px 9px rgba(0,0,0,.5);

}

.bs-example-modal-lg-search .row {

    padding: 20px;

}

.row::before {

    display: table;

    content: " ";

}

.col-lg-10 {

    width: 100%; margin:0 auto;

}

.input-group {

    position: relative;

    display: table;

    border-collapse: separate;

}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.input-group .form-control, .input-group-addon, .input-group-btn {

    display: table-cell;

}

.input-group .form-control {

    position: relative;

    z-index: 2;

    float: left;

    width: 100%;

    margin-bottom: 0;

}

.form-control {

    display: block;

    width: 100%;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

        border-top-right-radius: 4px;

        border-bottom-right-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.input-group-btn {

    position: relative;

    font-size: 0;

    white-space: nowrap;

}

.input-group-addon, .input-group-btn {

    width: 1%;

    white-space: nowrap;

    vertical-align: middle;

}

.input-group .form-control, .input-group-addon, .input-group-btn {

    display: table-cell;

}



.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {

    z-index: 2;

    margin-left: -1px;

}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}

.input-group-btn > .btn {

    position: relative;

}

.btn-default {

    color: #333;

    background-color: #fff;

    border-color: #ccc;

}

.modal-lg  .btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

	border: 1px solid #ccc;

    border-radius: 4px;

        border-top-left-radius: 4px;

        border-bottom-left-radius: 4px;

		margin-top:0px

}

button, input, select, textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}

button, html input[type="button"], input[type="reset"], input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}

button, select {

    text-transform: none;

}

button {

    overflow: visible;

}

button, input, optgroup, select, textarea {

    margin: 0;

        margin-bottom: 0px;

        margin-left: 0px;

    font: inherit;

        font-family: inherit;

        font-weight: inherit;

        font-size: inherit;

        line-height: inherit;

    color: inherit;

}

.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background:rgba(0,0,0,0.6);

	z-index:999

}

.modal-backdrop.in {

    filter: alpha(opacity=50);

    opacity: .5;

}

.modal-lg {

    width: 900px;

	 margin:0 auto

}

.modal-dialog {

    margin: 30px auto;

    position: relative;

	z-index:99999

}



.modal-dialog .row {

    padding: 20px;

}



.social-icons{ float:left; padding-left:20px; padding-top:7px; text-align:right}



.top2{position:relative;margin: 0 auto;height:auto;width:1260px;padding:30px 0px; display:flex; align-items:center; justify-content:space-between;}

.logo_l{width:750px; float:left}

.logo_l img{height:75px;}

.logo_r{ float:right;}

.logo_r span{font-size:15px; color:#666; font-weight:normal;}

.logo_r .rzphone{ font-size:22px; color:#fe6f23;}

.top_tel{

	color:#234ea3;

    white-space: nowrap;

    background: url(../images/top_tel.png) no-repeat left center; 

	font-size:18px;

    padding-left:60px;

font-weight:bold;

}

.top_tel h3{line-height:1; padding-top:2px;}

.search {float: right;}

.s_text {background: url(../images/search_bg.gif) no-repeat;

width: 200px;

height: 35px;

padding-left: 15px;

border: none;

float: left;

font-family: "Microsoft YaHei";

font-size: 14px;

color: #666;

line-height: 35px;

outline: none;

margin-top: 18px;} 

.s_btn {cursor: pointer;

float: left;

background: url(../images/search_btn.gif) no-repeat;

border: none;

width: 35px;

height: 35px;

margin-top: 18px;}

.s_btn_a {float:left; width:62px;height:27px;line-height:27px;color:white; border:none;background:url(../images/s_btn_a.gif);cursor: pointer;}

.tel{width: 230px;float: right;margin-top: 12px; margin-right:10px;}

.tel img{width: 230px;height: 75px;}

.innavico{width: 6px;height:5px;background:url(../images/innavico.png);position: absolute;top:23px;z-index: 200;}

.innavico2{width: 6px;height: 5px;background:url(../images/innavico.png);position: absolute;top: 12100px;z-index: 200;}

.hotwords{ float:left;width:675px;line-height:40px;height:40px;font-size:13px;color:#272727;}

.hotwords  a{color:#505050; padding:0 2px;}

.menu_ul li.on .home_page{

color: #ffffff;

display: inline-block;

font-size:17px;

font-weight:bold;

line-height:55PX;

}



.menu_bg{width: 100%; margin:0 auto;border-top: #eaeaea 1px solid;background: #234ea3;}

.menu{width:1260px;z-index: 10;position:relative;z-index:10;margin:0 auto;}

.menu_ul li.one{float:left;}

.menu_ul li.one a{

display: inline-block;

color:#ffffff;

font-size: 17px;

padding: 0 55px;

font-weight: bold;

height: 55px;

line-height: 55px;

text-transform: uppercase;}

.menu_ul li.one a span{display:block;margin:0px;padding:0px;font-size:10px;}

.menu_ul li.on a,.menu_ul li.one a:hover{text-decoration: none;background-position: right -31px; }

.menu_ul li.on a::after {

    position: absolute;

    bottom: 0.5rem;

    left: 0;

    width: 100%;

    height: 0.15rem;

    background: #234ea3;

    border-radius: 0.2rem 0.2rem 0 0;

    content: '';

    opacity: 0;

    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;

    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;

    transition: height 0.3s, opacity 0.3s, transform 0.3s;

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    transform: translateY(-10px);

}

.menu_ul li.one a::after{    position: absolute;

    bottom: 0.5rem;

    left: 0;

    width: 100%;

    height: 0.15rem;

    background: #234ea3;

    border-radius: 0.2rem 0.2rem 0 0;

    content: '';

    opacity: 0;

    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;

    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;

    transition: height 0.3s, opacity 0.3s, transform 0.3s;

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    transform: translateY(-10px);}

ul#navmenu ul li a{color:#383838; border-radius:0px;margin-top: 0px;}

.ziye{position: relative;

z-index: 0;

width: 1080px;

margin: 0 auto;

overflow: hidden;

padding: 10px;

}

ul#navmenu li{float: left;

text-align: center;

height: 55px;

position: relative;

z-index: 5;}

.ziye_main{width:100%; overflow:hidden}

.ziye dd{ width:1423px;width: 1423px;position: relative;left:-240px;}

.notice{height: 70px;}

.notice_content{width:1200px; margin:0 auto}

.notice_left{float: left;

font-size: 14px;

color: #333;

width: 830px;

height: 70px;

line-height: 70px;

overflow: hidden;}

.main{ width:100%; clear:both; background:#f5f5f5; background:none; padding-top:0px;}

.main_center{

    clear: both;

    width:100%;

    margin: 0px auto;

}

.header_right{ float:right;}

.header_right  a{height:22px;line-height:22px;padding: 0 3px;color:#484848; padding-left:5px; padding-right:5px;}

.header_right a.chinese{ background:url(../images/chinese.jpg) no-repeat left center; padding-left:25px}

.header_right a.english{ background:url(../images/english.jpg) no-repeat left center;padding-left:25px}

/*banner*/

/**幻灯片**/

.carousel-caption h3 {margin-bottom:20px;font-size:42px; text-align:center;line-height:90px;height:90px;padding-left:20px;

	padding-right:20px; color:#fff; text-shadow:1px 1px 0px #333333; font-weight:normal; font-weight:600; width:80%; margin:0 auto}

.carousel-caption p {font-size:17px;text-align: center; line-height:32px;width:80%; margin:0 auto}

.carousel-caption .btn {border: 1px solid #ffffff;

color:#fff;

padding: 0.7rem 2.1rem;

cursor: pointer;

background: none;

font-size: 16px; text-shadow:1px 1px 1px #333333;margin-top: 20px;}



.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {

	display: block;

	width:108%;

	height: auto; 

}

.carousel {

	position: relative;

	width: 100%;

overflow: hidden;

}

.carousel-inner {

	position: relative;

	width: 100%;

	overflow: hidden

}

.carousel-inner>.item {

	position: relative;

	display: none;

	-webkit-transition: .6s ease-in-out left;

	-o-transition: .6s ease-in-out left;

	transition: .6s ease-in-out left;

	width: auto;



height: auto;

}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {

	line-height: 1

}



.container {

    width: 1260px;

}

.container {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {

	display: block

}

.carousel-inner>.active {

	margin:0 auto;

}

.carousel-inner>.next, .carousel-inner>.prev {

	position: absolute;

	top: 0;

	width: 100%

}

.carousel-inner>.next {

	left: 100%

}

.carousel-inner>.prev {

	left: -100%

}

.carousel-inner>.next.left, .carousel-inner>.prev.right {

	left: 0

}

.carousel-inner>.active.left {

	left: -100%

}

.carousel-inner>.active.right {

	left: 100%

}

.carousel-control {

	position: absolute;

	top: 0;

	bottom: 0;

	width: 15%;

	font-size: 20px;

	color: #fff;

	text-align: center;

	text-shadow: 0 1px 2px rgba(0,0,0,.6);

	filter: alpha(opacity=50);

	opacity: .5;

	z-index:9999;

}

.pic1_info{color:#333;}

.left{ float:left; left:0px}

.right{ float:right; right:0px}

.carousel-control:focus, .carousel-control:hover {

	color: #fff;

	text-decoration: none;

	filter: alpha(opacity=90);

	outline: 0;

	opacity: .9

}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {

	position: absolute;

	top: 50%;

	z-index: 5;

	display: inline-block;

	margin-top: -10px

}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {

	left: 50%;

	margin-left: -10px

}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {

	right: 50%;

	margin-right: -10px

}

.carousel-control .icon-next, .carousel-control .icon-prev {

	width: 20px;

	height: 20px;

	font-family: serif;

	line-height: 1

}



.carousel-indicators {

	position: absolute;

	bottom: 10%;

	right: 0%;

	z-index: 15;

	width: 12%;

	padding-left: 0;

	text-align: center;

	list-style: none

}

.carousel-indicators li {

float: left;

margin-right: 8px;

width: 15px;

height: 15px;

text-indent: 99999px;

overflow: hidden;

background: url(../images/ct_slide.png) -15px top no-repeat;

}

.carousel-indicators .active {

background: url(../images/ct_slide.png) left top no-repeat;

}

.carousel-caption {

	position: absolute;

	bottom: 30%;

	width:85%;

	margin:0 auto;

	z-index: 999;

	padding-top: 20px;

	padding-bottom: 20px;

	color: #333;

	text-align: center;



}

.carousel-caption .btn {

    display: inline-block;

    padding: 10px 30px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    cursor: pointer;

	border:1px solid #ffffff;

	box-shadow:1px 1px 0px #000000;

	color:#fff;

	text-shadow:1px 1px 0px #000000;

}

.carousel-caption p{ color:#ffffff; text-shadow:1px 1px 0px #000000}

.glyphicon {

	position: relative;

	top: 1px;

	display: inline-block;

	font-family: 'Glyphicons Halflings';

	font-style: normal;

	font-weight: 400;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	font-size: 14px;

}

.sr-only{ display:none}

.carousel-caption  .btn{background: none}

.mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

	z-index:2;

	display:none

}



.swiper-button-next, .swiper-button-prev {

    cursor: pointer;

}

[role="button"] {

    cursor: pointer;

}

::after, ::before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.glyphicon-menu-left::before {

    content: "\e257";

}

.glyphicon {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.glyphicon-menu-right::before {

    content: "\e258";

}

::after, ::before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



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

}

abbr[title] {

    border-bottom: 1px dotted

}







dfn {

    font-style: italic

}



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

}



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

}



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

}



/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {

    *, :after, :before {

        color: #000 !important;

        text-shadow: none !important;

        background: 0 0 !important;

        -webkit-box-shadow: none !important;

        box-shadow: none !important

    }



    a, a:visited {

        text-decoration: underline

    }



    a[href]:after {

        content: " (" attr(href) ")"

    }



    abbr[title]:after {

        content: " (" attr(title) ")"

    }



    a[href^="javascript:"]:after, a[href^="#"]:after {

        content: ""

    }



    blockquote, pre {

        border: 1px solid #999;

        page-break-inside: avoid

    }



    thead {

        display: table-header-group

    }



    img, tr {

        page-break-inside: avoid

    }



    img {

        max-width: 100% !important

    }



    h2, h3, p {

        orphans: 3;

        widows: 3

    }



    h2, h3 {

        page-break-after: avoid

    }



    .navbar {

        display: none

    }



    .btn > .caret, .dropup > .btn > .caret {

        border-top-color: #000 !important

    }



    .label {

        border: 1px solid #000

    }



    .table {

        border-collapse: collapse !important

    }



    .table td, .table th {

        background-color: #fff !important

    }



    .table-bordered td, .table-bordered th {

        border: 1px solid #ddd !important

    }

}



@font-face {

    font-family: 'Glyphicons Halflings';

    src: url(fonts/glyphicons-halflings-regular.eot);

    src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')

}

.visual-slide .swiper-container-1 .slide-item img {

    width:auto;

    height: auto;}



/**标题**/

.title_big{font-family: 'Times New Roman'; font-size: 100px; color: #333333; height:67px}

.title_h1{font-family: 微软雅黑; font-size: 25px; color: rgb(0, 0, 0); display:block; line-height:29px}

.title_en{text-transform: uppercase; font-family: 'Times New Roman'; font-size:18px; color:#080808;}

.shuoshuo{font-family: 微软雅黑; color: #080808; font-size: 13px; letter-spacing: 1px;text-align: center;margin-bottom: 10px;}

.title_left{width:50px; float:left;padding-top: 10px;}

.title_right{width:150px; float:right}

.title_center{width:200px; margin:0 auto}

.abtn {



    position: relative;

    display: block;

    margin: 0 auto;

    width: 66px;

    height: 66px;

    left: 0;

    right: 0;

    z-index: 1000;

    background: #234ea3;

    color: #fff;

    text-align: center;

    line-height: 66px;

    border-radius: 66px;

    top: -40px;



}

.abtn span {

font-family: "iconfont" !important;

font-style: normal;

    font-size: 3.2rem;

    color: #fff;

    display: block;

}

.abtn span{

	background: url(../images/huadong.png) no-repeat center center; width: 42px; height: 66px;

-webkit-animation: bounce-up 2s linear infinite;

animation: bounce-up 2s linear infinite;

margin:0 auto;

}

@-webkit-keyframes bounce-up {

         25% {-webkit-transform: translateY(10px);}

        50%, 100% {-webkit-transform: translateY(0);}

         75%{-webkit-transform: translateY(-10px);}

}



@keyframes bounce-up {

         25% {transform: translateY(10px);}

         50%, 100%{transform: translateY(0);}

         75%{transform: translateY(-10px);}

}

.title p.shuo{ font-size:16px; color:#282828 ;font-weight:normal; padding-bottom:10px;}

/*company*/

.about_top {

    clear: both;

    height: auto;

    overflow: hidden;

        background-size: auto;

    background-size: cover;

    padding: 0% 0;

	margin-left: -5%;

    background:#f6faff;

}



.about_top li {

    float: left;

    width: 25%;

    height: auto;

    overflow: hidden;

    text-align: center;

	position:relative;

}

.about_top li::before {



    content: "";

    position: absolute;

    right: 0;

    top:15px;

    width: 1px;

    height: 91px;

    border-right: 1px solid #c5c5c5;



}

.about_top li:nth-child(4):before{display:none;}

li {

    list-style: none;

    text-decoration: none;

}

.about_top li span {

font-size: 64px;

line-height: 60px;

font-family: "Impact";

font-weight: normal;

color: #234ea3;

margin: 16px 0 13px;

display: inline-block;

}

.about_top li i {

    display: block;

    font-size: 16px;

color: #333;

font-style: normal;

}

.about_top li em{

    font-size: 30px;

    font-family: Arial;

    background: ;

    color: #234ea3;

    border-radius: 50%;

    display: inline-block;

    height: 35px;

    line-height: 35px;

    font-weight: normal;

    font-style: normal;



}

.about_top li .icon1{

    background-position: 0 0;

}

.about_top li .icon2{

    background-position: 0 0;

}

.about_top li .icon3{

    background-position: 0 0;

}

.about_top li .icon4{

    background-position: 0 0;

}



.company{width:100%; margin:0 auto;padding:0;

background: url(../images/about_bg.gif) repeat-x  bottom center;

position: relative; padding-top:15px; background:#f2f2f2}

.company_center{width:1260px; margin:0 auto;}

.about_more{display: block;

font-size: 16px;

color: #fff;

width: 110px;

height: 45px;

line-height: 45px;

background: #234ea3 url(../images/about_more.png) no-repeat 90px 15px;

overflow: hidden;

padding: 0 0 0 20px; margin-top:-9px;}

.company_photo{ z-index:999999;width:100%;margin-top: 20px;}

.company_photo1{

    height: 100px;

    width: 400px;

    margin: 0 auto;

    background: #fff;

    position: relative;

    z-index: 10;

  

}

.company_photo1 ul li {

    width: 200px;

    height: 50px;

    line-height: 22px;

    float: left;

    padding: 30px 0 0;

}

.company_photo1 ul li em {

    display: block;

    float: left;

    width: 44px;

    height: 42px;

    line-height: 0;

    overflow: hidden;

    margin: 4px 10px 0 30px;

}

.company_photo1 ul li.on a {

    font-weight: bold;

}

.company_photo1 li a{font-size: 18px;

color: #333;

display: block;

float: left;

position: relative;

vertical-align: middle;

height: 66px;

-webkit-transform: perspective(1px) translateZ(0);

transform: perspective(1px) translateZ(0);

box-shadow: 0 0 1px transparent;}

.company_photo1 li span{width:100px; display:block; float:left}

.company_photo1 ul li i {

    display: block;

    font-size: 12px;

    text-transform: uppercase;

    color: rgba(51,51,51,0.5);

    font-weight: normal; font-style:normal;

}

.about_title{ color:#282828; font-size:26px;font-weight: bold;

color: #333;

line-height: 44px;

height: 300px;

overflow: hidden;

background: url(../images/about_bottom.png) no-repeat bottom left}

.about_title h2 a {

    color: #333;

}

.about_title i{

    display: block;

    font-size: 18px;

    font-weight: normal;

    color: #333;

	font-style:normal;

}

.company_title{display: block;

line-height: 40px;

font-size: 28px;

letter-spacing: 1px;

color:#3b3b3b;

font-weight: 600;

text-align: center; margin-bottom:25px}

.company_title a {

    color: #234ea3;

}

.company_left{width: 630px;

height: 437px;

line-height: 0;

overflow: hidden;

position: absolute;

top: 0;

right: 50%;}

.company_right{width: 600px;

float: right;

}

.company_right .company_name{

    display: block;

    line-height: 40px;

    font-size: 23px;

    letter-spacing: 1px;

    color: #3b3b3b;

    font-weight: 600;

}

.company_left_title .item_title{font-size:16px; font-weight:600; border-left:3px solid #234ea3; padding-left:15px; padding-right:15px; }

.company_left_title{margin-bottom:10px}

.company_left_title .learnmore{ float:right; font-size:14px;}

.company_right_title .item_title{font-size:16px; font-weight:600; border-left:3px solid #234ea3; padding-left:15px; padding-right:15px; }

.company_right_title{margin-bottom:10px}

.company_right_title .learnmore{ float:right; font-size:14px;}

.company_left_list img{width:100%; float:left;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.company_left_list img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.company_right_list .about_txt p{padding-top: 10px;

line-height: 30px;

font-size: 16px;

color:#666;}

.company_right_list .about_txt p .more{ color:#282828}

.us_more{width: 13%;

display: inline-block;

font-size: 16px;

color: #3e3e3e;

text-transform: uppercase;

float:right; font-weight:normal}

.us_more:hover{ color:#234ea3;}

.about_us_list a:hover {

    display: block;

    float: left;

    text-align: center;

    width: 24%;

    margin-right: 1%;

    min-height: 130px;

}

.about_us_list a{

	  display: block;

    float: left;

    color: #474948;

    transition-duration: .3s;

	text-align: center;

    width: 24%;

    margin-right: 1%;

}



.about_us_list a span {

	display: block;

    font-size: 22px;

    margin-top: 10px;

}

.about_us_list a em {

	line-height: 32px;

	font-size:14px;

    display: block;

    font-family: Times New Roman;

    font-style: normal;

    text-transform: uppercase;

}

.about_us_list .about_us_item{

display: block;

width: 72px;

height: 72px;

margin: -30px auto 0;

border-radius: 66px;

background: #234ea3;}

.company2{ padding-top: 42px}

.about_us_list .about_us_item i{background-size: auto;

    background-size: 61% auto;

    width: 100%;

    height: 100%;

    display: block;}

.about_us_list .about_us_item .i1 {

    background: url(../images/about1.png) no-repeat center center;

}

.about_us_list .about_us_item .i2 {

    background: url(../images/about2.png) no-repeat center center;}

.about_us_list .about_us_item .i3 {

    background: url(../images/about3.png) no-repeat center center;}

.about_us_list .about_us_item .i4 {

    background: url(../images/about4.png) no-repeat center center;}

/*products*/

*{margin:0;padding:0;}

.headline-bg{

	height:auto;

	min-height:980px;

	overflow:hidden;

	background:#f0f0f0;

}

.into_content{ position:absolute; z-index:99999;}

.waves{width:100%}

.products{width:100%; margin:0 auto;padding:60px 0 30px; background:#fff; position:relative}

.products_center{width:1260px; margin:0 auto;z-index: 999999;}

.products_main{width:1260px; margin:0 auto}

.products_title{display: block;

line-height:40px;

font-size:40px;

letter-spacing: 1px;

color: #3b3b3b;

font-weight: 600; text-align:center}

.products_title a{ color:#234ea3}

.products_title p.shuo{ font-size:16px; color:#333333 ;font-weight:normal}

.products_title .learnmore{ float:right; font-size:14px;}

.products_list{width:1260px; margin:0 auto; padding-bottom:40px; }

.products_list ul{display:grid; gap:20px; grid-template-columns:repeat(4,1fr);}

.products_list ul li .img{border:1px solid #e4e4e4; overflow: hidden;}

.products_list ul li .txt{padding:10px 15px 0;}

.products_list ul li h3{font-size:16px; line-height:30px;}

.products_list ul li p{font-size:14px; color:#888;  line-height:24px;}

.products_list ul li .img img{transition: all 0.3s ease-in-out; object-fit: cover;}

.products_list ul li:hover .img img{transform: scale(1.08); opacity: 0.95;}

.products_list ul li:hover h3{color:#234ea3;}

.products_list_fl{padding:10px 0 30px;}

.products_list_fl ul{display:flex; flex-wrap:wrap; justify-content:center; gap:15px;}

.products_list_fl ul li a{display:block;padding:8px 15px; border-radius:5px; color:#fff; background:#234ea3; font-size:15px; font-weight:bold;}

.products_list_fl ul li a:hover{background:#f5f5f5; color:#333;}

.dres .pr_content{ text-align:left; padding:8px 0;}

.pr_content{display: block;

text-align: center;

padding: 0 15px;

font-size: 14px;

line-height: 22px;color: #666;font-weight: inherit;font-style: normal;

font-family: Arial;}

.pr_title{font-size: 15px;

line-height:35px;

color:#282828;}

/*guanggao*/

.foot_qr_codes img{width:120px;}

.guanggao{ background:url(../images/gg_bg.jpg) no-repeat center center;height: 205px;

margin-top: 15px;}

.guanggao_center{width:1260px; margin:0 auto; padding-top:50px; position:relative ; text-align:center;}

.guangguao_title{ font-size:35px;color: #ffffff; font-weight:bold; word-spacing:1px; padding-top:20px; padding-bottom:10px;}

.guangguao_content{ line-height:55px; color:#ffffff; font-size:16px;

font-weight: inherit;

font-style: normal;

font-family: Arial; word-spacing:1px}

.contact_us { position:absolute;right:0; top:60px;}

.contact_us a{ border-radius:25px;background: #ffffff;color:#181818; line-height:45px; padding:10px 35px; margin-right:0;width:320px; font-size:15px;}

.contact_us a:hover{ text-indent:25px;-webkit-transition: all 0.5s;

transition: all 0.5s;

transition: all 1s;}

/*cases*/

.cases{ padding:50px 0px 40px; background:#f6f6f6}

.cases_center{width:1260px; margin:0 auto}

.cases_title{

display: block;

line-height:40px;

font-size:40px;

letter-spacing: 1px;

color: #3b3b3b;

font-weight: 600; text-align:center}

.cases_title a{ color:#234ea3;}

/*news*/

.news{width:100%; margin:0 auto; margin-top: 32px; padding-top:30px; padding-bottom:50px; margin-bottom:10px}

.news_center{width:1260px; margin:0 auto}

.news_title_left{ line-height:30px; margin-bottom:20px; line-height:40px; border-bottom:1px solid #e6e6e6}

.news_title_left .item_title{color: #ffffff;font-weight:600; background:#234ea3; padding-top:10px; padding-bottom:10px}

.news_title_left .item_title {font-size: 22px; padding-left:15px; padding-right:15px;}

.news_title_left .learnmore{ float:right; font-size:16px; color:#999999}

.news_left{width:750px; margin-right:20px; float:left}

.news_left dl dt{width:350px;height:200px; float:left; margin-right:15px;}

.news_left .thumb img{width:350px; float:left;height: 200px; margin-right:20px;}

.news_left dl{background: #234ea3;

overflow: hidden; display:block;}

.news_left dl dd{    padding: 25px 0 0 15px;padding-right: 20px;    width: 350px;

    float: left;}

.news_left dl dd h3{height: 30px;

line-height: 30px;

overflow: hidden;}

.news_left dl dd h3 a{font-size: 20px;

color: #fff;

display: block;

width: 100%;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;}

.news_left dl dd .desc{font-size: 14px;

color: #fff;

line-height: 24px;

height: 48px;

overflow: hidden;

padding: 10px 0 0;}

.news_title_right{line-height: 40px;

border-bottom: 1px solid #e6e6e6;}

.news_right{width:458px;float:right}

.news_title_right .item_title{color: #ffffff;font-weight:600; background:#234ea3; padding-top:10px; padding-bottom:10px;font-size: 22px; padding-left:15px; padding-right:15px;}

.news_title_right .learnmore{ float:right; font-size:16px;color:#999999}

img{width:auto; max-width:100%;}

.news_title_left_list ul li{padding:12px 0; overflow:hidden;}

.news_title_left_list ul li:nth-child(1){padding-top:5px;}

.news_title_left_list ul li .img{float:left; width:180px; border:1px solid #e6e6e6;}

.news_title_left_list ul li .txt{margin-left:205px;}

.news_title_left_list ul li .txt h3{font-size:15px; color:#333; line-height:30px;}

.news_title_left_list ul li .txt span{font-size:14px; color:#999; display:block; padding:3px 0;}

.news_title_left_list ul li .txt p{font-size:14px; line-height:24px; color:#666;}

.mF_classicHC .pic{ border:none}

.news_title_right_list ul.contact_list{ padding-top:15px;}

.news_title_right_list ul.contact_list li{ font-size:15px; line-height:30px;}

.news_title_right_list dl dt a{display: block;

font-size: 15px;

color: #333;

font-weight: bold;

height: 25px;

line-height: 25px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

width: 100%;}

.news_title_right_list dl dd{font-size: 14px;

color: #666;

line-height: 25px;

overflow: hidden;

padding: 5px 0 0;display: block;}

.news_title_right_list dl{padding: 27px 0 27px 0;

border-bottom:1px solid  #e6e6e6 ;}

.news_time{color: #fff;

font-weight: bold;

line-height: 24px; font-size:14px;margin-top: 10px;}

.news_time b{display: block;

font-size: 26px;}

/**link**/

.links{ background:#333333}

.link_main{

    margin: 0 auto;margin-top: 0px;width: 1180px;line-height: 40px;

}

.links{height:auto;

line-height: 68px;

border-top: rgba(51,51,51,0.8) 1px solid; background:#454545}

.link_title a {

    display: block;

    height: 40px;

    text-align: left;

    line-height: 40px;

    font-weight: bold;

    font-family: "微软雅黑";

    font-size: 17px;

    color: #234ea3;;

	font-size: 20px;

   font-weight: 600;

}

.link_title{width: auto;height: 40px;float: left; line-height:40px}

.hotline_title{width: 110px;height: 60px;float: left;}

.hotline_title a {

    display: block;

    height: 60px;

    text-align: left;

    line-height: 60px;

    font-weight: bold;

    font-family: "微软雅黑";

    font-size: 17px;

    color: #333333;

}

.hotline_content{

    width: 1080px;

    float: right;

    position: relative;

    overflow: hidden;

}

.hotline_content a {

    padding: 0 20px;

    color: #000;

    border-right: 1px solid #d5d5d5;

    color: #333;

    font-size: 14px;

}

.hot_text{font-size:14px; padding-left:10px; padding-right:10px}

.hot_text a{ padding-left:6px; padding-right:6px;}

.link_title span{

	font-family: "Microsoft YaHei";

font-size: 14px;

color: #191010;

font-weight: normal;}



.links_content a.gd{

color: #333333;

text-decoration: underline;

font-size:14px

}

.links_content a:hover{ text-decoration:underline}

.links_content{width:1100px;float: right;position: relative;overflow: hidden;}



/* 滚动图片 */

.scroll10{ width:1260px;position:relative; margin:0 auto; padding-top:10px; margin:0}

.scroll10 ul{ overflow:hidden;}

.scroll10 li {width:315px;text-align:center; padding-right:15px;box-sizing:border-box;}

.scroll10 li img{transition: all 0.3s ease-in-out;}

.scroll10 li:hover img{transform: scale(1.05); opacity: 0.95;}

.scroll10 li .img a{display:block; overflow: hidden; height:100%;}

.scroll10 li .pr_title{ font-size:16px; font-weight: bold; color: #333; padding-top:5px;}

.scroll10 li h5 {width:240px;}

.scroll10 img {width:300px;}



.scroll10 li:hover .pr_title{color:#234ea3;}

.scroll10 li span {color:#156811;}

.scroll10 a.bx-prev,.scroll10 a.bx-next{position:absolute;top:75px;display:block;width:48px;height:76px;background: url(../images/bra_lf_btn1.png) no-repeat center center;z-index:997;}

.scroll10 a.bx-prev{left:-24px;background:url(../images/banner_l.png) no-repeat center center;}

.scroll10 a.bx-prev:hover{left:-24x;background:url(../images/banner_l.png) no-repeat center center;}

.scroll10 a.bx-next{right:-24px;background:url(../images/banner_r.png) no-repeat center center}

.scroll10 a.bx-next:hover{right:-24px;background:url(../images/banner_r.png) no-repeat center center;}	

.scroll10 li dt{ line-height:40px; font-size:16px;}

.scroll10 li dt a{font-size:16px;}

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

.scroll101{ width:1200px;position:relative; margin:0 auto; padding-top:10px; margin:0}

.scroll101 ul{ overflow:hidden;}

.scroll101 li {width:246px;text-align:center; }

.scroll101 li a{ font-size:14px;color: #333;}

.scroll101 li h5 {width:240px;}

.scroll101 img {height:240px;width:240px;}

.scroll101 li span {color:#156811;}

.scroll101 a.bx-prev,.scroll101 a.bx-next{position:absolute;top:75px;display:block;width:48px;height:76px;background: url(../images/bra_lf_btn1.png) no-repeat center center;z-index:997;}

.scroll101 a.bx-prev{left:-24px;background:url(../images/banner_l.png) no-repeat center center;}

.scroll101 a.bx-prev:hover{left:-24x;background:url(../images/banner_l.png) no-repeat center center;}

.scroll101 a.bx-next{right:-24px;background:url(../images/banner_r.png) no-repeat center center}

.scroll101 a.bx-next:hover{right:-24px;background:url(../images/banner_r.png) no-repeat center center;}	

.scroll101 li dt{ line-height:40px; font-size:16px;}

.scroll101 li dt a{font-size:16px;}

.foot2{ width: 100%;height: 40px;line-height: 40px;color: #FFFFFF;text-align: center;background: #282828; border-bottom:1px solid rgba(242,242,242,0.1)}

.foot2 ul {width:1180px;margin: 0px auto;}

.foot2 ul li {display: inline;list-style: none;padding: 0px;margin: 0 25px;}

.foot2 a,.foot2 a:hover {text-decoration: none;color:#fff;font-size: 13px;}

.foot2 a:hover{color:#f9540b;}

/*foot*/

/*footer*/

.footer {

    text-align: center;

    color: #2c2c2c;

    font-size: 13px;

    line-height: 30px;

	background:#005BAC;

}

.footer_link {

    padding: 20px 0;

    border-bottom: 1px solid #3d3d3d;

    background-color: #f3f6f7;

    color: #000;

}

.footer_link_main{

    max-width: 1180px;

    margin-left: auto;

    margin-right: auto;

    *width: 1180px;

	text-align:left;

	padding-left:2%;

}

.footer_link a {

    color: #6e6e6e;

    padding: 0 4px;

}

.footer_message{

   text-align: left;

   width:100%;

   padding-bottom:30px;

}

.footer_message_main{

	padding-top: 20px;

    max-width: 1180px;

    margin-left: auto;

    margin-right: auto;

    *width: 1180px;

	}

.footer_message_left{

	float: left;

    margin-right: 2%;

    width: 66.33333333%;

    transition: .2s width ease;

}

.footer_message_right{

    float: right;

    margin-right: 2%;

    width: 23%;

    transition: .2s width ease;

	text-align:right

}

.footer_message_right span{ color:#2c2c2c; padding-right:15px;}

.footer_menu{ border-bottom:1px solid rgba(255,255,255,0.1);	margin-bottom:15px;}

.footer_menu a{

    padding-right:2%;

	padding-left:2%;

    position: relative;

	color: #666;

	line-height:40px; font-size:16px;



}

.footer_menu a::after {

    display: block;

    content: '';

    width: 1px;

    height: 11px;

    background-color: #fff;

    position: absolute;

    right: 6px;

    top: 5px;

}

.footer_contact a{ font-size:13px; color:#2c2c2c; line-height:30px}

.footer_contact p a{ padding-left:2%; padding-right:2%}

.copyright{ background:#333333}

.copyright p a{ padding-left:2%; padding-right:2%;font-size:13px; color:#fff; line-height:30px}

.copyright p a img{margin-top: 10px;}

.foot{ width:100%; height:auto;text-align:left;

    padding: 1.5em 0;

}

.foot_box {

    width: 1200px;

    margin: 0 auto;

    overflow: hidden;

    color: #444;

    line-height: 30px;

}

.foot_box dl {

    float: left;

    width: auto;

    padding: 0 34px;

    height: 220px;

	border-right:1px solid rgba(51,51,51,0.4) ;

}

.foot_box dl:nth-child(1){width:50%;}

.foot_box dl dd {

    padding-top: 11px;

}

.fnav{display:flex; flex-wrap:wrap;}



.foot_box dl dd a {

	text-align:left;

    display: block;

    width: auto;

    font-size: 14px;

    color: #d8d8d8;

    line-height: 32px;

    padding-left: 13px;

    background: url(../images/bottom_li.png) no-repeat left center;

    height: 32px;

    overflow: hidden;

}

.foot_box dl dd.fnav a{width:25%; display:block; box-sizing:border-box;}

.foot_qr_codes {

    float: right;

    width: 206px;

    text-align: center;

}

.foot_qr_codes {

    padding-top: 0px;

}

.foot_qr_codes span {

    display: block;

    font-size: 14px;

    color: #d8d8d8;

    line-height: 32px;

    height: 32px;

    overflow: hidden;

    margin-bottom: 22px;

	margin-top: 20px;

}

.foot_box dl dt a {

    font-size: 16px;

    color: #d6d6d6;

    line-height: 52px;

}

.copyright_center {

    width: 1200px;

    padding-left: 15px;

    padding-right: 15px;

    margin: 0 auto;

	line-height:35px;

    text-align:center;

}

.copyright a{ color:#ffffff;font-size: 14px;

color: rgba(255,255,255,0.5);

padding: 0 10px 0 0;}

.copyright span {

    display: inline-block;

    padding-right: 20px;

  color: rgba(255,255,255,0.5);

}

.copyright_right{width:30%; float:right; text-align:right;color: #999;}

.copyright_right a{ color: rgba(255,255,255,0.5);text-decoration:none}



/**内页**/

.box2 .left {

    width: 245px;

    float: left;

    background: #fff;

	margin-top:-85px;

	position:relative;

	z-index:999999;

}

.box2{width:1260px;margin:0 auto 20px;background:url(../images/box2.gif) left top repeat-y;}

.box2 .left{width:230px;float:left; background:#fff; z-index:999}

.left1_title{color: #333;font-family: Microsoft YaHei,"宋体";font-size: 16px;width: auto;line-height: 45px;padding-left: 10px;

color: #222222;

height: 80px;

line-height: 80px;

padding: 0 18px;

padding-left: 12px; padding:0; font-weight:700;border-bottom: 1px dotted #dfdfdf; background:#234ea3; color:#fff; text-align:center; border-bottom:5px solid #2b5dbf}

.left1_title a{ color:#fff; font-size:22px;}

.left1_1 span{width: 224px;text-align: center;display:inline-block;font-size:14px;font-weight:bold;

color:#fff;font-family:"microsoft yahei";}

.left1_1 h3{font-size:18px;font-family: "microsoft yahei";color:#fff; text-align:center; line-height:30px; padding-top:10px}

.left1_2{border: solid 1px #ddd;

background: #ffffff;

padding: 8px 0px 0; width:222px}

.left1_2 ul{padding: 9px 17px 0px;width: 190px;overflow: hidden;}

.left1_2 li{margin-bottom: 5px;margin-bottom: 5px;

background: url(../images/ico01.jpg) no-repeat left center;

border-bottom: dashed 1px #bebfc1;}

.left1_2 li.left_b{background:none}

.left_c{background:none}

.left1_2 li a{height: 36px;line-height: 36px;display: block;font-size: 14px; padding-left:15px;

color: #333;font-family: "microsoft yahei";}

.left1_2 li a:hover,.left1_2 li a.on{ background:#99cc4e; color:#fff;}

.left1_3{background: url(../images/leftbottom.jpg) no-repeat;width:224px;height:198px; text-align:center; float:left;}

.left1_3 p{color: #fff;font-size: 16px;padding-top: 104px;}

.left1_3 span{font-family: fantasy;color: #fff;font-size: 22px;}

.submenu { width:100%}

.topmenu{

    list-style-type: none;

}

.pb10 {

    padding-bottom: 10px;

}

.pt10 {

    padding-top: 10px;

}

.topmenu > li {

    border-bottom: 1px solid #282828;

	border-radius:5px;

}

.topmenu > li > a {

    padding: 10px 30px;

}

.topmenu > li > a, .left1 .submenu > li > a {

    display: block;

    text-decoration: none;

    padding: 7px;

    color: #555;

	font-size:15px; padding-left:0;

}

.left1 .submenu > li > a{ padding: 5px 10px;}

.topmenu > li > a.on, .left1 .submenu > li > a.on{color: #234ea3;;}

.left1 .submenu > li > a .text{padding: 10px 10px;}



.topmenu .figure{

		background:url(../images/close.png) no-repeat left center;

	width:16px;

	height:16px;

	display: block;

float: left;

padding-right:5px;

padding-top:5px;padding-left: 6px;

}

.topmenu li.open .figure{

    		background:url(../images/open.png) no-repeat left center;

	width:16px;

	height:16px;

	display: block;

float: left;

padding-right:5px;

padding-top:5px;

}

.topmenu li.on .figure{

	background:url(../images/open.png) no-repeat left center;

	width:16px;

	height:16px;

	display: block;

float: left;

padding-right:5px;

padding-top:5px;

	}

.topmenu > li .submenu {

    display: none;

}

.submenu {

    position: relative;

    background: #fff;

}

.submenu > li {

    position: relative;

}



.topmenu > li .submenu {

    display: none;

}

.submenu {

    position: relative;

    background: #fff;

}



.submenu > li {

    position: relative;

}

.submenu > li.active > a {

    background: #f2f2f2;

    color: #018bff;

}

.left1 .submenu > li > a.on {

    background: #f2f2f2;

    color: #018bff;

}

.left1 .submenu > li > a {

    padding-left: 40px;

}



.topmenu > li {

    border-bottom: 1px  dotted #282828;

}

.topmenu li.open .submenu {

    display: block;

}

.submenu > li.active > a {

    color: #018bff;

}

.left1 .submenu > li > a:hover {

    color: #018bff;

}



.submenu > li::after {

    content: "";

    background-color: #ccc;

    border: 2px solid #fff;

    border-radius: 50% !important;

    bottom: auto;

    height: 13px;

    left: 24px !important;

    top: 11px !important;

    width: 13px;

    position: absolute;

    z-index: 1 !important;

}

.submenu > li.active::after {

    background-color: #018bff;

}

.submenu > li.on::after {

    background-color: #018bff;

}

.submenu > li:hover::after {

    background-color: #018bff;

}

*::after, *::before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.left1 .submenu::after {

    border-left: 1px solid #eee !important;

    bottom: 0;

    content: "";

    left: 30px;

    position: absolute;

    top: 0;

}

.topmenu > li.on .submenu{ display:block}



.lefttitle{

height: 45px;

line-height: 45px;

font-size: 16px;

color: #333;

font-weight: 100;

border-bottom: 0px;

line-height: 41px;

height: 41px;

font-size: 16px;

    border-bottom: 2px solid #234ea3;

}

.lefttitle a{font: normal 16px/45px 'Microsoft YaHei';

color: #333;

font-weight: bold;

text-align: left;}

.leftnavbg{background:url(../images/leftbg.jpg) 0 0 repeat-y;width:245px;padding:9px 0}

.leftnavbg ul{width:255px;margin:0 auto}

.leftnavbg li{width:100%;}

.leftnavbg li a{display:block;width:255px;background:url(../images/leftli2.jpg) 0 0 no-repeat;height:47px;font:12px/47px 'Simsun';color:#fff;margin-bottom:1px;text-indent:21px}

.leftnavbg li a:hover{display:block;width:255px;background:url(../images/lefthover2.jpg) 0 0 no-repeat;height:47px;font:12px/47px 'Simsun';color:#fff;margin-bottom:1px;text-indent:21px}

.leftbottom{display:block;margin-bottom:10px;}

.leftnews{width:245px;padding:9px 0}

.leftnews li{width:236px;height: 32px;font:12px/30px "Microsoft YaHei";background: url(../images/n_li.gif) left 11px no-repeat;margin:0 auto;text-indent:19px;overflow:hidden}

.leftnews li a{color:#333}

.leftcontact{padding:0;padding: 0 10px;background: #f8f8f8}

.leftcontact .leftcontact_list{width:100%;margin:0 auto;font: 13px/30px "Microsoft YaHei";color: #333;}





.box2 .right{width:1000px;

float: right;

padding-bottom: 20px;

}

.title20{color: #222222;

height: 45px;

line-height: 45px;

padding: 0 18px;

padding-left: 12px;padding:0;overflow:hidden; border-bottom: 1px solid #e4e4e4;}

.title20 a{ font-weight:700; font-size:16px; height:45px; overflow:hidden; color:#234ea3;}

.mianbao a{ font-weight: normal; font-size:14px}

.title20 h5{color: #333;

font-family: Microsoft YaHei,"宋体";

font-size: 16px;

width: auto;

line-height: 45px;

 padding-left:10px}

.title20 span{display:none;}

.mianbao{float:right;font-family: Arial, Helvetica, sans-serif;}

.mianbao a{color:#555;margin:0 6px}

.title21{margin:30px 0 10px;text-align:center;font-weight:bold;font-size: 22px;}

.banner_nei{width:100%; overflow:hidden}

.banner_nei_center{width:100%; margin:0 auto;}

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

#dituContent {

    min-height: 160px;

}

.carousel-control .fa{

    font-size: 48px;

}

.izl-rmenu{ z-index:9999}

/* productul */

.productul{width:100%;}

.productul li{float: left;

display: inline;

width: 240px;

border-image: none;text-align:center; margin-right:0.5%; margin-left:0.5% }

.productul li img{width:100%}

.productul li .img-wrap{border:1px solid #ddd;width:235px; border-radius:5px;}

.productul li p{ text-align:center;height: 40px; }

.productul li p a{line-height:40px}

.productul li a{text-decoration: none;

color: #4A4A4A; text-align:center; font-size:15px;

display: block;}

.productul li img{display: block;

width: 232px;

vertical-align: middle;

padding: 2px;

vertical-align: middle;

text-align: center;

margin: 0 auto;

height: 232px;}

ul.product_show li img{width:100%; max-height:290px; border:1px solid #ddd}

ul.product_show li{ text-align:center; font-size:14px;}

/* pages */

.pages{width:100%;height:28px; margin:14px 0; clear:both;}

.pages ul{float:right; margin:0 15px 0 0; display:inline;}

.pages ul li{float:left; display:inline; margin:0 7px 0 0; font:500 14px/28px 宋体;color:#666;width:26px;height:26px;border:1px solid #131313;background:#373737; text-align:center;}

.pages ul li a{color:#fff; display:block;width:26px;height:26px;}

.pages ul li.prev{width:64px;height:26px;background:url(../images/prev_page.jpg) 6px center no-repeat #373737;text-indent:13px; border:1px solid #131313; text-align:left;}

.pages ul li.prev a,.pages ul li.next a{display:block;width:64px;height:26px;}

.pages ul li.ok a{display:block;width:55px;height:28px;}

.pages ul li.next{width:64px;height:26px;background:url(../images/next_page.jpg) 54px center no-repeat #373737;text-indent:6px; border:1px solid #131313; text-align:left;}

.pages ul li.clickli{font-weight:bold;}

.pages ul li.dot{border:0; background:none;color:#666;}

.pages ul li.allpage{width:136px;border:0;background:none;}

.allpage input{width:26px;height:26px;border:1px solid #131313;text-align:center;background:#373737; margin:0 5px;color:#fff;font:14px/26px 宋体;}

.pages ul li.ok{background:url(../images/okbg.jpg) no-repeat 0 0;width:55px;height:28px;border:0; float:left;}

.pages ul li.ok a{color:#fff;text-shadow:1px 1px 1px #473112;}

/* newsul */

.newsul{width:100%;margin:0 auto;}

.newsul li{width:100%;height:34px;font:14px/34px 'Simsun';background:url(../images/icons2.jpg) 0 center no-repeat;text-indent:22px; overflow:hidden}

.newsul li a{color:#333; font-size:14px}

.newsul li.none{background:none;height:15px;}

/* honor */

.honor{width:100%;}

.honor li{width:100%;height:1180px;padding-top:8px;}

.honorbox{float:left;display:block;width:213px;height:161px;padding:4px;border:1px solid #c3c3c3;background:#ccc;margin:0 26px 0 12px}

.honortitle{display:block;width:414px;float:left;height:44px;overflow:hidden;font:600 16px/44px 'Microsoft YaHei';color:#005674}

.honor li div{width:414px;float:left;font:12px/28px 'Simsun';color:#005674;height:112px;overflow:hidden}

/*内页*/

.product_item li{ width:29%; float:left; border-right:1px solid #ddd;padding: 0 2% 0; margin-bottom:3%; text-align:center; min-height:360px}

.product_item img{width:80%; margin:0 auto}

.product_item .list_cp_info_1{ color:#333333; font-weight:600; font-size:15px}

.product_item .descript{ font-size:13px}

.zi_list{ width:100%}

.fadeInLeft {

    float: left;

    width: 36%;

    padding-top: 30px;

    margin-right: 5%;

}

.fadeInRight {

    width: 55%;

    float: right;

}

.Descript h5 {

    font-size: 18px;

    color: #fff;

    border-bottom: 1px solid #e2e2e2;

    line-height: 45px;

}

.Descript h5 strong {

    background-color: #234ea3;;

    padding: 10px 35px;

    line-height: 40px;

    border-bottom: 2px solid #234ea3;

    position: relative;

}

.Descript_content {

    padding-top: 10px;

}

.pr_name {

    font-size: 36px;

    color: #404040;

    border-bottom: #727272 3px solid;

    line-height: 50px;

    font-weight: normal;

    margin: 0;

}

.nei_zixun a {

    float: left;

    display: block;

    text-align: center;

    line-height: 40px;

    color: #006fb6;

    border: 1px solid #006fb6;

    padding: 0 20px 0 35px;

    position: relative;

}

.nei_zixun i {

    font-size: 22px;

    position: absolute;

    top: 9px;

    left: 10px;

}

.nei_zixun .liuyan {

    margin-left: 13px;

}

.nei_zixun::after {

    display: block;

    clear: both;

    visibility: hidden;

    height: 0;

    overflow: hidden;

    content: ".";

}

#pro_baseinfo {

    padding-top: 5%;

}



#pro_baseinfo strong {

    font-size: 18px;

    font-weight: normal;

}

.nei_zixun {

    margin-top: 28px;

}

.nei_zixun a {

    float: left;

    display: block;

    text-align: center;

    line-height: 40px;

    color: #006fb6;

    border: 1px solid #006fb6;

    padding: 0 20px 0 35px;

    position: relative;

}

.nei_zixun a {

    float: left;

    display: block;

    text-align: center;

    line-height: 40px;

    color: #006fb6;

    border: 1px solid #006fb6;

    padding: 0 20px 0 35px;

    position: relative;

}

.nei_zixun::after {

    display: block;

    clear: both;

    visibility: hidden;

    height: 0;

    overflow: hidden;

    content: ".";

}

.product_h1{font-size:1.6em;   padding:1% 0 2% 1%;line-height:180%; background:#f2f2f2; color:#333}

.product_info{ width:100%; float:left; margin-right:10px; padding-top:0px;overflow:hidden}

.product_info h1{}

.product_info table{  width:100%; padding:10px 0; margin:10px 0;}

.product_info table th{ text-align:right; padding:7px 5px; width:80px; font-weight:normal; font-size:13px;}

.product_info table td{ padding:5px;  font-size:12px; background:none;}

.product_info table tr{}

.product_info strong{ font-size:30px;}

#dialog_link,.product_info .goshop{

float:left; 

	background-color: #F06309;

	color: #FFF;

	font-size: 1.0em;

	padding: 8px 0px;

	margin: 10px;

	display: block;

	width: 110px;

	text-align: center;

	text-decoration: none;

	border-radius: 3px;



	

}

.product_info .goshop:hover{ background-color:#FF4A00;}

#pro_baseinfo li img {

    margin-top: 8px;

}

#dialog_link {margin-left:20px;background:#236298;}

#dialog_link:hover {background:#2065C4;}

.product_info div.share{border:none}



/**/

/*产品详细页 -产品展示*/

/**/

.product_img {width:100%; float:left; overflow:hidden;text-align:center; padding-top:0px;}

.product_img .bd{position:relative;width:360px;height:360px;overflow:hidden; margin-bottom:5px;text-align:center;}

.product_img .showDiv {position:relative;width:360px;height:360px; overflow:hidden;}

.product_img .showDiv img {max-width:360px;

 width:expression(document.body.clientWidth>350?"360px":"auto");

 max-height:360px;

height:expression(document.body.clientHeight>350?"360px":"auto");

 }

.product_img .hd ul a:hover img, .product_img .hd ul .on img{border-color:#234ea3;;}







/* 滚动图片 */

.product_img .hd { clear:both; width:100%;   position:relative; padding:0px 30px 0px 30px; overflow:hidden; margin-bottom:10px; overflow:hidden;}



.product_img .hd li { float:left; display:inline; position:relative; width:75px; text-align:center; overflow:hidden; padding:5px; vertical-align:100%;}

.product_img .hd li a{ display:block; }

.product_img .hd li img { width:65px;height:65px; border:3px solid #ddd;}

.product_img .hd a.bx-prev,.product_img .hd a.bx-next{

	position:absolute;

	top:0;

	display:block;

	width:20px;

	height:88px;

	background: url(../images/scroll.gif) no-repeat left center;

	z-index:99999;

}

.product_img .hd a.bx-prev{left:-24px;}

.product_img .hd a.bx-prev:hover{background: url(../images/scroll.gif) no-repeat -80px center;}

.product_img .hd a.bx-next{right:-24px;background: url(../images/scroll.gif) no-repeat -60px center;}

.product_img .hd a.bx-next:hover{background: url(../images/scroll.gif) no-repeat -140px center;}

.view_n{ float:right}

.dres{ padding-bottom:3%}

.pr-contact .say{   

   color: #646464;

    font-size: 18px;

    line-height: 1.25;

    margin: 0 0 10px;

	text-align:center

}

.box .contact_pr{ display: inline-block; padding:2%; padding-top:0.5%; padding-bottom:0.5%; background:#333333; line-height:40px;

 border-radius:3px; color:#fff; font-size:18px; margin:0 auto;cursor: pointer;

font-family: Noto Sans Japanese,Arial,Helvetica,sans-serif;}

.contact_pr_main{ text-align:center}

.guestbook{ width:100%;}

.guestbook .guestbookright{ width:100%; max-width:100%;max-width:1180px;margin:0 auto;}

.foot_mp{background: #333333; z-index:99999}

#izl_rmenu{ bottom:50px}

.nei_contact_img img{ padding-top:10px}

.Descript_content img{ max-width:100%}

.Descript_content img{ max-width:100%}

.guestbook_btn{ padding-left:10px; padding-right:10px;}

.form_message input{width:200px}

.form_message .guestbook_textarea{width:400px}

/*内页*/

.dianhua {

    background: url(../images/Tel.gif) no-repeat scroll 0 18px transparent;

    color: #666666;

    line-height: 20px;

    padding: 10px 0 10px 55px;

}

.leftcontact .dianhua span {

    font-weight: bold;

    font-size: 22px;

    line-height: 22px;

    color: #234ea3;;

    display: block;

    font-family: "Impact";

}

.dianhua span {

    margin-top: 10px;

}

.pages_us {

    width: 1180px;

    margin: 0 auto;

}

.position_us {

    width: 100%;

    line-height: 40px;

    font-size: 16px;

	background: url(../images/bg_repeat.png) repeat-x 0 -9px;

	height: 45px;

line-height: 45px;

margin-top:15px;

}

.pages_us a {

    color: #333;

}

.left_us {

    width: 100%;

    padding-top: 20px;

    padding-bottom: 5px;

}

.left_us .topmenu {

    width: auto;

    margin: 0 auto;

}

.left_us .topmenu li {

    float: left;

    font-size: 20px;

    width: auto;

    height: 40px;

    border: 1px solid #d0d0d0;

    line-height: 40px;

    margin-left: -1px;

    margin-bottom: 5px;

}

.left_us .topmenu > li > a, .left_us .left1 .submenu > li > a {

    display: block;

    text-decoration: none;

    padding: 0px;

        padding-right: 0px;

        padding-left: 0px;

    color: #555;

    font-size: 13px;

    background: none;

    padding-left: 40px;

    padding-right: 40px;

    font-size: 16px;

    color: #333;

}

.search_system{width:800px; height:500px; margin:0 auto; background:url(../images/search_bg.jpg) center center no-repeat; border-radius:20px; box-shadow:1px 5px 10px #ccc; border:5px solid #fff}

.search_sytem_main{width:460px;height:200px; margin:0 auto; padding-top:180px}

.search_title{ color:#181818; font-size:16px; padding-bottom:20px;}

.search_sytem_main .form-control {width: 100%;

padding: 6px 12px;

font-size: 14px;

line-height:30px;

color: #555;

background-color: #fff;

background-image: none;

border: 1px solid #ccc;

border-radius: 4px;width:360px; margin:0 auto}

.search_sytem_main .search_btn{width:150px; margin:0 auto; margin-top:20px; margin-left:150px;background:url(../images/login_bg.jpg) center center no-repeat; color:#fff; font-size:20px; font-weight:600; letter-spacing:10px; border:none; border-radius:2px; line-height:40px;}

.zs_result{ border:1px dashed #222; padding:50px;width:600px; margin:0 auto; background:#f2f2f2}

.zs_result p span.zsleft{font-size:15px; color:#000; font-weight:600; padding-right:5px ;width:110px; text-align:right; display:block; float:left}

.zs_result p span.zsright{font-size:15px; color:#666; line-height: 32px;}

#content .zsright img{max-width:400px;height:auto}

.cx_result{ font-size:20px; color:#000; text-align:center; line-height:80px; font-weight:600}

.back_zscx{width:200px;height:40px; background:#234ea3; margin:0 auto;text-align:center; border-radius:5px; font-size:20px; line-height:40px; margin-top:15px;}

.back_zscx a{ color:#fff}

.fancybox {



    width: 460px;

    background: none repeat scroll 0 0 #F2F2F2;

    border: 1px solid #ccc;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 4px 0 rgba(0, 0, 0, 0.1);

    color: #666666;

    padding: 10px;

    text-shadow: 0 1px 0 #FFFFFF;



}

.fancybox ul.mess li{ line-height:45px}

.fancybox ul.mess li.one {

    background: url(../images/top_one.png) no-repeat left top;

}

.fancybox ul.mess li.two{

    background: url(../images/top_two.png) no-repeat left top;

}

.fancybox ul.mess li.three{ background: url(../images/top_three.png) no-repeat left top;}

.fancybox ul.mess li {



    line-height: 23px;

    margin-bottom: 10px;

    padding-left: 60px;



}

.contact-card{

    width: 430px;

    background: none repeat scroll 0 0 #F2F2F2;

    border: 1px solid #ccc;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 4px 0 rgba(0, 0, 0, 0.1);

    color: #666666;

    padding: 10px;

    text-shadow: 0 1px 0 #FFFFFF;

	background-color: #FCF8E3;

border: 1px solid #FBEED5;

    border-top-color: rgb(251, 238, 213);

    border-right-color: rgb(251, 238, 213);

    border-bottom-color: rgb(251, 238, 213);

    border-left-color: rgb(251, 238, 213);

border-radius: 4px 4px 4px 4px;

margin-bottom: 18px;

margin-top: 15px;

padding: 8px 35px 8px 14px;

text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

line-height: 200%;

}

.contact-card{

    color: #3A87AD;

	background-color: #D9EDF7;

    border-color: #BCE8F1;

}

.contact_us img{width: auto;}

.guanggao {

    margin-top: 0px;

}

.company{ padding-top:35px; padding-bottom:35px;background:#f6faff;}

.slide-item .container{ display:none}

.liuc {

    overflow: hidden;

	padding-top:25px;

	padding-bottom:25px;

}

.liuc .content {

    width: 1200px;

    margin: 0 auto;

}

.liuc h4 {

    font-size: 30px;

    color: #1a1a1a;

    height: 70px;

    line-height: 28px;

    position: relative;

    padding: 0 0 0 20px;

}

.liuc h4::before {

    content: "";

    width: 6px;

    height: 38px;

    background: #0445a7;

    position: absolute;

    top: 5px;

    left: 0;

}

.liuc h4 i {

    display: block;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: normal;

    color: rgba(51,51,51,0.3);

    font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

}

.liuc ul li {

    font-size: 16px;

    color: #333;

    float: left;

    position: relative;

    height: 130px;

    padding: 10px 0 0 30px;

    width: 117px;

    line-height: 26px;

}

.liuc ul li::before {

    content: "";

    width: 1px;

    height: 100%;

    background: #dfdfdf;

    position: absolute;

    top: 0;

    left: 0;

}

.liuc ul li em {

    width: 38px;

    height: 36px;

    display: block;

    line-height: 0;

    overflow: hidden;

    margin-bottom: 10px;

}

.liuc ul li em img {

    width: 38px;

    height: 36px;

}

.liuc ul li i {

    display: block;

    font-size: 12px;

    text-transform: uppercase;

    font-weight: normal;

    color: rgba(51,51,51,0.5);

    font-family: Arial, Helvetica, sans-serif;

	font-style:normal;

}

.liuc ul li::after {

    content: "";

    width: 0;

    height: 0;

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -8px;

    border-left: 8px solid #dfdfdf;

    border-top: 8px solid transparent;

    border-bottom: 8px solid transparent;

}





.swiper-container-1 {

    width: 100%;

    height: 100%;

    background: #ccc;

  }



  .swiper-container-1 .slide-item {

    position: relative;

    width: 100%;

    overflow: hidden;

  }



  .swiper-container-1 .swiper-slide a {

    width: 1260px;

    margin: 0 auto;

    display: block

  }



  .swiper-container-1 .slide-item img {

    width: auto;

    height: auto;

    max-width: 1920px;

    margin: 0px auto;

    margin-left: -330px;

  }



  .swiper-container-1 .swiper-button-prev-1,

  .swiper-container-1 .swiper-button-next-1 {

    opacity: 0;

    position: absolute;

    top: 50%;

  }



  .swiper-container-1:hover .swiper-button-prev-1,

  .swiper-container-1:hover .swiper-button-next-1 {

    width: calc(15px + 30px);

    height: calc(15px + 30px);

    line-height: calc(15px + 30px);

    opacity: 1;

    transition: all .3s linear;

    background-color: rgba(0, 0, 0, 0.5);

    background-image: none;

    font-size: 15px;

    text-align: center;

    border-radius: 50px;

    color: #ffffff;

  }



  .swiper-container-1 .slide-item-text {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

  }



  .swiper-container-1 .slide-item-text h2 {

    padding: 0;

    color: #ffffff;

    font-size: 36px;

    font-style: normal;

    line-height: 1.8;



    letter-spacing: 1px;

    display: inline-block;

  }



  .swiper-container-1 .slide-item-text p {

    margin: 0px auto;

    padding: 0;

    color: #ffffff;

    font-size: 20px;

    line-height: 1.6;

    font-weight: 300;

    margin-bottom: 40px;

    letter-spacing: 1px;

  }



  .swiper-container-1 .slide-item-text a.slide-btn {

    color: #ffffff;

    cursor: pointer;

    font-weight: 400;

    font-size: 14px;

    line-height: 15px;

    text-align: center;

    padding: 17px 30px;

    white-space: nowrap;

    letter-spacing: 1px;

    background: #234ea3;

    display: inline-block;

    text-decoration: none;

    text-transform: uppercase;

    border: none;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

  }



  .swiper-container-1 .slide-item-text a.slide-btn:hover,

  .swiper-container-1 .slide-item-text a.slide-btn:active {

    color: #ffffff;

    background: #222222;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

  }



  .swiper-container-1 .slide-item-text h2 {

    transition: all 500ms ease-in-out 1000ms;

    position: relative;

    left: 50%;

    opacity: 0;

  }



  .swiper-container-1 .slide-item-text p {

    transition: all 800ms ease-in-out 1500ms;

    position: relative;

    left: 50%;

    opacity: 0;

  }



  .swiper-container-1 .slide-item-text a {

    transition: all 1200ms ease-in-out 2000ms;

    position: relative;

    left: 25%;

    opacity: 0;

  }



  .swiper-container-1 .swiper-slide-active .slide-item-text h2 {

    left: 0;

    opacity: 1;

  }



  .swiper-container-1 .swiper-slide-active .slide-item-text p {

    left: 0;

    opacity: 1;

  }



  .swiper-container-1 .swiper-slide-active .slide-item-text a {

    left: 0;

    opacity: 1;

  }







  .swiper-container-1 .slide-item-text h2 {

    font-size: 36px;

  }



  .swiper-container-1 .slide-item-text p {

    font-size: 20px;

  }



  .swiper-container-1 .slide-item-text h2,

  .swiper-container-1 .slide-item-text p {

    color: #ffffff;

  }



  .swiper-container-1 .slide-item-text a.slide-btn {

    background: #234ea3;

    color: #ffffff;

  }



  .swiper-pagination-1 .swiper-pagination-bullet {

    width: 50px;

    height: 10px;

    background: #ffffff;

    opacity: 1;

    transition: all .3s linear;

    border-radius: 0;

  }



  .swiper-pagination-1 .swiper-pagination-bullet-active {

    background: #234ea3;

  }



  .swiper-container-1 .swiper-button-prev-1,

  .swiper-container-1 .swiper-button-next-1 {

    color: #ffffff;

    font-size: 15px;

    width: 15px;

    height: 15px;

  }

.leftcontact{text-align: center; background-color:#234ea3; padding: 15px; color: #fff; font-size: 12px;}

.lefttitle{font-size:26px; color:#fff; font-weight:bold; line-height:1.5; padding:5px 0;}

.leftcontact_list p.big{font-size: 16px; text-align: center; background-color: #f0831e; color: #fff; line-height: 30px; margin-bottom: 10px;}

.leftcontact_list p{text-align: center; color: #fff; font-size: 14px; line-height: 26px;}

.leftcontact a{color:#fff;}

.leftnav{padding:10px; background:#fff;}

.leftnav li{margin-bottom: 10px;}

.leftnav li a{display:block;padding:12px 20px; color: #333; background: #f3f3f3; font-size:16px;}

.leftnav li a:hover,.leftnav li.current a{background:#234ea3; color:#fff;}

#content,#content p{font-size:15px; line-height:2.5;color:#333;}

#content .listnews{padding:20px 0; border-bottom:1px solid #e8e8e8;}

#content .listnews h5 span{ float: right; font-weight:normal; font-size:14px; color:#999;}

#content .listnews h5 a{font-size:16px; color:#333;}

#content .listnews p{font-size:14px; color:#666; line-height:24px; padding-bottom:8px;}

#content .listnews .more{display:block; width:100px; line-height:32px; font-size:14px; border-radius:3px; background:#f3f3f3; border:1px solid #e8e8e8; color:#333; text-align:center;}

#content .listnews .more:hover{background:#234ea3; border-color:#234ea3; color:#fff;}

#content .listnews h5 a:hover{color:#234ea3}

#content .page{overflow:hidden; line-height:36px; text-align: center; font-size:14px; padding:20px 0 0;}

#content .page a,#content .page span{color:#444; display:block; font-size:14px; padding:2px 15px; margin:0 5px; background:#e2e2e2; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px}

.page a:nth-child(1){margin-left:0!important}

.page .active a{background:#234ea3; color:#FFF}

.page a:hover{background:#234ea3; color:#FFF}

.page ul,.page li{list-style:inherit;}

.page li{display:inline-block;}

#content .page li.active a,#content .page li:hover a{background:#234ea3; color:#FFF}

#content table{width:100% !important;}

#content table tr td{font-size:14px !important; padding:2px 15px !important;}

#map img{width:auto; max-width:inherit;}



.caselist{text-align:center; overflow:hidden; display:grid; grid-template-columns:repeat(3,1fr); gap:10px 20px; padding:10px 0 0;}

.caselist li .img{overflow: hidden;border:1px solid #e4e4e4;}

.caselist li img{transition: all 0.3s ease-in-out;}

.caselist li:hover img{transform: scale(1.05); opacity: 0.95;}

.caselist .txt a{display: block; font-size:16px; line-height: 40px; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}

.caselist li:hover .txt a{color: #234ea3;}

.producttitle{display:flex; justify-content:space-between; padding:30px;}

.producttitle .img{width:45%; text-align:center; height:400px; justify-content:center; display:flex; align-items:center;}

.producttitle .img img{max-height:400px;}

.producttitle .txt{width:55%; padding:2% 5%;}

.producttitle .txt h3{font-size:20px; color:#333;}

.producttitle .txt span{font-size:14px; color:#999; display:block; padding:12px 0;}

.producttitle .txt p{font-size:16px; color:#666; line-height:2;}

.details{border-bottom:1px solid #e4e4e4; display:flex;}

.details span{display: block;width:130px; background:#234ea3; color:#fff; line-height:42px; font-size:18px; text-align:center;}



.online-qq{position:fixed;top:50%;right:10px;z-index:200}

.online-qq .qq_content{background:#fff;margin:0;padding:0;}

.online-qq .qq_content dt{background:url(../images/online_qq3.png) no-repeat;color:#fff;font-size:14px;font-weight:bold;padding:6px 15px;border:1px solid #ddd;border-bottom:0;}



.online-qq .qq_content .qq{padding:10px 10px 5px;margin:0;border:1px solid #ddd;border-top:0}

.online-qq .qq_content .qq p{background:url(../images/online_qq3.png) repeat-x 0 -33px;margin:0 0 5px}

.online-qq .qq_content .qq a{border:1px solid #ddd;display:block;background:url(../images/online_qq3.png) no-repeat 10px -72px;height:23px;line-height:23px;padding:0 18px 0 30px}

.online-qq .qq_content .tels{background:#f9f9f9;padding:10px;margin:0;text-align:center;font-size:14px;font-weight:bold;color:#333;border:1px solid #ddd;border-top:0}

.online-qq .qq_content .tels strong{font-size:12px;color:#f60}

.online-qq .foot{border:1px solid #ddd;background:#f1f1f1;height:2px;overflow:hidden;margin:0 5px;border-top:0}


.news-notice {
	margin: 0 auto;
	width: 1260px;
}
.indnews {
	width: 550px;
	height: 412px;
	float: left;
}
.news-pic {
	width: 638px;
	height: 412px;
}
.news-pic, .news-pic img {
	width: 538px;
	height: 412px;
	overflow: hidden;
}
.news-notice .news-txt {
	width: 690px;
	height: 412px;
	float: right;
	border: 1px solid #efefef;
}
.news-title {
	height: 48px;
	background: #fafafa;
	border-bottom: 1px solid #efefef;
	line-height: 48px;
	position: relative;
}
.news-title .name {
	position: absolute;
	left: -1px;
	top: -1px;
	height: 39px;
	background: #084466;
	color: #fff;
	text-align: center;
	line-height: 39px;
	font-size: 15px;
	padding: 0 15px;
	font-weight: bold;
}
.news-name.tab-nav {
	position: absolute;
	left: -1px;
	top: -1px;
	height: 49px;
}
.news-name.tab-nav a {
	display: block;
	float: left;
	height: 39px;
	line-height: 39px;
	color: #333;
	text-align: center;
	line-height: 39px;
	font-size: 16px;
	padding: 5px 25px;
	margin: 0;
	position: relative;
}
.news-name.tab-nav a.current {
	background: #234EA3;
	color: #fff;
	font-weight: bold;
}
.news-name.tab-nav a i {
	width: 9px;
	height: 5px;
	background: url(../images/jtx.png) no-repeat;
	margin-left: 28px;
	margin-top: 6px;
	display: none;
}
.news-name.tab-nav a.current i {
	display: block;
}
.news-title .name i {
	width: 9px;
	height: 5px;
	background: url(../images/jtx.png) no-repeat;
	left: 10px;
	bottom: -5px;
	display: block;
}
.news-title .more {
	position: absolute;
	right: 10px;
	line-height: 38px;
	top: 4px;
	font-size: 16px;
	color: #333;
	transition: all .3s ease;
}
.news-title .more:hover {
	color: #084466;
}
.newslist {
	display: block;
	padding: 10px 22px;
}
.hotnews {
	margin: 12px 12px 0 12px;
}
.hotnews h1 {
	font-size: 20px;
	color: #333;
	text-align: left;
	margin: 0 10px;
	height: 30px;
	line-height: 30px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.hotnews .hotcon {
	margin-top: 12px;
	margin-left: 10px;
	margin-right: 10px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.hotnews .hotcon a {
	color: #999;
	line-height: 24px;
	font-size: 16px;
}
.hotnews .hotcon a:hover, .newslist li a:hover {
	color: #234EA3;
}
.newslist li {
	border-bottom: 1px dotted #dedede;
	position: relative;
	padding: 0 80px 0 16px;
	background: url(../images/listnot.png) 0px 20px no-repeat;
}
.newslist li a {
	display: block;
	height: 46px;
	width: 100%;
	line-height: 46px;
	font-size: 16px;
	color: #666;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	position: relative;
}
.newslist li span {
    font-size: 16px;
	position: absolute;
	right: 0;
	top: 13px;
	line-height: 22px;
	color: #bbb;
	text-align: center;
}
.newslist li span.time {
	top: 0;
}
.newslist li:last-child {
	border: 0;
    border-bottom: 1px dotted #dedede;
}
.newslist.ny li {
	padding: 8px 80px 8px 14px;
	background: url(../images/listnot.png) 2px 29px no-repeat;
}
.newslist.ny li a:after {
	display: none;
}
.nytit {
	border-bottom: 1px solid #ededed;
	line-height: 30px;
	font-size: 16px;
	padding-bottom: 10px;
	width: 85%;
	margin: 0px auto;
	font-weight: bold;
}
.nytit h1 {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #234EA3;
	margin-bottom: 30px;
}
.pnytit {
	border-bottom: 1px solid #ededed;
	line-height: 30px;
	font-size: 16px;
	padding-bottom: 10px;
	width: 95%;
	margin: 0px auto;
	font-weight: bold;
}
.pnytit h1 {
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	color: #234EA3;
	margin-top: 20px;
}
.nytit h2 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #323232;
	margin-bottom: 10px;
}