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: "microsoft yahei";margin: 0 auto;padding: 0px;font-size: 12px;line-height: 22px;width: 100%; color: #222222;
font: 12px/170% "Microsoft YaHei", Arial; 
font-size: 12px;
}
.clear{ clear:both}
.n_header{
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 51;
    background: #ffffff;
	border-bottom: 1px solid #e8e8e8;
}
.n_header .header01 .logo{
    float: left;
    position: relative;
    width: 260px;
    height: 80px;
    margin:0;
	overflow:hidden;
}
.n_header .header01 .logo a{
    text-indent: -9999px;
    display: inline-block;
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position:left center;
    position: absolute;
    bottom: 0;
    left: 0;
}
.n_header .header01 .nav{
    float: left;
    margin:10px;
}
.n_header .header01 .nav> ul{
    float: left;
    transition:all 0.5s ease-in-out;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    margin-bottom: 0;
}
.n_header .header01 .nav>ul li{
    float: left;
    /*text-align: center;*/
    position: relative;
}
.n_header .header01 .nav>ul li a{
    color: #282828;
    line-height: 95px;
    display: inline-block;
    font-size: 17px;
    position: relative;height:95px;
	text-align:center;
}
.n_header .header01 .nav>ul li a.one{padding-left:27px; 
	padding-right:27px;}
.n_header .header01 .nav > ul li a.on{ border-bottom:3px solid #0256ac;}
.n_header .header01 .nav>ul li a:hover,
.n_header .header01 .nav>ul li .active{

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.n_header .header01 .nav > ul > li > a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #0256ac;
    height: 3px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.n_header .header01 .nav>ul li .active:before,
.n_header .header01 .nav>ul li a:focus:before,
.n_header .header01 .nav>ul li a:hover:before {
    left: 0;
    right: 0;
}

.n_header .header01 .nav > ul li.navline {width:1px; background:#e9e9e9;height:25px; padding:0;margin-top: 35px;}
.nav_language {
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    float: right;
}
.nav_language li {
    float: left;
    width: 79px;
    border-left: 1px solid #dddddd;
    text-align: center;
}
.nav_language li a {
    width: 100%;
    color: #555555;
    line-height: 95px;
    height: 95px;
    display: block;
}
.nav_language li i {
    width: 42px;
    height:95px;
    display: inline-block;
}
.nav_language li span {
    height: 18px;
    display: inline-block;
}
.nav_language li.yuyan i {
    background: url(../images/language1.png) no-repeat left center;
    text-align: right;
}
.nav_language li.search i {
    background: url(../images/search1.png) no-repeat center center;
    text-align: center;
}
.nav_language li a:hover {
    background: #0256ac;
    color: #fff;
}
.nav_language li:hover.yuyan i {
    background: url(../images/language.png) no-repeat left center;
}
.nav_language li:hover.search i {
    background: url(../images/search.png) no-repeat center center;
}
.top{ line-height:40px; height:40px; position:fixed; top:0;width:100%;z-index:99999; border-bottom:1px solid #dddddd; background:#ffffff}
.top1{width:88%; margin:0 auto}
.top1_1{ line-height:40px;}
.top_tel{background: url(../images/top_tel.png) no-repeat left center; line-height:40px; color:#fff; font-size:17px;padding-left: 30px;display: inline-block;color: #383838; font-weight:bold}
.head_l{width:auto; max-width:65%; float:left; color:#fff; font-size:13px;color: #383838}
.header_right{width:auto; max-width:35%; float:right}
.header_right a{ padding-left:5px; padding-right:5px; color:#181818; font-size:13px}
.n_header .header01 .nav>ul .nav_er{
    width:100%;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    margin-top: 1px;
}

.n_header .header01 .nav > ul .nav_er .div_dl{
    background: #ffffff;
    overflow: hidden;
    padding: 18px 0;
}
.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
}
/*.n_header .header01 .nav > ul .nav_er .div_dl li {*/
    /*display: inline-block;*/
    /*float: inherit !important;*/
    /*margin-left: 0px;*/
/*}*/

.header03{display: none;}

.nav_er-img {
    display: block;
    width: 21.6%;
    height: 173px;
    overflow: hidden;
    float: left;
}
.nav_er_list {
    padding: 0 5%;
}
.n_header .header01 .nav > ul li .nav_er_list li {
    width: 100%;
    float: left;
    margin-left: 0 !important;
	padding:0;
}
.n_header .header01 .nav > ul li .nav_er_list li:hover{ background:#f5fce8;background:#f2f2f2}
.nav_er_list li:nth-child(2n) {
    float: right !important;
}
.n_header .header01 .nav > ul li .nav_er_list li a {
    font-size: 14px !important;
    display: block !important;
    height: 35px;
    line-height: 35px !important;
    text-align:center;
    color: #444444;
}
.n_header .header01 .nav > ul li .nav_er_list li a:hover{color: #0256ac;}

.nav_er_list li:hover a {
    color: #0256ac !important;
}
.nav_box {
    padding: 0 0 0 3.91667%;
    width: 38%;
    min-height: 168px;
    color: #666;
    position: relative;
    float: left;
    border-left: 1px solid #e5e5e5;
}
.nav_box p {
    text-indent: 2em;
    font-size: 14px;
    line-height: 30px;
    color: #777777;
}
@keyframes fadeInUp{
    0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
    100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@keyframes fadeInDown{
    0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
    100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}

.foot-up {
    background: #252525;
    padding: 66px 0 60px;
}
.foot-down {
    line-height: 58px;
    background: #1c1c1c;
    text-align: center;
}
.foot-down P {
    font-size: 12px;
    color: #fff;
}
.foot-down p i {
    color: #bbbbbb;
}
.Fcon {
    float: left;
    margin: 30px 0 0;
}
.Fticker {
    line-height: 16px;
    color: #cccccc;
    margin: 10px 0 0;
}
.Fshare {
    margin: 25px 0 0;
}
.Fshare a {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 0px;
    text-align: center;
    border-radius: 100%;
    margin: 0 14px 0 0;
}
.Fsplit {
    display: block;
    width: 1px;
    height: 250px;
    background: #515151;
    float: left;
    margin: 0 4% 0;
}
.Fsplit.Fs2 {
    margin: 0 4% 0 0;
}
.Fnav {
    width: 12.2%;
    float: left;
}
.Fnav dt {
    font-weight: initial;
}
.Fnav dt .type, .Fct dt {
    line-height: 31px;
    font-size: 15px;
}
.Fnav dt .type a {
    font-size: 16px;
    color: #fff;
}
.Fnav dt .split {
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    margin: 5px 0 12px 2px;
}
.Fnav dd {
    display: block !important;
}
.Fnav dd a {
    font-size: 14px;
    color: #cccccc;
    display: block;
    line-height: 30px;
}
.Fct .tel a {
    line-height: 28px;
    font-size: 24px;
    color: #fff;
}
.Fct .wx-code,.Fct .applet-code{
    display: inline-block;
    text-align: center;
    margin: 14px 0 0;
}
.Fct .applet-code img,.Fct .wx-code img{
    width: 104px;
    height: 104px;
}
.Fct .wx-code .t , .Fct .applet-code .t{
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    margin: 5px 0 0;
}
.Fct dt a {
    font-size: 16px;
    color: #fff;
}

.home-title {
    font-size: 32px;
    color: #333333;
    position: relative;
    text-align: center;
    /*font-weight: bold;*/
    padding-bottom: 16px;
    margin: 72px 0 38px;
}
.home-title:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -26px;
    bottom: 0;
    width: 52px;
    height: 5px;
    border-top: 5px solid #0256ac;
}

/*banner*/
.banner_nei {
    position: relative;
    margin: 0 auto;
        margin-top: 0px;
    height: 100%;
    width: 100%;
}
.banner_nei_center {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}
.banner_nei_center .bg {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
}
.banner_nei_center img {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner_nei_center .txt {
    margin-top: -15%;
}
.banner_nei_center .txt {
    position: absolute;
    left: 40%;
}
.banner_nei_center .txt h1 {
    padding: 0;
    color: #fff;
    font-size: 42px;
    font-style: normal;
    line-height: 85px;
    margin-bottom: 0px;
    margin-top: 0px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    text-align: left;
    width: 100%;
    text-shadow: 1px 1px 1px #333;
	text-align:center;
	font-weight: bold;
	letter-spacing:5px;
}
.banner_nei_center .txt p {
    width: 100%;
    margin: 0px auto;
        margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    padding: 0;
    color: #fff;
    font-size: 28px;
    line-height: 45px;
    font-weight: 300;
    margin-bottom: 10px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    text-align: left;
    text-shadow: 1px 1px 1px #333;
	text-align:center;
}
.abtn {

    position: relative;
    display: block;
    margin: 0 auto;
    width: 66px;
    height: 66px;
    left: 0;
    right: 0;
    z-index: 1000;
      color: #fff;
    text-align: center;
    line-height: 66px;
    border-radius: 66px;
    top: -80px;

}
.abtn span {
font-family: "iconfont" !important;
font-style: normal;
    font-size: 3.2rem;
    color: #fff;
    display: block;
}
.abtn span{
	background: url(../images//mdown.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);}
}
.search-send {
    position: absolute;
    z-index: 2;
    background-color: #222;
    right: -34%;
    top: 0;
    width: 380px;
    height: 100%;
    transition: right .3s;
}
.search-send.on {
    right: 0;
}
.carousel-more {
    width: 178px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 19px;
    color: #fff;
    display: block;
    text-align: center;
}

.search-send .close {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/search_close.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: -9px;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: transform .3s ease 0s;
}
.search-send .close:hover {
    transform: rotateZ(90deg);
    transition: transform .3s ease 0s;
}
.search-send form {
    width: 100%;
    height: 100%;
}
.search-send .text {
    border: 0;
    font-size: 18px;
    height: 100%;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    background: 0;
    padding: 0 5% 0 13%;
    outline: 0;
}
.search-send .submit {
    cursor: pointer;
    border: 0;
    background: url(../images/search.png) no-repeat center;
    background-color: #0256ac;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    height: 100%;
    outline: 0;
}
@media screen and (max-width: 1645px) {
    .n_header .header01 .nav{
        float: left;
        margin: 10px;
    }
}
@media screen and (max-width: 1609px) {
    .n_header .header01 .nav{
        float: left;
        margin: 22px 4% 16px;
    }
}
@media screen and (max-width: 1543px) { .n_header .header01 .nav{
        float: left;
        margin:10px;
    }
}
@media screen and (max-width: 1510px) {
    .n_header .header01 .nav{
        float: left;
        margin: 22px 2% 16px;
    }
}
@media screen and (max-width: 1480px) {
    .n_header .header01 .nav{
        float: left;
        margin:10px;
		margin-bottom:0;
		margin-top:0;
		margin-right:0;
    }
}
.main{width:100%}
.main_center{margin:0 auto}
.slide-text{ display:none}
.notice{ line-height:70px; background:#f3f3f3;height:70px;}
.notice_content{width:88%; margin:0 auto}
.notice_left{width:60%; float:left}
.notice_left span{ font-size:18px; color:#181818; font-weight:bold; padding-right:15px;}
.notice_left .hot_text a{ color:#282828; font-weight:normal; padding-right:5px; border-right:1px solid #383838; font-size:16px;}
.notice_right{width:40%; float:right}
.form-control{width:79%; line-height:60px; float:left}
.search_btn{ background:#0256ac;width:20%; float:right;margin-top: 10px; border:none; line-height:45px;; font-size:16px; color:#fff}

/*about_us*/
.about{ position:relative}
.about_us{width:100%; padding-bottom:30px;}
.about_us_content{width:88%; margin:0 auto; margin-top:2%;}
.about_title{ padding-bottom:2%}
.company_more{ color:#0256ac}
.about_us_title h3{ font-size:30px; color:#080808; text-align:center; line-height:50px;}
.line_ly{height:2px; background:#0256ac; width:15%; margin:0 auto}
.about_us_title p{width:80%; margin:0 auto;font-size: 16px;
color: #333333;

line-height: 30px; text-align:center}
.about_bottom {
    clear: both;
    height: auto;
    overflow: hidden;
    background:#ffffff;
        background-size: auto;
    background-size: cover;
    padding: 1% 0 2% 0;
}
.about_us {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.about_us_bg::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
}
.about_us_bg{    height: 50vh;
    background: url(../images/us_bg.jpg) no-repeat 100% center fixed;
	background-image:url(../images/us_bg.jpg);
　　background-repeat:no-repeat;
　　background-attachment:fixed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
}

.about_us_bg div {
    margin-top: 20vh;
    text-align: center;
    position: relative;
    z-index: 2;
    color: #333;
}
.about_us_bg h5 {
    font-size: 45px;
    letter-spacing: 2px;
    color: #333333;
    font-weight: bold;
}
.about_us_bg .about_us_bg_content{
    margin-top: 30px;
    letter-spacing: 1px;
    color: #666666;
    font-size: 17px;
}

li {
    list-style: none;
    text-decoration: none;
}
.about_bottom li span {
font-family: Arial;
font-size: 36px;
font-weight: bold;
color: #d60009;
display: block;
margin: 16px 0 13px;
}
.about_bottom li span {
    font-weight: 400;
    font-size: 40px;}

.about_us_list{width:100%;
background: #fff;
padding: 35px 65px;
    padding-top: 50px;
padding-top: 0;}
.about_us_left{width:55%; float:left; position:relative; margin-right:1%; padding-top:1%}
.about_us_left .jianjie{ position:absolute; z-index:9999; top:0;padding: 30px 25px; color:#fff; line-height:25px; font-size:14px; background:url(../images/hbg.png) repeat left center; background:none}
.about_us_left .jianjie h3{ font-size: 24px;
font-weight: bold;
padding-bottom: 15px; }
.about_us_left:hover .about_us_left img{width:110%; }
.about_us_left img{max-width:100%}
.about_us_left .jianjie p{ color:#fff;}
.about_us_left_content{width:100%; overflow:hidden}
.about_us_left span p {
    font-size: 20px;
    color: #5c5c5c;
    float: right;
    padding-top: 10px;
    font-weight: normal;
}
.about_us_right{width:43%; float:right; position:relative}
.company_title{ font-size:32px; color:#080808; line-height:60px;letter-spacing:2px; }
.company_text{ line-height:32px; font-size:15px; letter-spacing:1px}
.about_us_right img{ max-width:100%}
.about_us_right1{ position:relative; margin-bottom:1.2%;width:100%}
.about_us_right1 .jianjie{width:100%; height:100%}
.about_us_right .jianjie p{ color:#fff;}
.about_us_right1 .jianjie{ position:absolute; z-index:9999; top:0;padding: 30px 25px; color:#fff; line-height:25px; font-size:14px; background:url(../images/hbg.png) repeat left center; }
.about_us_right1 .jianjie h3{ font-size: 32px;
font-weight: bold;
padding-bottom: 15px;}
.about_us_right2{ position:relative; margin-bottom:1.2%;width:100%; overflow:hidden}
.about_us_right2 .jianjie{width:200px; height:200px; left:30%; top:5%; background:url(../images/gre.png) repeat left center; border-radius:100px;}
.about_us_right2 .jianjie1:hover{opacity: 0;
transform: scale(0.87);
-webkit-transform: scale(0.87);
-moz-transform: scale(0.87);transition: 850ms 1850ms;width:100%;height:100%; left:0; top:0;background:url(../images/gre.png) repeat left center; border-radius:0;}
.about_us_right2 .jianjie{ position:absolute; z-index:9999; top:0;padding: 30px 25px; color:#fff; line-height:25px; font-size:14px;top:5%}

.about_us_right2 .jianjie h3{ font-size: 20px;
font-weight: bold;color:#fff;text-align:center;}
.about_us_right2 .jianjie p{ color:#fff; text-align:center}
.us_line{height:2px; background:#fff;}
.about_us_left span {
    font-size: 16px;
    color: #a9a9a9;
    font-weight: normal;
    letter-spacing: 0.8px;
	line-height:40px;text-transform:uppercase;
}
.about_us_left h2 {
    font-size: 30px;
    color: #181818;
    letter-spacing: 2px;
    font-weight: inherit;
	font-weight:bold;
}
.company_line {
    width: 67px;
    height: 3px;
    background-color: #2468bb;
    margin-top: 10px;
}
.company_text {
    font-size: 14px;
    color: #5c5c5c;
    line-height: 36px;
    margin-top:5px;
    letter-spacing: -0.5px;
}
.news_title a.learnmore {
    width: 156px;
    height: 45px;
    border-radius: 30px;
    font-size: 16px;
    color: #333333;
    line-height: 45px;
    text-align: center;
	font-weight:normal;
}

.team{ padding-top:2%}
.teamlist{width: 24%;
float: left;
margin-right: 1%;
margin-left: 0%; border:1px solid #c8c8c8;line-height:72px; padding-top:1%; padding-bottom:1%}
.teamlist a{ display:block}
.teamlist:hover{ background:#f0f0f0;}
.about_bottom {
	clear: both;
	height: auto;
	overflow: hidden;
	background: url(images/bg1.jpg) no-repeat center center;
	background-size: auto;
	background-size: cover;
	padding: 2% 0 2% 0;
}
.about_bottom li {
	float: left;
	width: 24%;
	height: auto;
	overflow: hidden;
	text-align: center;
	float: left;
	height: 193px;
	text-align: center;
	border: 1px solid#e8e8e8;
	color: #c70606;
	padding-top: 1px;
	background-color: #f8f8f8;
	margin: 0 0.5%;
}
li {
	list-style: none;
	text-decoration: none;
}
.about_bottom li span {
	font-weight: 400;
	font-size: 70px;
	font-family: Impact;
	line-height: 1;
	text-align: center;
	display: inline-block;
	position: relative;
	margin: 35px auto 15px auto;
}
.about_bottom li i {
	display: block;
	font-size: 16px;
	color: #333333;
	text-align: center;
	font-style: normal;
}
.about_bottom li em {
	font-style: normal;
	font-size: 28px;
	font-weight: 100;
	padding-left: 2px;
	position: relative;
	top: -4px;
	right: -5px
}
.about_bottom li .icon1 {
	background-position: 0 0;
}
.about_bottom li .icon2 {
	background-position: 0 0;
}
.about_bottom li .icon3 {
	background-position: 0 0;
}
.about_bottom li .icon4 {
	background-position: 0 0;
}
.about_bottom li .icon1 {
	display: block;
	width: 72px;
	height: 62px;
	background: url(images/aboutbt.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	margin: 10% auto 3px;
	background-position: -216px 0;
}
.about_bottom li .icon2 {
	display: block;
	width: 72px;
	height: 62px;
	background: url(images/aboutbt.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	margin: 10% auto 3px;
	background-position: -72px 0;
}
.about_bottom li .icon3 {
	display: block;
	width: 72px;
	height: 62px;
	background: url(images/aboutbt.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	margin: 10% auto 3px;
	background-position: -144px 0;
}
.about_bottom li .icon4 {
	display: block;
	width: 72px;
	height: 62px;
	background: url(images/aboutbt.png) no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	margin: 10% auto 3px;
}
.container {
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    margin: 0 auto;
}
/*case*/
.case{width:100%}
.case_main{ width: 88%; margin:0 auto}
.case_title{
    margin: 0 auto;
	text-align:center;
	margin-top:1%;
}
.case_title h2 {
    color: #252525;
    line-height: 40px;
    font-weight: normal;
	text-align: center;
font-size: 32px;
color: #252525;
line-height: 40px;
font-weight: normal;
}
.case_title h2 a{
    color: #0256ac;
    font-weight: bold;
}
.case_title p{ text-align:center; font-size:15px; color:#585858;line-height: 35px;}
/*products*/
.product_case{ padding-bottom:15px;}
.product_case_content{width:88%; margin:0 auto; }
.product_title{ padding-top:15px; padding-bottom:25px;}
.product_title h3{ font-size:50px; color:#323232; text-align:center;margin:0; padding:0;color: #333333;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;}

.title h3{ font-size:50px; color:#323232; text-align:center;margin:0; padding:0;color: #333333;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;}
.title p{text-align: center;
font-size: 17px;
letter-spacing: 2px;
color: #666666;
margin-top: 20px;
letter-spacing: 1px;
text-transform: uppercase;}
ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.index_product ul li {
    width: 20%;
    float: left;
    border: 1px solid #eee;
    box-sizing: border-box;
    cursor: pointer;
}
.index_product ul li {
    cursor: pointer;
}
.index_product ul li .index_product_list {
    background: #fff;
    padding: 15% 0;
    position: relative;
    z-index: 5;
}
.index_product_list a {
    position: relative;
    z-index: 10;
}

.index_product_img {
    width: 80px;
    height: 82px;
    margin: 0 auto;
    position: relative;
}
.index_product_img img.img1 {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.index_product_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.index_product_txt p {
    text-align: center;
    font-size: 18px;
    color: #666;
    margin-top: 20px;
}
.index_product ul li {
    cursor: pointer;
}
.index_product li:last-child > .index_product_list {
    background: #eeeeee;
}

.index_product .index_product_list {
    background: #eeeeee;
    padding: 15% 0;
    position: relative;
    z-index: 5;
}
.line_ly{height:2px; background:#0256ac; width:15%; margin:0 auto}
.product_title p{text-align: center;
font-size: 17px;
letter-spacing: 2px;
color: #666666;
margin-top: 20px;
letter-spacing: 1px;
text-transform: uppercase;}
.product_list{ padding-top:2%}
.product_list img{width: 100%;
margin: 0 auto;
height:100%;
width: auto;}
.case-item {
    float: left;
    width: 280px;
    line-height: 2.2;
    background-color: #ffffff;
    text-align: center;
    margin-right: 20px;
}
.case-item .icon{display: inline-block; background: #fff; border: 0px;width: 100%;height: 248px;overflow: hidden;}
.case-item .icon img{width: 100%;height: 100%}
.case-item .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.case-item .icon img:hover{    -webkit-transition: -webkit-transform 0.8s;
    -moz-transition: -moz-transform 0.8s;
    -o-transition: -o-transform 0.8s;
    transition: transform 0.8s;
	-webkit-transform:scale(1.3,1.3);
　　-moz-transform:scale(1.3,1.3);
　　-transform:scale(1.3,1.3);
　　z-index:9999;
}
.case-item p{font-size: 16px; padding-bottom:5px;}
.product_list dl{
 width: 25%;
float: left;
border: 1px solid #eee;
box-sizing: border-box;
cursor: pointer;
}
.product_list dl dd{ padding:2%; text-align:center}
.product_list dl{ position:relative}
.product_list dl dt{ background: url(../images/black.png) repeat left center; line-height:36px; text-align:left; text-indent:15px; position:absolute; bottom:0;width: 96%;
left: 2%;
bottom: 2%;}
.product_list dl dt a{ color:#ffffff; font-size:16px;text-shadow: 0px 0px 0px #585858;}
.product_list dl dd a {
    height: 298px;
    display: block;
	overflow: hidden;
}
.product_list dl dt a.pr_more{ float:right; padding-right:0px;background: url(../images/pritem_bg.png) center right no-repeat;width:86px; text-align:center;height:37px}
.pr_logo{width:100%;height:100%; position:absolute;top: 0; z-index:999999; display:block; background:url(../images/zt_bg.jpg) 3% 2.5% no-repeat}
.pr_logo a{ display:block;height:100%;width:100%}
.img-wrap_main {
    position: relative;
}
.img-wrap_main .pr_logo{background: url(../images/zt_bg.jpg) 0 0 no-repeat;}
.jcarousel-wrapper{width:100%; margin:0 auto; position:relative}
.pr{ padding-bottom:3%}
#content .pic_hover dl dt a{ font-size:14px;}
.contact_us_center{ font-size:16px;}
.contact_us_center p{font-size:16px; line-height:45px;}

/*cases*/
.cases_main { background:url(../images/case_bg.jpg) no-repeat left top; padding-top:60px;}
.cases_content{
    width: 88%;
    margin: 0 auto;
}
.cases_title {
    padding-top: 45px;
    padding-bottom: 15px;
}
.cases_title h3 {
  font-size: 32px;
color: #323232;
text-align: center;
line-height: 50px;
letter-spacing: 2px;
margin: 0;
padding: 0;
}
.cases_title p {
 width: 80%;
margin: 0 auto;
font-size: 16px;
color: #585858;
line-height: 30px;
text-align: center;
}
/* 滚动图片 */

.jcarousel_main a.bx-prev,.jcarousel_main a.bx-next{position:absolute;top:100px;display:block;width:77px;height:77px;z-index:999;}
.jcarousel_main a.bx-prev{left: -40px;background:url(../images/bra_lf_btn.jpg) no-repeat center center;}
.jcarousel_main a.bx-prev:hover{background:url(../images/bra_lf_btn_hover.png) no-repeat center center;}
.jcarousel_main a.bx-next{right:-40px;background:url(../images/bra_rt_btn.jpg) no-repeat center center}
.jcarousel_main a.bx-next:hover{background:url(../images/bra_rt_btn_hover.png) no-repeat center center;}	
.bx-wrapper{width:100%}
.case-item a{ color:#181818}
.case-item {margin-right: 15px;
margin-left: 15px;}
/*产品展示*/
.pro_itemall{	background: #ffffff;border:1px solid #e2e2e2;margin-bottom: 20px;margin-top: 10px;}
.pro_itemall .fenlei_left span{font-size: 16px;
color: #333333;
display: inline-block;
padding: 5px 30px 5px 5px;
background: url(images/fenlei.png) no-repeat right center;
font-weight: bold;}
.pro_itemall .fenlei_left{display: table-cell;
width: 20%;
background: #f5f5f5;
height: 100%;
position: relative;
text-align: center;
vertical-align: middle;
cursor: pointer;border-bottom: 1px solid #ffffff;}
.fenlei_right{display: table-cell;
padding: 0;
width: 80%;
box-sizing: border-box;
transition: all .5s ease;
padding: 0 2px 0 2px;
position: relative;border-bottom: 1px solid #f5f5f5;color: #ababab;
opacity: 1;}
.pro_listbox{
	 background-color: #fff;
    margin-bottom: 20px;
	display: block;
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
	border: 1px solid #e2e2e2;
	position:relative;
}
.pro_listbox p {
    font-size: 15px;
    background-color: #e8e8e8;
    line-height: 30px;
	padding:1px; width:99.5%;
	position:relative;
	z-index:999;
}

.pro_img{position: relative;width:100%;height:216px; overflow:hidden}
.pro_img img {
    width: auto;
    height: auto;
    max-height: 96%;
    max-width: 96%;
    padding-top: 3%;
    margin: 0 auto;
}
.pr_bg{
	display:none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: .68;
    filter: alpha(opacity=.68);
}
.pro_listbox:hover .pr_bg{display:block;}
.pro_listbox .bg-text {
	position: absolute;
	padding:10%;
	bottom:0;
	left:0;
    text-align: center;
    transition: initial;
	color:#fff;
	z-index:9999;
}
.pro_listbox:hover .pro_mask{ opacity:1}
.pro_listbox:hover .pro_name{background: #0072bc; z-index:999}
.pro_listbox:hover .pro_name a{color: #fff}
.title{ text-align:center;color: #393a45;}
.title h2 {

    font-size: 40px;
    font-weight: normal;

}

.title h1 {
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
	font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
font-size: 35px;
color: #0072bc;
font-weight: bold;
line-height: 40px;
}
.title h4 {

    font-weight: normal;
   font-size: 16px;
color: #333333;

}

.title .n {
    font-size: 30px;
    font-weight: normal;
    color: #333;
    position: relative;
    margin-bottom: 10px;
	text-align: center;
	font-weight: normal;
	background: url(images/title_bg.jpg) no-repeat center bottom;
    height: 62px;
   text-align: center;
   margin-bottom: 10px;
	
}
.title .n strong{
    font-size: 30px;
    font-weight: normal;
    color: #0072bc;
    position: relative;
    margin-bottom: 10px;
	text-align: center;
	font-weight:700
}

.title .text {
    font-size: 14px;
    font-style: normal;
    color: #8d8d8d;
	text-align:center;
	padding:0;
	padding-bottom:10px;
}
.products_main{
	padding-top:10px;
    padding-bottom: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	}
.products_center::after , .products_center li::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}
.products_center{
    margin: 0 0 10px;
	padding-top:20px;
}
.products_left{
	position: relative;
    width: 100%;
}
.products_slide .products_box h3 {
    font-size: 30px;
    line-height: 84px;
    text-align: center;
    overflow: hidden;
    background: #0072bc url(images/line.png) center center no-repeat;
	color: #fff;
	width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.pro_head a{ background:#0072bc; padding-left:20px; padding-right:20px; color:#ffffff}

.pro_img img {
    display: block;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all .5s;
    max-width: 100%;
    width: 100%;
    height: auto;}
.products_box{
	width: 100%;
    color: #fff;
	}
.pro_listbox  .pro_mask{
    position: absolute;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: rgba(0,114,188,.7);
    opacity: 0;
    transition: all .5s ease;
    padding:45% 25%;
	z-index:998;
}
.pro_listbox:hover{border: 1px solid #0072bc}

.pro_listbox .pro_mask em {
    display: block;
    width: 128px;
    height: 38px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
	font-weight:normal;
	font-style:normal;
}
.pro_itemall ul {
    padding: 10px 15px;
	max-height: 595px;
    overflow: hidden;
	position: relative;
}

.pro_itemall ul li {
	width:auto;
	 float:left;
    font-size: 14px;
    background-color: #fff;
    margin-bottom: 1px;
    position: relative;
	margin-bottom: 8px;
	margin-right: 10px;
}
.pro_itemall ul li:hover{ color:#0072bc}
.pro_itemall ul li  a {
    color: #333;
    display: block;
    padding: 0 5px 0 18px;
    line-height: 32px;
}
.pro_itemall ul li i{ 
    float:right;
    color: #0072bc;
    line-height: 32px;
	margin-left: 5px
}
.pro_itemall ul li  a:hover {
color:#0072bc
}

.products_right{
	float: right;
    width: 100%;
}
.products_content{
	text-align: center;
    padding:0px;
}
.pro_list{
    float: left;
    margin-right: 1.8%;
    width: 18%;
    transition: .2s width ease;
	text-align: center;
	position:relative;

}
.pro_list:hover .pro_img{height:216px; top:0; position:relative}
.pro_list:hover .pro_img img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.pro_list:hover .mask{opacity: 1}
h3.pro_head{font-size: 30px;
line-height: 84px;
text-align: center;
overflow: hidden;
background: #0256ac url(../images/line.png) center center no-repeat;
color: #fff;
width: 100%;
margin: 0 auto;
border-bottom: 1px solid rgba(255,255,255,0.1);}
.pro_head a {
    background: #0256ac;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffffff;
}
.pro_itemall{	background: #ffffff;border:1px solid #e2e2e2;margin-bottom: 20px;}
.pro_itemall .fenlei_left span{font-size: 16px;
color: #333333;
display: inline-block;
padding: 5px 30px 5px 5px;
background: url(images/fenlei.png) no-repeat right center;
font-weight: bold;}
.pro_itemall .fenlei_left{display: table-cell;
width: 20%;
background: #f5f5f5;
height: 100%;
position: relative;
text-align: center;
vertical-align: middle;
cursor: pointer;border-bottom: 1px solid #ffffff;}
.fenlei_right{display: table-cell;
padding: 0;
width: 80%;
box-sizing: border-box;
transition: all .5s ease;
padding: 0 2px 0 2px;
position: relative;border-bottom: 1px solid #f5f5f5;color: #ababab;
opacity: 1;}
.pro_listbox{
	 background-color: #fff;
    margin-bottom: 20px;
	display: block;
    text-align: center;
    margin-bottom: 15px;
    width: 100%;
	border: 1px solid #e2e2e2;
	position:relative;
}
.pro_listbox p {
    font-size: 15px;
    background-color: #e8e8e8;
    line-height: 30px;
	padding:1px; width:99.5%;
	position:relative;
	z-index:999;
}

.pro_img{position: relative;width:100%;height:216px; overflow:hidden}
.pro_img img {
    width: auto;
    height: auto;
    max-height: 96%;
    max-width: 96%;
    padding-top: 3%;
    margin: 0 auto;
}
.pr_bg{
	display:none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: .68;
    filter: alpha(opacity=.68);
}
.pro_listbox:hover .pr_bg{display:block;}
.pro_listbox .bg-text {
	position: absolute;
	padding:10%;
	bottom:0;
	left:0;
    text-align: center;
    transition: initial;
	color:#fff;
	z-index:9999;
}
.pro_listbox:hover .pro_mask{ opacity:1}
.pro_listbox:hover .pro_name{background: #0072bc; z-index:999}
.pro_listbox:hover .pro_name a{color: #fff}

/*news*/
.news{
	padding-top:2%;
}
.news_title {
    padding-top: 15px;
    padding-bottom: 15px;
}
.news_title h3{ font-size: 45px;}
.news_title a{font-size:20px;
color: #333333;
font-weight: bold; line-height:55px}
.news_content{margin:0 auto;width:88%; margin:0 auto}
.news1{width:50%; float:left; margin-right:5%}
.news2{width:45%; float:left;}
.news_title{ width:100%; margin:0 auto}
.news_0606 div.fr ul li .a1 img {
    height: 100%;
    width: 100%;
    margin: 0 -100%;
}

.news_left{width:62%; float:left; margin-right:3%}
.news_tt_content{ font-size:16px; color:#585858; line-height:45px;}
.learnmore{ float:right; margin-top:0; font-weight:normal}
.news_list{width:100%; background:#ffffff; padding-top:20px; padding-bottom:3%;}
.news_right{width:35%; float:left}
.news_content ul li{ line-height:35px;
width:100%;
padding: 0;
    padding-bottom: 0px;
padding-bottom: 0px;
float: left;
padding:0.5% 2% ;
padding-left:0;
}
.news_content ul li a{ color:#484848; font-size:16px; letter-spacing:0}
.news_content ul li a:hover{color: #0256ac;}
.news_content ul li .right{ float:right; width:auto; color:#323232; font-size:14px}
.news_more{ margin-top:10px;}
.news_more a{ border:1px solid #ccc; padding:10px 25px}
.news_more a{ background:#0256ac; color:#ffffff; cursor:pointer}
.line_news{ background:#0256ac; height:2px;width:120px; float:left}
.item_title{ float:left; border-bottom:2px solid #0256ac;}
.news_list  .news_left dt h3{ margin-top:5px; margin-bottom:5px}
.news_list  .news_left dt h3 a{font-size: 18px;color: #000;}
.news_list .news_left  dd .thumb{ 
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fff;
    overflow: hidden; max-height:260px}
.news_list  .news_left dd .thumb img{height: 100%;
width: 100%;
margin: 0 -100%;}
.news_list .news_left dd .news_txt{
width: 100%;
padding: 10px 15px;
box-sizing: border-box;}
.news_list  .news_left dd h3{
    font-size: 17.5px;
    color: #323232;
    line-height: 45px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.news_list .news_left dd .desc{font-size: 14px;
color: #686868;
line-height: 26px;
-webkit-transition: all .5s;
transition: all .5s;}
.news_list .news_left dl{border-left: 1px solid #e0e0e0;width: 33.33%;
padding: 0;
    padding-bottom: 0px;
float: left;
border-right: 1px solid #e0e0e0; margin-left:-1px}
.news_list .news_left dl dd{margin-bottom: 20px;
padding: 0 3%;}
.news_list .news_left .dtl .desc {
    font-size: 14px;
    color: #484848;
    line-height: 22px;
}
.news_list  .news_left dd a {
    display: block;
    height: 100%;
}
.news_list  .news_left dl:hover {
        background: #0256ac; }
.news_list .news_left  dl:hover .thumb {
          color: #fff; }
.news_list .news_left  dl:hover .news_txt h3{
          color: #fff; }
.news_list .news_left dl:hover .news_txt .desc{
          color: #fff; }
.case_title  .news_left .item_title{font-size: 30px;
color: #080808;
text-align: center;
line-height: 50px;margin-top:2%}
.case_title { margin-bottom:2%}
.ifocus .mF_classicHC .txt li{background:#dedede}
.ifocus .mF_classicHC .txt li a{ line-height:26px;}
.case_content{ font-size:15px; line-height:28px; padding-bottom:15px}
.case_shuo{ background:#0256ac; padding:20px; color:#fff; line-height:26px; font-size:14px;}
.news_right dl{ margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.news_right .news_tt_title a{font-size: 17.5px;
color: #323232;
line-height: 45px;}

/*footer*/
.footer{box-shadow: 0 2px 6px #999;
margin: 0 auto;
padding: 0px;
width: 100%;
background: #fff;}
.foot_left{float: left;

margin: 30px 0 0; margin-left:1%}
.foot {
    width: 100%;
    height: auto;
    color: #333;
    text-align: left;
    overflow-x: hidden;
	padding-bottom:2em;
	padding-top:1em;
}
.foot{padding: 30px 0;background: #0256ac;}
.footlit{

    display: block;
    width: 0px;
    height: 250px;
    background: #aaa;
    float: left;
    margin: 0 4% 0;

}
.foot_box {
margin-right: auto;
margin-left: auto;
}
.foot_box dl {
width: auto;
float: left;
padding: 0 1.5%;
}
.foot_box dl img{width:158px;height:158px;}
.bottom_tel{ color:#fff; font-size:45px; line-height:45px; font-family:impact}
.bottom_email{ font-size: 18px;line-height: 32px;color:#ffffff}
.bottom_address{ font-size: 16px;line-height: 32px;color:#ffffff}
.bottom_contact a{font-size: 18px;
color: #e8e8e8;
line-height: 52px;}
.weixin{display: inline-block;
    text-align: center;
	float:left;
	margin-right:1%;
}
.weixin span{display: block;
font-size: 14px;
color: #d8d8d8;
line-height: 32px;
height: 32px;
overflow: hidden;
margin-bottom: 22px;}
.foot_box {width:88%; margin:0 auto}
.foot_box dl dd {
    padding-top: 11px;
}
.foot_box dl dd a {
	text-align:left;
    display: block;
    width: auto;
    font-size: 16px;
    color: #eeeeee;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
}
.foot_qr_codes {
    float: left;
    width:auto;
    text-align: center; padding-left:2%;
}
.foot_qr_codes {
    padding-top: 0px;
	width: 38%;
}
.foot_qr_codes span {
    display: block;
    font-size: 16px;
    color: #d8d8d8;
    line-height: 52px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 12px;
}
.foot_box dl dt a {
    font-size: 18px;
    color: #e8e8e8;
    line-height: 52px;
}
.copyright {
    font-size: 12px;
    overflow: hidden; 
line-height: 58px;
background: #1c1c1c;
text-align: center;
margin: 0 auto;
padding: 0px;
color:#fff;
}
.copyright a{font-size: 12px;
color: #fff;}
.copyright_center {
    margin: 0 auto;
}
.copyright span {
    display: inline-block;
    padding-right: 20px;
    color: #e8e8e8;
}
.copyright span img{ margin-top:22px}
.copyright_right{width:30%; float:right; text-align:right;color: #999; line-height:40px}
.copyright_right a{ color: #e8e8e8;text-decoration:none}
.copyright_left{width:800px; float:left}

/*left*/
.left{font-size: 16px;}
.lefta{width:23%; float:left; margin-right:2%}
.righta{width:75%; float:left}
.topmenu{ padding-top:1%}
.topmenu li{width: auto;
padding-left: 3.1%;
padding-right: 3%;
display: inline-block;
line-height: 60px;
width: auto;
position: static;
height: 100%;
background: #efeeed;
margin-bottom: 10px;
margin-left: 0.9%;}
.right{width:100%}
.topmenu{position: static;}
.topmenu::before, .topmenu::after {
    display: table;
    content: "";
    line-height: 0px;
}
#catalog {

    position: relative ;

}
.topmenu li.on{color: #0256ac;}
.topmenu li:hover {color: #0256ac; }
.topmenu li:hover .left {
    line-height: 58px;}
.topmenu li:hover{color: #ffffff; background:#0256ac}
.topmenu li a:hover{color: #ffffff; display:block}
.topmenu li.on{color: #ffffff; background:#0256ac}
.topmenu li a.on{color: #ffffff;}
.topmenu li:hover .topmenu a{color: #0256ac;}
.topmenu li a{ color:#181818; line-height:38px; display:block}
#content{ font-size:16px; line-height:30px;}
#content .item_title {
    font-size: 32px;
    color: #080808;
    text-align: center;
    line-height: 50px;
border-bottom: 3px solid #0256ac;
margin:0 auto;float:none; }
.part_title{ text-align:center; float:none}
.part_title{ padding-top:1%; margin-bottom:2%}
/* 图文列表 */
.list-img-text,
.list-img-text-l{overflow: hidden;}
.list-img-text li{position: relative;float: left;width: 285px;height: 280px;margin: 0 20px 50px 0;overflow: hidden;}
.list-img-text li:before{position: absolute;top: 0;left: 0;content: "";width: 283px;height: 156px;overflow: hidden;border: 1px solid transparent;}
.list-img-text li img{display: block;width: 100%;height: 158px;-webkit-transition: all 3s;transition: all 3s;}
.list-img-text li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-img-text li .bottom{position: relative;height: 122px;background: #e6e6e6;}
.list-img-text li em{display: block;width: 16px;margin: 0 auto;padding-top: 20px;border-bottom: 1px solid #0256ac;}
.list-img-text li span{display: block;height: 20px;line-height: 20px;margin: 18px 20px 0;overflow: hidden;font-size: 14px;text-align: center;white-space: nowrap;text-overflow: ellipsis;}
.list-img-text li a{display: block;width: 74px;line-height: 24px;margin: 24px auto 0;background: #0256ac;border: 1px solid #0256ac;border-radius: 15px;font-size: 14px;color: #fff;text-align: center;letter-spacing: 1px;}
.list-img-text li:hover:before{border-color: #1948ab;}
.list-img-text li:hover .bottom{background: #0256ac;}
.list-img-text li:hover em{border-color: #fff;}
.list-img-text li:hover span{color: #fff;}
.list-img-text li:hover a{background: none;border-color: #fff;}

.list-img-text-l dd a{float: left;width: 260px;height: 308px; background:#fff; text-align:center;margin: 0 10px 10px 0; overflow: hidden;border: 1px solid #efefef;color: inherit; position:relative}
.list-img-text-l dd a img{display: block;width: auto;max-height: 255px;-webkit-transition: all 3s;transition: all 3s;padding:2%; margin:0 auto;}
.list-img-text-l dd a img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-img-text-l dd a .info{position: absolute;height: 55px; line-height:55px; font-size:14px; bottom:0;background: #0256ac; color:#fff;font-size: 14px; text-align:center;width: 100%;}
.list-img-text-l dd a .info span{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px;}
.list-img-text-l dd a .info em{display: block;line-height: 20px;margin-top: 8px;}
.list-img-text-l dd a .info em:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 6px;vertical-align: middle;background-position: -215px -16px;}
.list-img-text-l dd a:hover{border-color: #0256ac;}
.list-img-text-l dd a:hover .info{background: #0256ac;}
.list-img-text-l dd a:hover .info span,
.list-img-text-l dd a:hover .info em{color: #fff;}
.list-img-text-l dd a:hover .info em:before{background-position: -267px -16px;}
.list-img-text-l dt{ padding-bottom:10px; text-align:center}
.list-img-text-l dt a{ color:#333333}
.list-img-text-l dt a:hover{ color:#0256ac}
.es-grouped{bottom: -60px;}
.es-grouped a{width: 8px;height: 8px;margin: 0 4px;background-position: -21px -21px;cursor: pointer;}
.es-grouped a.active{background-position: -73px -21px;}
.contact_us img{width: auto;}
.about_us{width:100%;}
.part1_title .item_title{ margin-bottom:2%}
.part1_content{ padding-right:1%; line-height:45px;}
.part1_content img{ float:left; margin-right:2%;width:35%}
.part1_content h3{ line-height:40px; font-size:28px; color:#383838}
.learn_more{ color:#0256ac}
.part1{ margin-bottom:2%;}
.part2{ background:#f0f0f0; padding-top:1%; padding-bottom:2%}
.part2 embed{ max-width:100%}
.part_center{width:88%; margin:0 auto}
.part3{ background:url(../images/wh_bg.jpg) no-repeat left center; padding-top:1%; padding-bottom:8%;}
.part3_left{width:100%; float:left; margin-right:2%}
.part3_right{width:48%; float:left;}
.part3_right img{ max-width:100%; margin-bottom:2%}
.part3_left h3{ font-size:24px; color:#222222}
.part3_left p{ font-size:16px; color:#080808}
.part3_title {
    padding-top: 1%;
    margin-bottom: 3%;

}
.part4_center{ text-align:center}
.part5{background: #f0f0f0;
padding-top: 1%;
padding-bottom: 2%;}
.about{ padding-top: 45%;}
.floatright{ float:right;
margin-top: 3%;
margin-bottom: 3%;}
/*partner*/
.partner{ padding-top:2%;background: #0256ac url(../images/partner_bg.jpg) no-repeat left center; color:#ffffff; padding-bottom:1%}
.partner_title h3{ color:#ffffff;font-size: 45px;}
.partner_title p{color:#ffffff}
.scroll10 li a{color:#ffffff}
.partner_list{    width: 88%;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 2%;
}
/* 滚动图片 */
.scroll10{ width:100%;position:relative; margin:0 auto; padding-top:10px; margin:0}
.scroll10 ul{ overflow:hidden;}
.scroll10 li {width:230px;text-align:center; }
.scroll10 li a{ font-size:14px;color: #fff;}
.scroll10 li h5 {width:220px;}
.scroll10 img {height:100px;width:210px;border: 1px solid #eaeaea;}
.scroll10 img:hover{border: 2px solid #0060af;}
.scroll10 li span {color:#156811;}
.scroll10 a.bx-prev,.scroll10 a.bx-next{position:absolute;top:60px;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;}
/*news*/
.news_lists dl{ margin-bottom:2%}
.news_lists dl .thumb{width:25%; float:left; margin-right:2%}
.news_lists dl .thumb img{width:100%;height:160px;}
.news_lists dt h3 a{ color:#080808; font-size:22px;}
.news_centerlist{ margin-top:2.5%; border-top:1px solid #ddd; padding-top:1%}
.news_text{ margin-top:2%; border-bottom:1px dashed #e0e0e0; padding-bottom:1%}
.news_text p{ color:#585858; line-height:45px;}
.news_text p a{color: #000000;}
.news_text p a:hover{ color:#0256ac}
.news_text span.date{ float:right; font-size:14px;}
.news_text h5 a{color:#080808; font-size:18px; font-weight:600}
.pages{ float:right; padding-top:10px;}
.pages a{ color:#080808}
.pages strong{ color:#c50000}
.view_n{ text-align:right; float:right;}
.wz_title h3{ color:#080808; font-size:22px; text-align:center }
.wz_title { padding-top:2%; padding-bottom:1%}
.contentinfo{ text-align:center; color:#999; margin-bottom:3%; font-size:15px}
/*product*/
.productul.pr_item{ margin-top:2%; margin-bottom:2%}
.productul.pr_item li{width:31%; float:left;padding: 1px;
box-shadow: 0 0 10px #c5c7cc; margin-right:1%; margin-left:1% ;margin-bottom:2%; position:relative; overflow:hidden}
.productul.pr_item li .pic img{ width:100%; max-height:250px;}
.pic_info {
    padding: 15px 20px 20px;
    position: relative;
	background:#f0f0f0;
}
.pic_info H3{ padding:0; margin:0; text-align:center; color:#080808; font-size:18px;}
.pic_info a {
    color: #4A4A4A;
    text-align: center;
    font-size: 15px;
}
.productul li:hover .pic_hover {
    bottom: 0;
}
.productul li .pic_hover dt{ text-align:center}
.productul li .pic_hover dt a{ line-height:45px; color:#fff;font-size: 18px;
    font-weight: normal;
}
.pic_hover {
    padding: 35px 20px 18px;
    position: absolute;
    background: #0256ac;
    color: #fff;
    bottom: -100%;
    left: 0;
    right: 0;
    z-index: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;

}
.productul li{width:22.8%; margin-left:1%; margin-right:1%; margin-bottom:2%; border:1px solid #ddd; float:left;height:auto; background:#f0f0f0}
.pr_contentlist{margin-top: 2%;margin-bottom: 2%;}
.show_pr .picbox img{max-width:100%;width:auto;height:210px; margin:0 auto}
.show_pr .img-wrap a{ display:block;width:100%; text-align:center; background:#ffffff}
.show_pr .img-wrap_main p{ line-height:45px; height:45px; overflow:hidden; font-size:14px; color:#080808; text-align:center}
.show_pr .img-wrap_main p a{line-height:45px;font-size:14px; color:#080808; text-align:center}
.topmenu .submenu{width: 100%;
background: #023459;
position: absolute;
left: 0;
top: 62px;
transition: 650ms;
box-sizing: border-box;}
.topmenu .submenu li{float: left;
margin-right: 3px;
height: 28px;
line-height:28px;
margin-top: 5px; padding:0}
.topmenu .submenu li a{display: inline-block;
padding: 2px 11px 0px;
line-height: normal;
font-size: 14px;
position: relative;
overflow: hidden;
height: 26px; color:#fff}
.submenu i{width: 12px;
height: 6px;
background: url(../images/top.png) center no-repeat;
position: absolute;
left: 50%;
margin-left: -6px;
bottom: -24px;
z-index: 5;
transition: 650ms; display:none}
.ifocus{ max-width:100%; overflow:hidden}
.mF_YSlider-myFocus{ max-width:100%; margin:0 auto}
.newsul{ margin-bottom:2%;margin-top:4%}
.product_pr3list{ padding-top:2%}
.pr3_title{width:100%; margin-bottom:1%; border-bottom:1px solid #ddd}
.pr3_title a{width:auto; padding-left:2%; padding-right:2%; padding-top:5px; padding-bottom:5px; background:#0256ac; color:#fff}
.year_list{ margin-bottom:3%}
.year_list .date{ float:right; font-size:14px; color:#585858}
.pr3_title a.more{ float:right; padding:0; background:none; color:#0256ac; font-size:14px;}
.year_list .pr_name{ background:url(../images/contact_right.png) no-repeat left center; padding-left:20px; border-bottom:1px dashed #e0e0e0}
.year_list .pr_name a{ font-size:15px;}
#page a:active{ color:#0256ac} 
#page a:hover{ color:#0256ac} 
#page a:link{ color:#0256ac} 
#page a:visited{color:#080808}
.pr_item .pic_info h3{ font-size:15px; font-weight:600}
.title20{ padding-top:15px; padding-bottom:15px;}
.mianbao{ width:auto; float:right;background:url(../images/titleimg.png) no-repeat left center; padding-left:25px;}
.mianbao a{ font-size:14px; color:#282828; line-height:30px; }
/*产品详细页 -产品展示*/
/**/
.contact-card{ background:#f2f2f2; padding:1%; margin-top:1%}
.contact-card li{ color:#a0a0a0}
.product_list li{ width:29%; float:left; border-right:1px solid #ddd;padding: 0 2% 0; margin-bottom:3%; text-align:center; min-height:350px}
.product_list img{width:100%; margin:0 auto;transition-duration: 1s;
-ms-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;}
.product_list img:hover{-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -moz-transform 0.8s;
-o-transition: -o-transform 0.8s;
transition: transform 0.8s;
-webkit-transform: scale(1.3,1.3);
　　-moz-transform: scale(1.3,1.3);
　　-transform: scale(1.3,1.3);
　　z-index: 9999;}
.product_list dl .pr_logo:hover .product_list img{-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -moz-transform 0.8s;
-o-transition: -o-transform 0.8s;
transition: transform 0.8s;
-webkit-transform: scale(1.3,1.3);
　　-moz-transform: scale(1.3,1.3);
　　-transform: scale(1.3,1.3);
　　z-index: 9999;}
.product_list .list_cp_info_1{ color:#0c459b; font-weight:600; font-size:15px}
.product_list .descript{ font-size:13px}
.zi_list{ width:100%}
.product_h1{font-size:1.6em;   padding:1% 0 2% 1%;line-height:182%; background:#f2f2f2; margin-top:10px}
.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;}

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

.product_img {width:100%; float:left; overflow:hidden;text-align:center; padding-top:0px;}
.product_img .bd{position:relative;width:510px;min-height:300px;overflow:hidden; margin-bottom:5px;text-align:center;max-width: 100%;
}
.product_img .showDiv {position:relative;width:510px;height:500px; overflow:hidden;max-width: 100%;
height: auto;}
.product_img .showDiv a{ display:block;max-height:100%}
.product_img .showDiv img {width:auto;max-width:510px;
 width:expression(document.body.clientWidth>510?"510px":"auto");
 max-height:300px;
height:expression(document.body.clientHeight>300?"300px":"auto");
margin:0 auto;
 }
.bd{ margin:0 auto}
.product_img{ text-align:center}
.product_img .hd ul a:hover img, .product_img .hd ul .on img{border-color:#E93B09;}

.pr_name{
    font-size: 36px;
    color: #404040;
    border-bottom: #727272 3px solid;
    line-height: 50px;
    font-weight: normal;
    margin: 0;
}
#pro_baseinfo{ padding-top:5%}
#pro_baseinfo strong{font-size: 18px; font-weight:normal}
#pro_baseinfo li img{ vertical-align:middle}
.pr_name b{ font-size:16px;}
.pr_content_nei{font-size:16px;background-color: #ffffff;padding: 10px 15px;margin-top: 15px; color:#858585}
.pr_content b{font-size:16px}
.contact_list{font-size:16px; padding-top:10px; padding-bottom:10px}
.map_main{ border:1px solid #ddd}
.PicAuto{ height: -moz-calc(width);
    height: -webkit-calc(width);
   height: calc(width);)}
.show_pr{ height: -moz-calc(width);
    height: -webkit-calc(width);
   height: calc(width);)}
.line {
    height: 10px;
    overflow: hidden;
    background: url(images/line_bg.jpg) repeat-x left top;
	display:none;
}

.pr_nei_center .fadeInRight {

    width: 55%;
    float: right;

}
.pr_nei_center .fadeInLeft {

    float: left;
    width: 36%;
    margin-right: 5%;

}
.Descript h5 strong {

    background-color: #0256ac;
    padding: 10px 45px;
    line-height: 40px;
    position: relative;
	color:#fff;

}
.Descript h5{ border-bottom:1px solid #ddd}
.foot_mp{color: #ffffff; background:#0256ac; display:none}
.foot_mp b{ font-size:14px;}
.year_list .pr_name a{ color:#404040}
.blank30{height:30px}
.box2{width:88%; margin:0 auto}
.lefta .topmenu{ background:#f3f3f3}
.lefta ul li{width:100%}
.lefta ul li:hover {
    color: #0256ac;
    border-bottom:none;
	 background:#dfdfdf;
}
.lefta ul li:hover .lefta ul li a{color: #0256ac;}
.lefta ul li a:hover{color: #0256ac;}
.lefta ul li a{ font-size:18px; display:block}
.blank20{height:20px;}

.lefta .topmenu {
    padding-left: 0;}
	
.righta .mianbao {
    width: auto;
    float: right;
    padding-left: 25px;
}
.lanmu{ font-size:22px; border-left:3px solid #0256ac; padding-left:20px; padding-right:20px;}
.righta .news_centerlist { border-top: 3px solid #ddd;}
.news_text .img-wrap{padding: 0;
margin: 0;
    margin-right: 0px;
margin-right: 10px;
width: 200px;
height: 113px;
float:left;
overflow: hidden;}
.news_text .img-wrap img{max-width:100%}
.leftatitle{ padding-top:5%;border-bottom: 3px solid #ddd; line-height:50px;}
.leftatitle a{font-size: 22px;
border-left: 3px solid #0256ac;
padding-left: 20px;
padding-right: 20px;}
.leftcontact_list{ line-height:25px; font-size:15px; padding-top:15px; padding-bottom:15px;}
.weixin{ background:#f3f3f3; text-align:center; width:100%; padding-top:15px; padding-bottom:15px;}
#dituContent {
    min-height: 300px;
}
.pr_title{ background:url(../images/pr_title_bg.jpg) repeat-x center center; text-align:center}
.pr_title a{ background:#fff; padding-left:20px; padding-right:20px; width:auto; line-height:100px; font-size:30px; color:#181818; font-weight: normal;}
#content.contact_us img{ max-width:auto}
.contact_us{width:88%; margin:0 auto}
.contact_us_left{width:30%; margin-right:2%; float:left}
.contact_us_left img{ max-width:100%}
.contact_us_center{width:41%; float:left; padding-top:2%; font-size:23px; line-height:45px;}
.contact_us_right{width:25%; margin-left:2%; float:left; padding-top:2%}
.xuqiu_list{ padding-top:2%; padding-bottom:2%;font-size:16px;}
.xuqiu_list a{ color:#ffffff}
.kuaitong_item{width: 88%;
margin: 0 auto;
    margin-top: 0px;
margin-top: 2%;}
.kuaitong_item .link_title{font-size: 26px;
color: #323232;
text-align: left;
margin: 0;
padding: 0;
color: #333333;
font-weight: bold;}
.links_content a{ line-height:35px; color:#282828; font-size:14px; padding-left:5px; padding-right:5px; }
.links_content{padding-top:1%; padding-bottom:1%}