body {min-width:1280px;}
.p_left { width:50%; float:left; overflow:hidden}
.p_right { width:50%; float:left; overflow:hidden}
.index_p .dh_img li { float:left; width:50%;overflow: hidden; position:relative;}
.index_p img { width:100%;-webkit-transition: all ease .8s;transition: all ease .8s;}
.index_p a:hover img {-webkit-transform: scale(1.07);transform: scale(1.07);}
ul,ol{list-style:none;}


.clear { clear:both; height:0; overflow: hidden;}
.box {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}
.b_yq { height:462px;}
.b_dmkhs { height:594px;}
.b_jkkt{ height:27px;}
.b_prod{ height:579px;}
.b_about { height:1px;}

.inbpic {
    width: 1400px;
    height: 462px;
    position: absolute;
    left: 50%;
    margin-left: -700px;
}

.yq_bg { background: url(yq_bg.jpg) repeat-y top center;}
.dmkhs_bg {background: url(dmkhs_bg.jpg) repeat-y top center;}
.jktk_bg {background: url(jkkt_bg.jpg) repeat-y top center;}
.prod_bg {background: url(prod_bg.jpg) no-repeat top center;}
.about_bg{ height:508px;background: url(about_bg.jpg) no-repeat top center; padding-top:90px;}
.linian_bg { height:599px;background: url(linian_bg.jpg) no-repeat top center;padding-top:0 }



.box .info {
}
.info .bd {
    padding: 40px 70px 100px;
    font-size: 17px;
    line-height: 35px;color:#818181
}
.info .bd p {
    margin-bottom: 36px;
}


.dmkhs .bd h3 { margin-bottom:30px;}
.dmkhs dl { border-bottom:1px dashed #CCCCCC; padding-bottom:30px; margin-bottom:30px; overflow:hidden;}
.dmkhs dl dt { float:left; width:328px;}
.dmkhs dl dd { float: right; width:420px;}

.dmkhs .list_2 dt { float:right}
.dmkhs .list_2 dd { float:left}
.dmkhs .noline{ border-bottom:0;}
.dmkhs .bd { padding-bottom:0;}

.sidebar { width:220px; float:left}
.sidebar li { width:100%; float:left;margin-bottom:6px;color:#ff8232; font-size:16px;}
.sidebar li a { float:right;width:160px; display:block; padding-left:35px;height:50px; line-height:50px;  color:#ff8232; background-color: #FFF; border-radius:10px 0px 0px 10px; transition:width linear 0.3s;}
.sidebar li a:hover,.sidebar li .hover { width:185px; background-color:#ff8232; color:#FFF;}

.jkkt_cont { width:550px; padding:0px 94px;float:left; font-size:14px;line-height: 30px;color:#818181; overflow:hidden;}
	.jkkt_title { height:50px; line-height:48px; font-size:36px;background: url(title_bg.jpg) repeat-x  left center; text-align:center; margin:20px 0;}
	.jkkt_title span { display:inline-block; background-color:#FFF; color:#40b4fb; padding:0 15px;}
.jkkt_cont  p { margin-bottom:30px;}
.jkkt_cont h3 { font-size:18px; color:#fe8232}

.prod_bg { padding-top:80px;}
.prod_bg .in_cont { width:975px;}
.prod dl { margin-bottom:120px; overflow:hidden;}
.prod dd { width:520px; background: url(ptext_bg.png) repeat; padding:40px; float:right; margin-top:15px; font-size:14px; color:#818181; line-height:23px;}
.prod dt { float:left;}
.prod dd h3 {color:#ff8232; font-size:18px; margin-bottom:20px;}
.prod dd p { margin-bottom:20px;}

.prod .rongdou dd{padding:20px 40px;}
.prod .rongdou h3 {color:#654498; font-size:18px; margin-bottom:15px;}
.pinzhi { text-align:center; padding-bottom:50px;}

.wenhua {width:100%; height:598px; background: url(wenhua_bg.jpg) no-repeat top center;}
.about_bg .in_cont { width:823px;}
.about dd { width:420px; padding:32px; margin-top:0; background:#ebebeb; font-size:15px; line-height:22px;}
.about dd h3 {  margin-bottom:25px;}

.linian .bd { padding-top:45px;}
.linian .bd h3 { margin-bottom:45px;}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        -ms-transform: none
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        -ms-transform: none
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        -ms-transform: none
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        -ms-transform: none
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
        -ms-transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate2 {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        -ms-transform: none
    }

    to {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -ms-transform: rotate(-360deg)
    }
}

@-o-keyframes rotate2 {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        -ms-transform: none
    }

    to {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -ms-transform: rotate(-360deg)
    }
}

@-moz-keyframes rotate2 {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        -ms-transform: none
    }

    to {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -ms-transform: rotate(-360deg)
    }
}

@keyframes rotate2 {
    from {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        -ms-transform: none
    }

    to {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
        -ms-transform: rotate(-360deg)
    }
}

.rotate {
    -webkit-animation: rotate 6s linear 1 both;
    -o-animation: rotate 6s linear 1 both;
    animation: rotate 6s linear 1 both
}

.rotate2 {
    -webkit-animation: rotate2 5s linear 1 both;
    -o-animation: rotate2 5s linear 1 both;
    animation: rotate2 5s linear 1 both
}

.width {
    -webkit-animation: width 1s linear 1 both;
    -o-animation: width 1s linear 1 both;
    animation: width 1s linear 1 both
}

.mod-layout {
    margin: 0 auto;
    width: 950px
}

.mod-layout:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: "";
    font-size: 0;
    -webkit-animation: name duration timing-function delay iteration-count direction fill-mode;
    -o-animation: name duration timing-function delay iteration-count direction fill-mode;
    animation: name duration timing-function delay iteration-count direction fill-mode
}

.mod-layout {
    zoom:1}

.mod-layout2 {
    margin: 0 auto;
    width: 960px
}

.mod-layout2:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: "";
    font-size: 0
}

.mod-layout2 {
    zoom:1}

.mod-dialog-brand {
    position: absolute;
    top: -400px;
    left: 50%;
    z-index: 999;
    margin-left: -350px;
    width: 700px;
    border-radius: 3px
}

.mod-dialog-brand .pic-txt {
    overflow: hidden;
    border-radius: 5px;
    background: #fff
}

.mod-dialog-brand .pic {
    float: left;
    margin-right: 65px
}

.mod-dialog-brand .txt {
    position: relative;
    overflow: hidden;
    padding-top: 70px;
    zoom:1}

.mod-dialog-brand h3 {
    margin-top: 12px;
    font-size: 18px
}

.mod-dialog-brand .summary {
    overflow: hidden;
    margin-top: 22px;
    margin-right: 85px;
    padding-right: 10px;
    height: 120px;
    font-size: 14px;
    line-height: 24px
}

.mod-dialog-brand .detail {
    margin: 33px 0 0 50px
}

.mod-dialog-brand .detail a {
    display: inline-block;
    width: 152px;
    height: 45px;
    border: 2px solid #FF9104;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    line-height: 45px
}

.mod-dialog-brand .detail a:hover {
    background-color: #FF9104;
    color: #fff
}

.mod-dialog-brand .close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 37px;
    height: 37px;
    background: url(icon-close.png) no-repeat;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    -ms-transition: all .6s
}

.mod-dialog-brand .close:hover {
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg)
}

#space {
    height: 167px
}

.page-nav a {
    position: fixed;
    top: 50%;
    z-index: 999;
    margin-top: -46px;
    width: 51px;
    height: 92px;
    background: url(icon-arrow.png) no-repeat
}

.page-nav .prev {
    left: 10px
}

.page-nav .next {
    right: 10px;
    background-position: -51px 0
}

.header {
    z-index: 8999;
    width: 100%;
	 position:fixed; top:0; left:0;
}

.header-bottom {
    overflow: hidden;
    width: 100%;
    height: 0;
    text-align: center
}

.header-bottom .inner {
    padding: 4px 0;
    border-bottom: 1px solid #eee;
    background: rgba(255,255,255,.8)
}

.search-language {
    padding-top: 8px;
    line-height: 20px
}

.language {
    float: right;
    margin-left: 15px;
    color: #C2C2C2
}

.language a {
    color: #c2c2c2
}

.language .current,.language .current:hover,.language a:hover {
    color: #FF9104
}

.language span {
    margin: 0 1px
}

.buy {
    float: right;
    margin-right: 6px
}

.buy a {
    display: inline-block;
    padding: 0 15px;
    border-radius: 15px;
    background: #FF9104;
    color: #fff
}

.buy a:hover {
    color: #fff
}

.logo-menu {
    margin-top: 0px;
}
.logo {
    float: left;
    display: inline;
    margin: 13px 0 15px 0px;
	transition:all linear 0.3s;
	text-indent: -2000em;
}
.logo a{ display:block; float:left; width:200px; height:56px; }
.header .bd { background-color: #3e3a39} 
.logo_s { display: none;}
.fixed { position: fixed; top:0;}
.fixed .logo_s { display:block;}
.fixed .logo_b { display: none;}
.fixed .menu {margin: 25px auto 0;}


.menu {max-width:1200px;margin:0px auto 0;transition:all linear 0.3s; position:relative; float:right}
#example-two { float:left}
.hdtop {max-width:1200px;margin:0px auto; position:relative}
.tel { position:absolute; top:46px; left:935px; line-height:30px; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#fabe00; padding-right:20px;  border-right:1px solid #c9caca}
.wap {position:absolute; top:50px;right:0;}
.search_img { float:left; cursor:pointer; margin-top:10px; margin-left:158px;}
.search_img span { float:left; margin-left:25px;}
.search_img img { height:15px;}
.arrow { width:100%; height:10px; background:url(arrow.png) no-repeat 146px 0; position:absolute; top:0;}
.sns_link a { display:inline-block; float:left; margin-left:10px; margin-right:7px;}
.page-bg img { width:100%;}
.banner img { width:100%; }
.banner .banner-h1 img { max-width:100%; width:auto}

#example-two>li{
    float: left;
    text-align: center;
    cursor: pointer;
	    display: block;
    line-height: 48px;
    font-size: 15px;

}


#example-two .sub-menu{display:none; width: 100%;
    overflow: hidden;
	background-color:rgba(232,233,235,0.9);
	 position:absolute;	
	 left:0;
	 padding-left:10%;
	 box-sizing:border-box;}
	 
#example-two .sub-menu li{float:left;font-size: 15px;height:60px;line-height:60px;}
#example-two .sub-menu li:hover{color:#060;}
#example-two .sub-menu a{color:#000;border-right:1px solid #000;padding:0 15px;}


#example-two>li>a { padding:0 20px; position:relative; z-index:200;
    display: block;
    overflow: hidden;
    height: 100%;
	color:#FFF;
	padding-top:18px;
	padding-bottom:18px;
	
}
#example-two>li>a:hover,#example-two>li>a.hover { color:#000; background-color:#f5f7f4}

.fixed #example-two>li a {padding-bottom:28px;}
.menu .show-subnav {
    z-index: 99
}

.menu .show-subnav a {
    color: #FFF;
}


.menu .cn {
    display: block;
	line-height:47px;
    font-size: 15px
}

.menu .en {
    display: block;
    font-family: arial
}

#example-two>li i {
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -5px;
    width: 11px;
    height: 8px;
    background: url(menu-bg2.png) no-repeat
}

.menu .current .cn {
}

.menu .current .en {
}

.menu .item .subnav {
	min-width:100%;
    position: absolute;
    top: 33px;
    left: 0px;
    overflow: hidden;
    height: 0;
    max-height: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    -ms-transition: all 1s;
	background-color: #f29c9f;
    border-radius: 0px 5px 5px 5px;
}

.menu .show-subnav .subnav {
    height: auto;
    max-height: 300px
}

.menu .subnav ul {
    position: relative;
    overflow: hidden;
    padding:10px 30px 20px;
    border-radius: 0 0 3px 3px;
    text-align: left
}

.menu .show-subnav i {
    margin-left: -10px;
    width: 24px;
    height: 20px;
    background: url(arrow-up3.png) no-repeat
}

.menu .subnav ul a {
    padding: 6px 12px 6px 23px;
    background: transparent none;
    color: #fff;
    white-space: nowrap;
	border-bottom:1px dashed #fafafa;
    background: url(arrow-right3.png) no-repeat 5px center;
	font-size:14px;
	letter-spacing:1px;
}

.menu .subnav ul a:hover {
    color: #fff;
	font-weight:bold;
}

.menu .subnav a:hover {
}


.index_kehu_list{width:1000px;margin-top:300px}
.index_kehu_list li{float:left;}
.index_kehu_list img{width:230px !important;height:100px;margin:10px 5px;}
.index_kehu_list8 img{width:1050px !important;height:auto; position: relative; top: 185px; left: 45px;}
.cprongyu li{width:25%;padding:0 5px;margin-bottom:10px;box-sizing:border-box;float:left;text-align:center;}
.cprongyu li img{width:100%;height:140px;margin:0 auto;}

.cprongyu3 li{width:33.333333%;padding:0 5px;margin-bottom:10px;box-sizing:border-box;float:left;}
.cprongyu3 li img{width:100%;height:180px;margin:0 auto;}

.chanping4 img{display:block;width:25%;height:140px;padding:0 5px;margin-bottom:10px;box-sizing:border-box;float:left;}

.chanping3 img{display:block;width:33.33333333%;height:180px;padding:0 5px;margin-bottom:10px;box-sizing:border-box;float:left;}

.chanping2 img{display:block;width:50%;height:140px;padding:0 5px;margin-bottom:10px;box-sizing:border-box;float:left;}

.p_text table{width:100%;border:1px solid #666;border-collapse:collapse;}
.p_text table td{border:1px solid #666;}


.news_bd p{line-height:2.8em;}

.about img{display:block;max-width:100%;height:auto;margin:20px auto;}
.aboutpage h3{font-size:1.4em;font-weight:400;padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:20px;}

.by_mm_navigation { max-width:1276px; padding:24px 15px 24px;margin:0 auto; box-sizing:border-box}
.by_mm_navigation a { display:inline-block; margin:0 0px 0 15px; background: url(sub_li.png) no-repeat right center; padding-right:17px;}
.menu_about { margin-left:140px;}
.menu_prod { margin-left:90px;}
.menu_prod a { background:none}
.menu_news{ margin-left:462px;}
.menu_wenhua{ margin-left:463px;}
.menu_tech{ margin-left:552px;}
.menu_kefu{ margin-left:630px;}
.menu_join{ margin-left:735px;}
.menu_touzi{ margin-left:180px;}
.menu_zeren { margin-left:955px;}

.by_mm_navigation .menu_zeren a:last-child ,
.by_mm_navigation .nav124,
.by_mm_navigation .nav59,
.by_mm_navigation .nav49,
.by_mm_navigation .nav62,
.by_mm_navigation .nav64,
.by_mm_navigation .nav68,
.by_mm_navigation .nav119,
.by_mm_navigation .nav123{ background:none}

#header .by_mm_navigation a:hover { color:#017F40}
.sub-menu dl,.sm_left,.sm_mid,.sm_right { float:left; width:25%; text-align:left; box-sizing: border-box; padding:0 20px; margin-bottom:30px;}
.sub-menu dl img { max-width:100%;}
.sub-menu dl dd { margin-top:15px;line-height:25px; background:url(mdot.png) no-repeat left center; background-size:25px; padding-left:30px; font-size:15px; text-transform:capitalize}


.top_nav3 { margin-top:10px;}
.top_nav3 a { line-height:25px; display:block;background:url(top_nav3.png) no-repeat left center;padding-left:20px; margin-left:7px;}


.prod_lb dl dd  { text-align:right; padding-right:30px; background:url(mdot_p.png) no-repeat right center;}
.prod_lb ul {padding-left:30px; padding-bottom:5px;}
.prod_lb ul li {line-height:30px; }
.p_nav1 {background:url(p_close.png) no-repeat left center; height:30px; line-height:30px;padding-left:25px; font-weight:bold; font-size:15px; display:inline-block}

.p_close {background:url(p_open.png) no-repeat left center;}
.p_none  {background:url(p_none.png) no-repeat left center;}
.p_nav2 { margin-left:15px;}


.sm_mx { width:75%;}
.sm_mx  ul { padding-left:0px;width: 105%;}
.sm_mx  ul li { width:33.33%;float:left; padding:0 20px 0 30px; box-sizing:border-box;}

.sub-menu .p_nav1:hover{ color:#0084c9;background:url(p_open.png) no-repeat left center;}

.current_page_item_two a{color:!important}

#header ul.level-1 li:hover a.level-1 {
    color: white;
}
#header div.level-2 {
    margin: 0;
    max-height:0px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transition: max-height 0.1s ease;
    transition: max-height 0.1s ease;
	text-align:left;
}
#header a.level-1:focus+.level-2, 
#header ul.level-1 li:hover div.level-2 {
    max-height: 3000px;
    -webkit-transition: max-height 1s ease;
    transition: max-height 1s ease;
}
.notice-system-wrap {
    position: relative;
    z-index: 90;
    height: 45px;
    min-width: 950px;
    background: url(notice-system-bg.png) repeat-x;
    line-height: 45px
}

.notice-system {
    margin: 0 auto;
    padding: 0 10px;
    width: 1060px
}

.notice {
    float: left
}

.notice .hd {
    float: left;
    margin-right: 24px;
    font-size: 16px
}

.notice .bd {
    float: left
}

.notice .bd span {
    display: inline-block;
    vertical-align: top
}

.notice img {
    margin-top: 15px;
    margin-left: 10px;
    vertical-align: top
}

.system {
    float: right;
    display: inline;
    margin-right: 88px;
    color: #ceb971
}

.system i {
    display: inline-block;
    margin-top: 8px;
    margin-right: 6px;
    width: 28px;
    height: 28px;
    background: url(system2.png) no-repeat;
    vertical-align: top
}

.system span {
    display: inline-block;
    vertical-align: top
}

.notice-system-slide {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    min-width: 950px;
    background: #fff url(notice-system-bg.png) repeat-x;
    line-height: 1.5
}

.notice-system-slide .mod-layout {
    position: relative;
    padding: 10px 0
}

.notice-system-slide .l {
    float: left;
    padding: 1px 0 0 10px;
    width: 97px;
    font-size: 16px
}

.notice-system-slide .title-en {
    display: block;
    margin-top: -5px;
    color: #cac7c6
}

.notice-system-slide .c {
    float: left;
    width: 677px
}

.notice-system-slide .c-pic {
    float: left;
    margin: 0 45px 0 0
}

.notice-system-slide .c-txt {
    float: left;
    width: 410px
}

.notice-system-slide .c-txt li {
    overflow: hidden;
    height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px
}

.notice-system-slide .c-txt li a {
    display: block;
    padding-left: 10px
}

.notice-system-slide .c-txt li a:hover {
    background: url(arrow-right5.png) no-repeat 0 7px
}

.notice-system-slide .r {
    float: left;
    padding-left: 44px;
    height: 100px;
    border-left: 1px solid #EFEEED
}

.notice-system-slide .r-pic {
    float: left;
    margin: 19px 22px 0 0
}

.notice-system-slide .r-txt {
    float: left;
    margin-top: 24px
}

.notice-system-slide .r-txt-title {
    color: #ceb971;
    font-size: 18px
}

.notice-system-slide .r-txt-link {
    display: block;
    margin-top: 2px;
    margin-left: 2px;
    width: 78px;
    height: 22px;
    border: 1px solid #ceb971;
    border-radius: 3px;
    color: #ceb971;
    text-align: center;
    line-height: 22px
}

.notice-system-slide .r-txt-link:hover {
    background: #ceb971;
    color: #fff
}

.notice-system-slide .s {
    position: absolute;
    bottom: 4px;
    left: 50%;
    overflow: hidden;
    margin-left: -5px;
    width: 11px;
    height: 6px;
    background: url(arrow-up.png) no-repeat
}

.container {
    position: relative;
    overflow: hidden;
    width: 100%;
	background-color:#FFF;

}

.page { position:relative;}

.page-inner {
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.page-about {background: url(index_about_bg.jpg) no-repeat center center; background-size:cover; padding-bottom:50px;}
.page-about .dyj_p1 dl{ width:33.33%; float:left;}
.page-about .indexabout {}
.indexabout  .dyj_p1 { max-width:1200px; margin:0 auto}
.indexabout .hd h2 { color:#FFF}
.indexabout .hd h3 { color:#FFF}
.indexabout .hd p { color:#FFF; font-size:34px;line-height:50px;}
.indexabout .dyj_p1 dt{ padding:20px; font-size:15px; text-align:left; line-height:30px; height:auto}
.indexabout .dyj_p1 dd { display:none}
.indexabout .hd h3 span { border-bottom-color:#FFF}

.page .hd-cn { display:inline-block; margin-right:8px;}

.page .hd-en {
    color: #666;
    font-size: 16px;
    line-height: 22px;
	font-weight:normal;
}


.page-split {
    height: 5px;
    background: #ff9104
}

.page-home {
    position: static
}

.page-home .hd {
    position: absolute;
    top: 170px;
    left: 700px;
    z-index: 9;
    letter-spacing: 2px
}

.page-home .hd-en {
    position: absolute;
    top: 232px;
    left: 700px;
    z-index: 9
}

.page-home .summary {
    position: absolute;
    top: 285px;
    left: 706px;
    z-index: 9;
    color: #999;
    font-size: 22px
}

.page-home .more {
    position: absolute;
    top: 350px;
    left: 845px;
    z-index: 9
}

.page-home .more a {
    color: #ff9104;
    font-size: 20px
}

.page-home .more i {
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: -6px;
    width: 12px;
    height: 6px;
    background: url(arrow-more.png) no-repeat
}

.page-home .more .i-middle {
    top: 36px;
    background-position: 0 -7px
}

.page-home .more .i-bottom {
    top: 43px;
    background-position: 0 -14px
}

.page-home .quan {
    position: absolute;
    top: 35px;
    left: 138px;
    z-index: 10;
    width: 412px;
    height: 412px
}

.page-home .quan1 {
    background-image: url(quan1.png)
}

.page-home .quan2 {
    background-image: url(quan2.png)
}

.page-home-wrap {
    position: relative;
    height: 500px;
	max-width:1400px;
	margin:0 auto;
}

.page-home .slides li {
    position: relative;
    display: none;
    margin: 0 auto;
    width: 950px;
    height: 635px
}

.page-home .flex-control-nav {
    position: absolute;
    bottom: 54px;
    left: 50%;
    z-index: 99;
    overflow: hidden;
    margin-left: -50%;
    width: 100%;
    height: 12px;
    text-align: center
}

.page-home .flex-control-nav li {
    display: inline-block;
    vertical-align: top;
    zoom:1}

.page-home .flex-control-nav a {
    display: block;
    overflow: hidden;
    margin: 0 8px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #e6dcb7;
    text-indent: -999em;
    cursor: pointer
}

.page-home .flex-control-nav .flex-active {
    background-color: #FF9104
}

.page-home .flex-direction-nav a {
    position: absolute;
    top: 50%;
    overflow: hidden;
    margin-top: -37px;
    width: 51px;
    height: 92px;
    background: no-repeat;
    background-image: url(icon-arrow.png);
    text-indent: -999px
}

.page-home .flex-direction-nav .flex-prev {
    left: 10px;
    background-position: 0 0
}

.page-home .flex-direction-nav .flex-next {
    right: 10px;
    background-position: -51px 0
}
.index_kj { position:relative}
.index_kj .index_kjt1 { position:absolute; top:26%; left:13%; width:18.4%}
.index_kj .index_kjt2 { position:absolute; top:23%; right:13%; width:19.4%}
.index_kj .index_kjt3 { position:absolute; top:26%; left:11%; width:23.78%}
.index_kj .index_kjt4 { position:absolute; top:26%; right:13%; width:18.4%}
.index_kj  img { width:100%;}
.about-txt {
	text-align:center;
	padding:50px 15px;
}

.page-prod .dyj_p1{ top:470px;}
.page-brands .team{ top:280px;}
.page-brands .team img { width:100%;}
.page_3 h2 { color: #FFF;}
.page_3 h3 { color: #FFF;}

.about-txt p strong,.summary strong {
    color: #ff8332;
    font-weight: 400
}

.about-txt p .strong-c ,.summary strong{
    font-size: 18px
}

.about-nav {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    overflow: hidden;
    margin-top: -150px;
    border-radius: 2px
}

.about-nav li {
    margin-top: -1px;
    width: 105px;
    height: 105px;
    border-top: 1px solid #EFEFEF;
    background: rgba(255,255,255,.8);
}

.about-nav a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    color: #ff9104;
    text-align: center;
    font-size: 14px
}

.about-nav a:hover {
    background: #ff9104;
    color: #fff
}

.about-nav i {
    position: relative;
    display: block;
    margin: 13px auto 5px;
    width: 52px;
    height: 52px;
    background-image: url(about-nav.png);
    background-repeat: no-repeat
}

.about-nav .icon-jj {
    background-position: 0 0
}

.about-nav .icon-sj {
    background-position: 0 -53px
}

.about-nav .icon-sj span {
    position: absolute;
    display: none
}

.about-nav .icon-sj .h {
    top: 21px;
    left: 21px;
    z-index: 2;
    width: 18px;
    height: 12px;
    background: url(hour.png) no-repeat;
    -webkit-transform-origin: 4px 7px;
    -moz-transform-origin: 4px 7px;
    -o-transform-origin: 4px 7px;
    transform-origin: 4px 7px;
    -webkit-animation: rotate 20s linear infinite;
    -o-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
    -ms-transform-origin: 4px 7px;
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.about-nav .icon-sj .m {
    top: 5px;
    left: 21px;
    z-index: 3;
    width: 8px;
    height: 26px;
    background: url(min.png) no-repeat;
    -webkit-transform-origin: 4px 22px;
    -moz-transform-origin: 4px 22px;
    -o-transform-origin: 4px 22px;
    transform-origin: 4px 22px;
    -webkit-animation: rotate 3s linear infinite both;
    -o-animation: rotate 3s linear infinite both;
    animation: rotate 3s linear infinite both;
    -ms-transform-origin: 4px 22px
}

.about-nav .icon-wh {
    background-position: 0 -107px
}

.about-nav .icon-wh .c {
    position: absolute;
    top: 16px;
    left: 15px;
    visibility: hidden;
    overflow: hidden;
    width: 22px;
    height: 20px;
    background: #FF9104
}

.about-nav a:hover .icon-jj {
    background-position: -54px 0;
}

.about-nav a:hover .icon-sj {
    background-position: -54px -53px
}

.about-nav a:hover .icon-sj span {
    display: block
}

.about-nav a:hover .icon-wh {
    background-position: -54px -107px
}

.about-nav a:hover .icon-wh .c {
    visibility: visible;
    height: 0;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
    -ms-transition: height 1s
}

.page-prod .content-main {
    position: absolute;
    left: 0;
    z-index: 10;
    margin-top: 50px;
    width: 100%
}
.index_prod { margin-top:30px;}
.prod_box { width:290px; float:left; margin-left:130px; margin-right:50px; display:inline-block;}
.prod_box dt { margin-bottom:20px;}
.prod_box dd { text-align:center; color:#ff8332}
.prod_box dd h3 { font-size:18px; font-weight:bold;}
.m_nav { display:none}


.m_market { display:none}
.job_list .hd {
    text-align: center;
    padding-bottom: 54px;
}
.job_list .hd h2 {
    font-size: 34px;
    color: #333333;
    font-weight: normal;
    padding-top: 80px;
    padding-bottom: 5px;
}
.job_list .hd h3 {
    font-size: 22px;
    color: #898989;
    font-weight: normal;
    text-transform: capitalize;
}
.event-tab-bd { padding:0 15px;}
.dizhi span { display:block;}
.dizhi .dz1 { display:block; margin-left:46px;}
.bn-pc { display:block;}
.bn-m { display:none}
.url_en { display:none}

@media (max-width: 768px) {
	body { min-width:100%;}
	.container {margin-top:60px;}
	.header { position:fixed; top:0; left:0; height:60px;}
	 .wap{ display:none}
	 .tel { display:none}
	 .search_img { display:none}
	 .sns { position: fixed; top:15px; right:55px; background-color:#000; padding:0px 3px 5px; display:none}
	 .m_nav { position:absolute; width:30px; top:12px; right:15px; display:block; cursor:pointer;}
	.icon-bar {display: block;width:30px;height:4px;background-color:#FFF;margin-top: 5px;}
	
	.menu {margin: 0px auto 0; display:none; position: fixed; top:60px; left:0;background-color: rgba(0,0,0,0.8); z-index:999}
	
	.header .bd { padding:30px; display:none}
	/*start*/
	
	.logo_b { display:none}
	.logo_s { display:block;}
	.logo { margin:10px 15px;}
	.logo img { height:40px;}
	.menu .navitem { width:100%;height: auto; border-bottom:1px solid #3f4041;padding-right:50px; box-sizing:border-box;}
	.menu .navitem a {width:100%; text-align: right; color:#909090}
	#example-two>li a { width:100%;padding-bottom:0;}
	#header div.level-2 { position:relative;}
	.by_mm_navigation {padding:0px 0px 10px;}
	.sub-menu { background-color:transparent;}
	
	.sub-menu dl, .sm_left, .sm_mid, .sm_right { width:100%; margin-bottom:0;padding: 0}
	.sub-menu dl dd { margin-top:0px;padding-left:0px; background:none; line-height: inherit}
	.menu .navitem a { display:block;background: url(m_nav_arrow.png) no-repeat right center; background-size:10px; padding-right:25px; box-sizing:border-box;}
	
	.by_mm_navigation dt { display:none}
	.by_mm_navigation a  { line-height:32px; display:block;}


	.page-about .page-bg { height:230px;} 
	.indexabout .in_cont { display:none}
	.indexabout .dyj_p1 dl { width:100%; float:none;}
	.indexabout .dyj_p1 dt { margin-bottom:0;}
	.indexabout .dyj_p1 dd a { color:#fff; font-weight:bold; display:inline-block; border-bottom:1px solid #FFF; padding-bottom:5px;}
	
	.swiper-button-next, .swiper-button-prev{ display:none}
	.ft_left .ft_nav { display:none}
	.ft_left .wxewm { display:block; width:100%; text-align:center;} 
	.wxewm p { margin-top:10px; display: block}
	
	.in_cont { padding:0 15px;}

	.contact { padding:50px 15px;}
	.contact img { max-width:100%;}
	
	.gc-1a { float:left; width:100%}
	.gc-1a .pcimg { display: none; }
	.gc-1a .mimg { display:block; padding:20px;}
	.mimg { text-align:left}
	.mimg p { margin-bottom:20px; font-size:16px; line-height:28px;}
	
	.gc-1b { float:left; width:100%}




	.jsbox { display:none}
	.mteam { display:block; max-width:100%;background-color: rgba(0,132,201,1);}
	
	.news_left { width:100%;}
	.news_right{ width:100%; padding-top:20px;padding-left:0px;}
	.news_right dt { display:none}
	.news_right dd {width:100%;}
	.news_right dd span { display:block; float: none; font-size:14px; color:#999; font-weight:normal; margin-bottom:10px;}
	.prod_lb dd{ display:none}
	.sm_left ul,.sm_mid ul,.sm_right ul { display:none}
	
	#header .by_mm_navigation a:hover { color:#fff;background: url(m_nav_arrow.png) no-repeat right center; background-size:10px; }
	.product { padding-bottom:50px; position:relative;}

	.prod_right{ width:100%; margin-top:100px;}
	.prod_list li { width:50%;}
	.prod_left { position:absolute; top:50px; left:15px; background-color:#FFF; width:100%;}
	.prod_left .bd { display: none}
	.p_cc img { width:100%;}
	.pinfo_right { width:100%; float: left}
	.pinfo_left {width:100%;  margin-bottom:30px;}
	.p_title {
		font-size: 18px;
		padding: 30px;
		border-bottom: 2px solid #666;
		font-weight: bold;
	}
	
	.p_name { font-size:16px}
	.main_image img { width:100%; height:auto}
	.prod_right .hd h2 { font-size:20px;}
	.prod_right .hd h3{ font-size:18px}
	
	.inbanner img { width:100%;}
	.in_cont .hd h2 { font-size:18px; padding-top:40px;}
	.in_cont .hd h3 { font-size:18px;}
	.in_cont .hd p { font-size:14px; line-height:24px; text-align:left}
.dyj_p1 { left:0;margin-left:0; top:0px;}
.dyj_p1 dl dt { height:auto;}
.dyj_p1 dl dt img{ width:40%;height: auto;}
.dyj_p1 dl dd h2 { font-size:14px; padding:0 2px;}
.dyj_p1 dl dd h3 { font-size:13px}
	/*end*/

.page-inner {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto
}
.about-txt { width:100%;margin-left:-50%; padding:0 15px; box-sizing:border-box; top:60px;}
.about-txt h2 { font-size:18px;}
.about-txt h3 { font-size:14px;}
.about-txt p { font-size:14px; line-height:24px;}
.page-prod .dyj_p1 { top:330px;}
.page-brands .team { top:170px;}

.page-bg  img { height:100%;}
.page-caring .market { display:none}
.page-caring .page-bg{ display:none}
.page-caring { background-color:#f3f3f3}
.m_market { display:block; padding-top:100px;}
.m_market img { width:100%;}
.page-prod .dyj_p1 {margin-left:0; }



.banner h3 { font-size:26px;}
.locat {padding-top:50px;}
.locat li { margin:0 5px;}
.locat a { font-size:14px}

.about .text {padding: 35px 0;}
.info_img {margin: 0 0px 25px 0;}
.info_img img { width:100%;}
.in_cont .text { font-size:14px; line-height:24px;}
.hezuo { overflow:hidden; padding-bottom:50px;}
.hezuo ul { margin-right:-15px;}
.hezuo li { width:50%; margin:0}
.hezuo li a { margin-right:15px; margin-bottom:15px;}
.hezuo li img{ width:100%;}
.inteambox { height:690px;    background: url(index_about_bg.jpg) no-repeat top center;}
.inteam {
    width: 1050px;
    margin: 0px auto 0 auto;
    height: 500px;
    position: absolute; top:0; left:0%; margin-left:-352px;
    overflow: hidden;
}
.game_pic .team_st {
    width: auto; padding:0 15px;
    margin-top: 40px;
    opacity: 0;
    margin-left:0px;
    position: absolute;
    top: 266px;
    left: 0%;
    text-align: center;
    transition: all 0.5s linear;
}
.game_pic_icon_l {left:-280px;}
.game_pic_icon_r {left:200px;}
.game_pic .team_st h2 { font-size:20px}
.game_pic .team_st h3 { font-size:14px}
.game_pic .team_st p { font-size:13px;}
.ptag li { width:33%;margin-right:0;}
.ptag a h2 { font-size:15px;}
.ptag a h3 { font-size:13px;}
.ptag a span {width: 32px;height: 32px;}

.ptag { margin-bottom:40px;}
.news_list .indexmain{ margin-right:-15px;}
.list-text .text_box { margin:0;}
.list-text h3 { font-size:14px;margin:10px 0 0; padding:0;line-height:25px; height:46px; overflow:hidden}
.list-text span{ padding:0; font-size:12px}
.injobbg {
    background: url(index_about_bg.jpg) no-repeat center 240px;
}
.injobbg .in_cont { padding-bottom:50px;}
.job .text p{margin-bottom: 10px;background: url(job_dot.png) no-repeat 0 9px;padding-left: 15px; background-size:7px}
.job_list .hd { padding-bottom:30px;}
.indexmain .item { width:50%;}
.list-pic img { margin:0;}
.list-text { color:#898989}
.list-text .cover { display:none}
.prod_box2 .list-text .text_box { margin:0;}
.prod_box2 .list-pic { height:auto; min-height:103px;}
.pinfo p img{ width:100%; }
.in_cont .hd {padding: 0 15px 30px;}
.tech dl { width:100%; padding:0;}
.tech dt { float:left; width:80px; height:130px;}
.tech .text { padding:35px 0 }
.in_cont .tech { padding:0}
.in_cont .tech p { margin-bottom:8px;}
.tech dt img { width:67%;}
.tech dd h2 { font-size:15px; text-align:left;}
.list-text { position:relative}
.list-text .text_box { position:relative;}
.prod_box2 .list-text h3 {padding:10px 0 0; margin:0; text-align:left; color:#333;font-size:14px;height:25px;}
.list-text p { color:#898989; padding:0; height:66px; overflow:hidden; text-align:left; font-size:13px;}

.footer .hd {padding:0px;}
.ft_right {padding: 38px 15px; text-align:center; width:100%; box-sizing: border-box}
.copyright { height:auto; line-height:20px; padding:10px;}
.copyright span { display:block}
	.ft_right dl { float:none}
	
.job_list .hd h2 { padding-top:50px; font-size:18px;}
.job_list .hd h3 { font-size:14px;}
.job_list .hd p { font-size:14px}
.job_info h3 { font-size:16px}
#contentWrap .lightboxContent { padding:50px 15px;}
.lightboxContent h2 { font-size:20px; line-height:26px; font-weight:normal}
.lightboxContent .news_time { font-size:14px; line-height:30px;}
.event-tab-hd .item { width:100%;}
.event-tab-hd .item { font-size:16px}
.job_info h3 { margin:20px 0;}
.job_info { font-size:14px; line-height:24px;}
.closer { top:60px; left:100%; margin-left:-25px; width:20px; height:20px;}
.send_email { position:relative; display:none}
.job .text { padding:0;}
.job_list .ft { position:relative; text-align:left; padding:15px; left:0; bottom:0;} 
.job_icon2 span{ margin:0;}
.job_icon4 span { margin:0;}
.job_icon9 span{ margin:0;}
.job_yq { background-color:#a0a0a0; overflow:hidden; padding-bottom:50px;}
.job_provide li { width:33%; margin:0; text-align:center; float:left; margin-bottom:20px; font-size:13px;}
.job_donot li {width:33%; height:140px; margin:0; text-align:center; float:left; margin-bottom:20px; font-size:13px;}
.liuyan { display:none} 

.dizhi { width:100%;margin-left:0; padding-top:20px; height:auto}
.cname span { font-size:18px}
.dizhi span { display: inline-block;}
.dizhi .dz1 { display:inline-block; margin-left:0px;}

.indexabout2 { display:none}
.indexabout3 { display:none}


.bn-pc {display:none}
.bn-m { display:block;}
.url_en { display: block}
.nav_klkj,.nav_shop { display:none}
.page-about { padding-top:20px;}
.indexabout .dyj_p1 dd { display: block}


.news_list dl { width:50%;}

}
@media (max-width: 320px) {
.inteam {
    width: 1050px;
    margin: 0px auto 0 auto;
    height: 500px;
    position: absolute; top:0; left:0%; margin-left:-365px;
    overflow: hidden;
}
.game_pic .team_st { width:320px; box-sizing:border-box;}
}