/*---------- 首 页 ----------*/
.nav { width: 100%; line-height: .72rem; background: url(../images/nav_bg.png) no-repeat center bottom; background-size: cover; }
#navn { margin: 0 auto; position: relative; }
.nav #navn > li { float: left; margin-left: 50px; text-align: center; height: .72rem; line-height: .72rem; }
.nav #navn > li:first-child { margin-left: 0px; }
.nav #navn > li { background-size: cover; }
.nav #navn > li > a { font-size: .3rem; display: block; }
.nav #navn > li > a:hover { color: #0d61a9; }
.nav #navn > li .home { width: 80px; height: .72rem; display: block; background: url(../images/home1.png) no-repeat; }
.nav #navn > li .home:hover { width: 80px; height: .72rem; display: block; background: url(../images/home1_1.png) no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f004a96,endColorstr=#7f004a96); }

.device { width: 100%; height: 500px; position: relative; }
.device .arrow-left { background: url(../images/arrow1.png) no-repeat center center; position: absolute; left: 10px; top: 50%; margin-top: -30px; width: 60px; height: 60px; z-index: 9999; }
.device .arrow-right { background: url(../images/arrow2.png) no-repeat center center; position: absolute; right: 10px; top: 50%; margin-top: -30px; width: 60px; height: 60px; z-index: 9999; }
.swiper-container { height: 500px; width: 100%; }
.content-slide { padding: 20px; color: #fff; }
.content-slide img { width: 100% !important; height: 500px; }
.swiper-slide-active img { width: 100% !important; height: 500px; }
.title { font-size: 25px; margin-bottom: 10px; }
.pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }
.swiper-active-switch { background: #fff; }

@media screen and (max-width:640px) {
    .device { width: 100%; height: 170px; position: relative; }
    .device .arrow-left { background: url(../images/arrow1.png) no-repeat center center; position: absolute; left: 10px; top: 50%; margin-top: -30px; width: 60px; height: 60px; z-index: 9999; }
    .device .arrow-right { background: url(../images/arrow2.png) no-repeat center center; position: absolute; right: 10px; top: 50%; margin-top: -30px; width: 60px; height: 60px; z-index: 9999; }
    .swiper-container { height: 170px; width: 100%; }
    .content-slide { padding: 20px; color: #fff; }
    .content-slide img { width: 100% !important; height: 170px; }
    .swiper-slide-active img { width: 100% !important; height: 170px; }
    .title { font-size: 25px; margin-bottom: 10px; }
    .pagination { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; }
    .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }
    .swiper-active-switch { background: #fff; }
}


/*.menu { position:absolute;z-index:9999;width:100%;background:#fff;left:0;padding:24px 0; }*/
.menu { z-index: 9999; width: 100%; background: #fff; left: 0; padding: 24px 0; display: none; }
.menu .con1 { width: 23%; float: left; text-align: left; margin-right: 2%; }
.menu .con1 li { width: 100%; height: 40px; border-bottom: 1px solid #e5e5e5; line-height: 40px; }
.menu .con1 li a { font-size: .36rem; color: #0d61a9; }
.menu .con2 { width: 25%; float: left; margin-left: 0%; text-align: left; }
.menu .con2 li { height: 25px; line-height: 25px; font-size: .36rem; overflow: hidden; color: #0d61a9; /*text-align: center;*/ }
.menu .con2 li a { font-size: .3rem; color: #666; }
.menu .con2 li a:hover { color: #0d61a9; text-decoration: underline; }

.menu .pro_con { width: 100%; }
.menu .pro_con li { width: 15%; margin-left: 2%; float: left;text-align:left; /*text-align: center;*/ position: relative; }
.menu .pro_con li img { width: 100%; }
.menu .pro_con li:first-child { margin-left: 0; }
.menu .pro_con li p { line-height: .6rem; font-size: .36rem; color: #0d61a9; }
.menu .pro_con li:hover p { color: #0d61a9; }
.menu .pro_con li .pro_con_list { width: 100%; z-index: 10000; }
.menu .pro_con li .pro_con_list li { width: 100%; line-height: 25px; overflow: hidden; height: 25px; }
.menu .pro_con li .pro_con_list li:first-child { margin-left:2px; }
.menu .pro_con li .pro_con_list li a { display: block; color: #666; }

.menu .scon1 { width: 18%; float: left; text-align: left; }
.menu .scon1 li { height: 25px; line-height: 25px; overflow: hidden; font-size: .36rem; color: #0d61a9; }
.menu .scon1 li a { font-size: .3rem; color: #666; }
.menu .scon1 li a:hover { color: #0d61a9; text-decoration: underline; }
.menu .scon2 { width: 22%; float: left; text-align: left; line-height: 25px; font-size: .36rem; color: #0d61a9; }
.menu .scon2:last-child { margin-left: 2%; }
.menu .scon2 li img { width: 100%; }

.menu .ccon { width: 9%; margin-left: 2%; float: left; text-align: left; }
.menu .ccon:first-child { margin-left: 0; }
.menu .ccon li { height: 25px; line-height: 25px; overflow: hidden; font-size: .36rem; color: #0d61a9; /*text-align: center;*/ }
.menu .ccon li a { font-size: .3rem; color: #666; }
.menu .ccon li a:hover { color: #0d61a9; text-decoration: underline; }
.more_country_btn { color: #0d61a9 !important; }

@media screen and (min-width:641px) {
    .index-banner1 img { width: 100%; height: 520px; }
}

@media screen and (max-width:640px) {
    .index-banner1 img { width: 100%; height: 300px; }
}



.main .mainbav { width: 100% !important; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.main_content { width: 100% !important; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.head { width: 100% !important; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
#navn { width: 100% !important; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.comWidth { width: 100% !important; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.zhanhui1 { width: 100% !important; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.c_title { line-height: 1rem; font-weight: bold; font-size: .28rem; color: #0d61a9; }
.p_title { text-align: center; line-height: 1rem; font-weight: bold; font-size: .4rem; padding-top: .4rem; }
.p_con { line-height: .6rem; }

.gdxq { position: absolute; right: 2%; bottom: 45px; }
.carousel-inner .gdxq { }

.slidesBox { width: 100%; height: 482px; overflow: hidden; position: relative; }
.slides { display: block; width: 100%; height: 482px; list-style: none; padding: 0; margin: 0; position: relative; z-index: 1000; }
.slides li { display: block; width: 100%; height: 482px; list-style: none; padding: 0; margin: 0; position: absolute; z-index: 0; }
.slides li a { display: block; width: 100%; height: 482px; text-indent: -9999px; }
.slides li a { width: 100%; }

.Pre { position: absolute; left: 0px; bottom: 160px; z-index: 1001; }
.Next { position: absolute; right: 0px; bottom: 160px; z-index: 1001; }
.Pre { width: 70px; height: 125px; background: url(../images/left1.png) no-repeat; display: block; float: left; /*margin-left: 28px;*/ cursor: pointer; }
.Pre:hover { background: url(../images/left1.png) no-repeat; }
.Next { width: 70px; height: 125px; background: url(../images/right1.png) no-repeat; display: block; float: right; /*margin-left: 28px;*/ cursor: pointer; }
.Next:hover { background: url(../images/right1.png) no-repeat; }

.gengduo { z-index: 1001; position: absolute; left: 10px; bottom: 150px; margin-left: 15%; }
.gd1 { font-size: .64rem; color: #fff; line-height: 62px; }
.gd2 { font-size: .26rem; color: #fff; line-height: 22px; }
.gd3 { font-size: .26rem; color: #fff; line-height: 22px; }
.gd4 { margin-top: 20px; }

.biaozhi { /*background-color:#0d61a9;*/ position: absolute; top: 10px; left: 10px; z-index: 1004; color: #fff; padding: 6px 10px; /*width:100%;*/ text-align: center; z-index: 1000; }
.biaozhi a { color: #fff; }
.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; }
.carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1; }

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .carousel-inner > .item.active.right, .carousel-inner > .item.next { left: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
    .carousel-inner > .item.active.left, .carousel-inner > .item.prev { left: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { left: 0; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); filter: alpha(opacity=50); opacity: .5; }
.carousel-control.left { background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001))); background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; }
.carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; }
.carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; }
.carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; bottom: 10px; right: 10px; z-index: 15; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; *display: inline; *zoom: 1; width: 10px; height: 10px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px; }
.carousel-indicators .active { width: 10px; height: 10px; margin: 0; background-color: #fff; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.carousel-caption .btn { text-shadow: none; }

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


.dtTxt { float: left; width: 32%; margin-left: 2%; position: relative; height: auto; margin-top: .4rem; }
.dtTxt:first-child { width: 32%; margin-left: 0px; }
.dtTxt img { width: 100%; height: 292px; }
.dtTxt .yincang { width: 96%; line-height: 20px; padding: 10px 2%; height: 55px; /*position: absolute;*/ bottom: 4px !important; left: 0; z-index: 2; /*background: url(../images/yincang_bg.png);*/ color: #fff; font-size: .32rem; }
.dtTxt .yincang a { color: #333; }

.luara-left { position: relative; padding: 0; overflow: hidden; }
.luara-left ul { position: relative; padding: inherit; margin: 0; }
.luara-left ul li { float: left; padding: inherit; margin: inherit; list-style: none; position: relative; min-height: 300px; }
.luara-left ul li img { width: inherit; min-height: 300px; }
.example2 ul li .yincang { width: 96%; line-height: 20px; padding: 10px 2%; position: absolute; bottom: 0px !important; left: 0; z-index: 5; background: url(../images/yincang_bg.png); color: #fff; }
.example2 ul li .yincang a { color: #fff; }

.example2 { }
.example2 ol { position: absolute; width: 80px; height: 20px; bottom: 10px; right: 0; z-index: 6; }
.example2 ol li { float: left; width: 10px; height: 10px; margin: 5px; background: #fff; }
.example2 ol li.seleted { background: #1AA4CA; }

.scroll ul li a { color: #666; font-size: .28rem; }
.scroll ul li a:hover { color: #666; }

@media screen and (min-width:1000px) {
    .header { width: 100%; }
    .head { height: 90px; margin: 0 auto; }
    .logo { margin-top: 1em; float: left; width:120px;height:70px; }








    .head_right { float: right; margin-top: 2.25em; }
    .head_right a { font-size: .28rem; }
    .cc_pic { display: none; }
    .search { width: 200px; height: 20px; display: block; border: 1px solid #e5e5e5 !important; border-radius: 10px; float: left; }
    .search_input { width: 180px; height: 20px; border-radius: 10px; float: left; outline: none; text-indent: 10px; }
    .search_btn { width: 20px; height: 20px; display: block; background: url(../images/search_btn.png) no-repeat center center; outline: none; }
    .yuyan { float: left; }
    .yuyan li { float: left; padding-left: 12px; }
    .head_right1 { width: 100%; position: absolute; left: 0px; height: 56px; display: none; }
    .yuyan { float: left; margin-left: 12px; padding-top: 3px; }
    .yuyan li { float: left; padding-left: 12px; }
    .yuyan li:first-child { padding-left: 0px; }
    .navlist { display: none; }

    .footer { width: 100%; background-color: #181818; color: #fff; font-size: 12px; margin: 0px; overflow: hidden; }
    .comWidth { height: 19em; margin: 0 auto; }
    .footer .footer_top { height: 323px; }
    .footer .footer_top .first { width: 14%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top li { margin-bottom: 20px; }
    .footer .footer_top li p { height: 16px; overflow: hidden; }
    .footer .footer_top .sec { width: 14%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .thir { width: 14%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .forth { width: 14%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .six { width: 14%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .seven { width: 14%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .five { margin-top: 25px; float: right; width: 26%; }
    .footer .footer_top .five .erweima { float: left; width: 49%; }
    .five .erweima:last-child { margin-left: 2%; }
    .footer .footer_top .five .erweima img { width: 100%; }
    .five .erweima p { text-align: center; margin-top: 10px; position: relative; }
    .foot_bottom { width: 100%; height: 2em; background-color: #0f0f0f; float: left; }
    .foot_bottom span { width: 100%; height: 2em; line-height: 2em; text-align: center; display: block; color: #2a2a2a; }
    .foot_bottom span select { background: #262626; border: none; color: #666; margin-left: 20px; outline: none; }

    .main { width: 100%; background-color: #f6f6f6; padding: 0px 0px; }
    .main .mainbav { margin: 0 auto; }
    .main_content { margin: 0 auto; }

    .yincang h6 { word-break: break-all; word-wrap: break-word; height: 22px; overflow: hidden; }
    .yincang h6 a { font-size: .28rem; color: #fff; line-height: 1.6; word-break: break-all; word-wrap: break-word; }
    .yincang p { font-size: .28rem; color: #333; margin-top: 5px; overflow: hidden; height: 40px; margin-bottom: 5px; overflow: hidden; }
    .yincang .xinp { margin-top: 0px; font-size: 10px; margin-bottom: 0px; }
    .yincang h6 a:hover { text-decoration: none; }

    .mainbav .er { }
    .mainbav .er li { float: left; width: 100%; margin-left: 2%; position: relative; margin-top: .4rem; }
    .mainbav .er li:first-child { margin-left: 0px; }
    .mainbav .er li img { width: 100%; }
    .mainbav .er li .biaozhi { position: absolute; top: 10px; left: 10px; z-index: 1004; color: #fff; padding: 6px 10px; width: 22%; }
    .mainbav .san li { margin-top: .4rem; }

    .zhanhui { width: 100%; background-color: #fff; padding-top: 40px; padding-bottom: 40px; float: left; }
    .zhanhui1 { margin: 0 auto; }
    .zhanhui1 .p14 { font-size: 24px; text-align: center; color: #000; }
    .zhanhui1 .p14 img { position: relative; bottom: 6px; }
    .p15 { font-size: .32rem; font-weight: bold; color: #323232; margin-top: 6px; margin-bottom: .2rem; }
    .p16 { font-size: .28rem; color: #323232; line-height: 24px; margin-top: 3px; margin-left: 55%; }
    .zhanhui1 ul { margin-top: 40px; }
    .zhanhui1 ul li { float: left; width: 32%; margin-left: 2%; }
    .zhanhui1 ul li:first-child { margin-left: 0px; }
    .zhanhui1 ul li img { width: 50%; float: left; }

    .scroll { height: 50px; margin: 0 auto; overflow: hidden; background: #fff; position: relative; padding-left: 136px; }
    .scroll ul li span { padding: 0 2%; }
    .scroll ul li { height: 50px; line-height: 50px; }
    .scroll_title { display: block; width: 135px; height: 26px; line-height: 26px; position: absolute; left: 0; top: 12px; font-size: .4rem; color: #000; border-right: 1px solid #e5e5e5; text-align: center; }
}

@media screen and (max-width:999px) {
    .menu { display: none; }
    .nav_btn { display: block; }
    .nav { display: none; }
    .yuyan { display: none; }
    .header { height: 90px; width: 100%; }
    .head { height: 60px; margin: 0 auto; position: relative; }
    .head_right1 { width: 100%; position: absolute; left: 0px; height: 56px; display: block; }
    .head_right1_1 { height: 56px; margin-left: 194px; }
    .head_right1_2 { height: 56px; }
    .logo { margin-top: 10px; width: 90px; position: absolute; left: 15px; z-index: 1; }
    .nav_anniu { display: block; position: absolute; top: 20px; right: 15px; }
    .stateBut { display: block; position: absolute; top: 20px; right: 60px; }
    .search { display: none; }
    .nav_btn { width: 100%; height: 47px; }
    .sousuo { width: 100%; height: 51px; background-color: #eedccf; }
    .sousuo .search_input { width: 96%; height: 40px; margin-top: 5px; margin-left: 2%; border-radius: 10px; text-indent: 10px; outline: none; }
    .sousuo .search_btn2 { width: 47px; height: 40px; margin-top: 5px; background: url(../images/sousuo2.png) no-repeat center center; position: absolute; right: 15px; outline: none; }
    .nav_btn { width: 100%; }
    .cc_pic { display: none; width: 100%; }
    .navlist_bg { width: 100%; height: 100%; position: fixed; left: 100%; top: 0; overflow: hidden; background: rgba(0,0,0,0.2); z-index: 9999; }
    .navlist { display: block; width: 60%; height: 100%; position: fixed; background: #fff; z-index: 10000; left: 100%; top: 0; }
    .navlist ul li { width: 96%; border-bottom: 1px solid #e5e5e5; height: 45px; line-height: 45px; padding-left: 4%; }
    .navlist ul li.guanbi { border-bottom: 1px solid #0d61a9; text-align: right; }
    .navlist ul li.guanbi span { padding-top: 8px; display: block; }
    .gengduo { display: none; }
    .footer .footer_top .five { margin-top: 25px; float: left; margin-left: 0; clear: both; }
    .foot_bottom span select { background: #262626; border: none; color: #666; margin-left: 20px; }

    .main { width: 100%; background-color: #f6f6f6; padding: 0px 0px; }

    .yincang h6 { word-break: break-all; word-wrap: break-word; height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .yincang h6 a { font-size: .12rem; color: #fff; line-height: 1.6; word-break: break-all; word-wrap: break-word; }
    .yincang p { font-size: 14px; margin-top: 5px; overflow: hidden; height: 40px; margin-bottom: 5px; }
    .yincang .xinp { font-size: 10px; margin-top: 5px; margin-bottom: 2px; }

    .yincang h6 a:hover { text-decoration: none; }

    .mainbav .er { }
    .mainbav .er li { float: left; width: 100%; margin-left: 2%; position: relative; margin-top: .4rem; }
    .mainbav .er li:first-child { margin-left: 0px; }
    .mainbav .er li img { width: 100%; }
    .mainbav .er li .biaozhi { position: absolute; top: 10px; left: 10px; z-index: 1004; color: #fff; padding: 6px 10px; width: 22%; }

    .mainbav .san { }
    .mainbav .san li { float: left; width: 32%; margin-left: 2%; margin-top: .4rem; }
    .mainbav .san li:first-child { margin-left: 0px; }
    .mainbav .san li img { width: 100%; }

    .zhanhui { width: 100%; background-color: #fff; padding-top: 40px; padding-bottom: 40px; float: left; }
    .zhanhui1 .p14 { font-size: 24px; font-weight: bold; text-align: center; }
    .zhanhui1 .p14 img { position: relative; bottom: 6px; }
    .p15 { font-size: .32rem; font-weight: bold; color: #323232; margin-top: 6px; }
    .p16 { font-size: .28rem; color: #323232; line-height: 24px; margin-top: 3px; }
    .zhanhui1 ul { margin-top: 40px; }
    .zhanhui1 ul li { float: left; width: 32%; margin-left: 2%; }
    .zhanhui1 ul li:first-child { margin-left: 0px; }
    .zhanhui1 ul li img { width: 100%; }

    .footer { width: 100%; background-color: #181818; color: #fff; font-size: 12px; margin: 0px; overflow: hidden; }
    .footer .footer_top { height: 323px; }
    .footer .footer_top .first { width: 20%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top li { margin-bottom: 20px; }
    .footer .footer_top .sec { width: 20%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .thir { width: 20%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .forth { width: 20%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .six { width: 20%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .seven { width: 20%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .five { margin-top: 25px; float: left; margin-left: 0; }
    .footer .footer_top .five .erweima { float: left; }
    .five .erweima:last-child { margin-left: 20px; }
    .five .erweima p { text-align: center; margin-top: 10px; position: relative; }
    .foot_bottom { width: 100%; background-color: #0f0f0f; float: left; }
    .foot_bottom span { width: 100%; line-height: 2em; text-align: center; display: block; color: #2a2a2a; }

    .scroll { display: none; }
}

@media screen and (max-width:650px) {
    .footer .footer_top .first { width: 33%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .sec { width: 33%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top ul:nth-of-type(4) { clear: both; }
    .footer .footer_top .thir { width: 33%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .forth { width: 33%; margin-top: 25px; float: left; text-align: left; clear: both; }
    .footer .footer_top .six { width: 33%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .seven { width: 33%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .five { margin-top: 25px; float: left; margin-left: 0px; }
}

@media screen and (max-width:600px) {
    .yi { width: 100%; margin: 0 auto; }
    .dtTxt { float: left; width: 100% !important; margin-left: 0% !important; position: relative; }
    .dtTxt:first-child { width: 32%; margin-left: 0px; }
    .dtTxt img { width: 100%; }

    .er { margin-top: 30px; width: 100%; margin: 0 auto; }
    .er li { float: left; width: 100% !important; margin-left: 0% !important; position: relative; margin-top: .4rem; }
    .er li:first-child { margin-left: 0px; }
    .er li img { width: 100%; }
    .er li .biaozhi { position: absolute; top: 10px; left: 10px; z-index: 1004; color: #fff; padding: 6px 10px; width: 22%; }

    .mainbav .san { margin-top: 15px; width: 100%; margin: 0 auto; }
    .mainbav .san li { float: left; width: 100% !important; margin-left: 0% !important; margin-top: .4rem; }
    .mainbav .san li:first-child { margin-left: 0px; }
    .mainbav .san li img { width: 100%; }

    .zhanhui { width: 100%; background-color: #fff; padding-top: 40px; padding-bottom: 40px; float: left; }
    .zhanhui1 .p14 { font-size: 24px; font-weight: bold; text-align: center; }
    .zhanhui1 .p14 img { position: relative; bottom: 6px; display: none; }
    .p15 { font-size: .32rem; font-weight: bold; color: #323232; margin-top: 6px; }
    .p16 { font-size: 0.28rem; color: #323232; line-height: 24px; margin-top: 3px; }
    .zhanhui1 ul { margin-top: 40px; }
    .zhanhui1 ul li { float: left; width: 100% !important; margin-left: 0% !important; }
    .zhanhui1 ul li:first-child { margin-left: 0px; }
    .zhanhui1 ul li img { width: 100%; }
}

@media screen and (max-width:399px) {
    /*.footer .footer_top .first { width: 50%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .sec { width: 50%; margin-top: 25px; float: left; text-align: left; }
    .footer .footer_top .thir { width: 50%; margin-top: 25px; float: left; text-align: left; clear: both; }
    .footer .footer_top .forth { width: 50%; margin-top: 25px; float: left; text-align: left; clear: none; }
    .footer .footer_top .six { width: 50%; margin-top: 25px; float: left; text-align: left; clear: both; }
    .footer .footer_top .seven { width: 50%; margin-top: 25px; float: left; text-align: left; }*/
    .footer .footer_top .five { margin-top: 25px; float: left; margin-left: 0px; }
    .footer .footer_top .five .erweima { float: left; }
    .five .erweima:last-child { margin-left: 20px; }
    .five .erweima p { text-align: center; margin-top: 10px; position: relative; }

    .yi { width: 100%; }
    .dtTxt { float: left; width: 100% !important; margin-left: 0% !important; position: relative; }
    .dtTxt:first-child { width: 32%; margin-left: 0px; }
    .dtTxt img { width: 100%; }

    .er { margin-top: 30px; width: 100%; }
    .er li { float: left; width: 100% !important; margin-left: 0% !important; position: relative; }
    .er li:first-child { margin-left: 0px; }
    .er li img { width: 100%; }
    .er li .biaozhi { position: absolute; top: 10px; left: 10px; z-index: 1004; color: #fff; padding: 6px 10px; width: 22%; }

    .mainbav .san { margin-top: 15px; width: 100%; }
    .mainbav .san li { float: left; width: 100% !important; margin-left: 0% !important; }
    .mainbav .san li:first-child { margin-left: 0px; }
    .mainbav .san li img { width: 100%; }
}

@media screen and (max-width:350px) {
    .five .erweima:last-child { margin-left: 3px; /*clear:both;*/ }
}

/*通用样式*/
img { max-width: 100% !important; max-height: 100% !important; }
.inpage_bg { width: 100%; background-color: #f1f1f1; }
.weizhi { height: 1rem; line-height: 1rem; font-size: .26rem; color: #999; overflow: hidden; }
.neirong { width: 75%; float: right; }
.name { border-bottom: 1px solid #e5e5e5; padding-bottom: .3rem; font-size: .36rem; margin-bottom: 15px; }

/*公司简介*/
.caidan { width: 21%; float: left; padding: 0 1%; z-index: 99; /*background:#f3f3f3;border:1px solid #e5e5e5;*/ }
.caidan .yiji > li { }
.caidan .yiji > li h1 { height: .8rem; line-height: .8rem; overflow: hidden; /*margin-top:.2rem;*/ border-bottom: 1px solid #e5e5e5; border-collapse: collapse; font-size: .3rem; font-weight: bold; padding: 0 5%; cursor: pointer; }
.caidan .yiji > li h1.select1 { color: #0d61a9; }
.caidan .yiji > li:first-child h1 { border-top: 1px solid #e5e5e5; }
.caidan .yiji > li:last-child h1 { border-bottom: 1px solid #e5e5e5; }
.caidan .erji { display: none; }
.caidan .erji li { line-height: .7rem; overflow: hidden; margin: 0 5%; }
.caidan .erji li > a { line-height: .7rem; height: .7rem; overflow: hidden; display: block; background: url(../images/zuobiao.png) no-repeat 0 13px; padding-left: 5%; font-size: .26rem; }
.caidan .erji li > a:hover { display: block; background: url(../images/zuobiao1.png) no-repeat 0 13px; padding-left: 5%; color: #0d61a9; }
.caidan .erji li > a.select2 { color: #0d61a9; display: block; background: url(../images/zuobiao1.png) no-repeat 0 13px; }
.caidan .erji li a.select2 dl { display: block; }
.caidan .erji li dl { display: none; }
.caidan .erji li dl dd a { padding-left: 10px; display: block; font-size: 10px; }
.caidan .erji li dl dd a.select3 { color: #0d61a9; }
.caidan .erji li dl dd a:hover { color: #0d61a9; }

@media screen and (max-width:750px) {
    .main_content { position: relative; }
    .caidan_brand { width: 52%; height: 40px; background: #f8f8f8; border: 1px solid #e7e7e7; display: block; position: relative; margin-bottom: .4rem; }
    .caidan_brand .b_name { position: absolute; left: 10px; top: 10px; font-size: .36rem; color: #777; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
    .caidan_btn { cursor: pointer; position: absolute; right: 10px; top: 8px; }
    .caidan { display: none; position: absolute; left: 15px; top: 1.8rem; background: #fff; width: 48%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
    .neirong { width: 100%; }
}

#map1_container, #map2_container { width: 100%; height: 50%; float: left; overflow: hidden; margin: 0; }
#allmap1 { margin: 0 0 3px; height: 100%; }
#allmap2 { margin: 3px 0 0; height: 100%; }

.about_company p { line-height: .6rem; margin-top: .5rem; }
.about_company p img { width: 100%; }

/*资质荣誉*/
.pic_rolling { width: 100%; height: 555px; position: relative; }
.pic_rolling .btn_div { height: 46px; width: 46px; position: absolute; bottom: 280px; z-index: 1001; }
.pic_rolling .left_div { left: 0px; }
.pic_rolling .right_div { right: 0px; }
.pic_rolling .btn_div a { display: block; width: 46px; height: 46px; }
/*.pic_rolling .left_div a.leftBtn { background: url(../images/left_btn1.png) no-repeat; }
    .pic_rolling .left_div a.disabled { background: url(../images/left_btn1.png) no-repeat; }
    .pic_rolling .right_div a.rightBtn { background: url(../images/right_btn1.png) no-repeat; }
    .pic_rolling .right_div a.disabled { background: url(../images/right_btn1.png) no-repeat; }*/
.pic_rolling .pic_content li .list_img { width: 100%; }
.pic_rolling .pic_content li .list_img img { width: 100%; }
.pic_rolling .pic_content li p { color: #666; line-height: .7rem; }
.pic_rolling .pic_content li .p_title { font-size: .36rem; font-weight: bold; text-align: center; color: #333; }

@media screen and (min-width:750px) {
    .pic_rolling .pic_content { width: 520px; height: 555px; position: relative; overflow: hidden; margin: 0 auto; }
    .pic_rolling .pic_content ul { position: absolute; left: 0px; top: 0px; }
    .pic_rolling .pic_content li { float: left; width: 520px; height: 555px; margin-right: 20px; }
}

@media screen and (max-width:749px) {
    .pic_rolling .btn_div { height: 46px; width: 46px; position: absolute; bottom: 360px; z-index: 1001; }
    .pic_rolling .pic_content { width: 345px; height: 555px; position: relative; overflow: hidden; margin: 0 auto; }
    .pic_rolling .pic_content ul { position: absolute; left: 0px; top: 0px; }
    .pic_rolling .pic_content li { float: left; width: 345px; height: 555px; margin-right: 20px; }
}

@media screen and (max-width:399px) {
    .pic_rolling .btn_div { height: 46px; width: 46px; position: absolute; bottom: 390px; z-index: 1001; }
    .pic_rolling .pic_content { width: 300px; height: 555px; position: relative; overflow: hidden; margin: 0 auto; }
    .pic_rolling .pic_content ul { position: absolute; left: 0px; top: 0px; }
    .pic_rolling .pic_content li { float: left; width: 300px; height: 555px; margin-right: 20px; }
}

/*工厂地址*/
.address_list li { width: 90%; background: #e3e3e3; padding: 2% 3%; margin-top: 10px; position: relative; }
.address_list li p { margin-top: 10px; font-size: .26rem; color: #666; }
.address_list li p:first-child { margin-top: 0; }
.address_list li .p_title { font-weight: bold; }
.address_list li span { margin-right: 3%; }
.address_btn { width: 2rem; height: .7rem; background: #959595; display: block; color: #fff; line-height: .7rem; text-align: center; }
.address_list li:hover .p_title { color: #0d61a9; }
.address_list li:hover .address_btn { background: #0d61a9; color: #fff; overflow: visible; }

@media screen and (min-width:521px) {
    .address_btn { position: absolute; right: 3%; top: 40%; }
}

@media screen and (max-width:520px) {
    .address_list li span { margin-bottom: 3%; display: block; }
    .address_btn { margin-top: 10px; }
}

/*大事记*/
.events_list li { margin-top: .6rem; position: relative; }
.events_biaozhi { width: 95px; height: 35px; background: url(../images/about_events1.png) no-repeat; line-height: 35px; text-align: center; color: #fff; position: absolute; left: 0; top: 0; }
.events_wenzi { margin-left: 100px; }
.events_wenzi p { line-height: .6rem; font-size: .28rem; color: #666; }

/*人才政策*/
.talent_list li { padding: .5rem 0; border-bottom: 1px dashed #e5e5e5; }
.talent_wenzi { width: 68%; float: left; font-size: .28rem; color: #666; line-height: .6rem; }
.talent_wenzi1 { font-size: .28rem; color: #666; line-height: .6rem; }
.talent_img { width: 30%; float: left; margin: 0 1%; }
.talent_img img { width: 100%; }

.talent_yinyu { font-size: .3rem; color: #0d61a9; line-height: .6rem; padding-bottom: .3rem; border-bottom: 1px solid #e5e5e5; }
.talent_title { margin-bottom: .2rem; }
.talent_title .xuhao { font-size: .52rem; color: #0d61a9; font-family: Impact; }
.talent_title .c_name { font-size: .36rem; margin-left: .2rem; }
.talent_title .e_name { font-size: .36rem; color: #c7c7c7; margin-left: .2rem; }

@media screen and (max-width:520px) {
    .talent_wenzi { width: 100%; float: left; font-size: .28rem; color: #666; line-height: .6rem; }
    .talent_img { width: 98%; float: left; margin: 0 1%; }
}

/*社会招聘*/
.social_list li { height: .9rem; line-height: .9rem; border-bottom: 1px dashed #e5e5e5; }
.social_list li span { display: block; background: url(../images/zuobiao.png) no-repeat 0 18px; padding-left: .3rem; font-size: .26rem; float: left; }
.social_btn { float: right; color: #0d61a9; }

.fy { text-align: center; width: 100%; margin-top: 40px; }
.fy li { display: inline; }
.fy li a.fy_btn { width: 30px; height: 30px; line-height: 30px; display: inline-block; border: 1px solid #e5e5e5; }
.fy li a.fy_btn:hover { width: 30px; height: 30px; line-height: 30px; display: inline-block; background: #0d61a9; color: #fff; }
.fy li a.fy_btn1 { width: 60px; height: 30px; line-height: 30px; display: inline-block; border: 1px solid #e5e5e5; }
.fy li a.fy_btn1:hover { width: 60px; height: 30px; line-height: 30px; display: inline-block; background: #0d61a9; color: #fff; }
.fy li a.active { width: 30px; height: 30px; line-height: 30px; display: inline-block; background: #0d61a9; color: #fff; }

.about_social_detail .gangwei { border-bottom: 1px solid #e5e5e5; padding-bottom: .6rem; }
.about_social_detail .gangwei p { color: #333; }
.about_social_detail .gangwei p.social_name { font-size: .32rem; color: #0d61a9; margin-top: .4rem; }
.about_social_detail p { line-height: .6rem; color: #666; }
.about_social_detail p span { margin-right: 1rem; }
.about_social_detail .social_title { font-size: .24rem; font-weight: bold; color: #666; margin-top: .6rem; }

/*企业新闻*/
.news_list li { line-height: .9rem; border-bottom: 1px dashed #e5e5e5; color: #666; position: relative; display: block; /*width:20%;float:left;margin-right:2%;*/ }
.news_list li img { width: 100%; height: 2rem; }
.news_list li a { display: block; width: 100%; height: 100%; }
.news_list li:hover a { color: #0d61a9; font-weight: bold; display: block; background: url(../images/square1_1.png) no-repeat 0 20px; }
.news_list li span { width: 72px; height: .9rem; display: block; }
.news_list li:hover span { color: #0d61a9; font-weight: bold; }

@media screen and (min-width:521px) {
    .news_list li a { margin-right: 80px; }
    .news_list li span { position: absolute; right: 0; top: 0; }
}

.honor_list li { line-height: .9rem; border-bottom: 1px dashed #e5e5e5; color: #666; position: relative; display: block; width: 20%; float: left; margin-right: 2%; }
.honor_list li img { width: 100%; height: 2rem; }
.honor_list li a { display: block; width: 100%; height: 100%; }
.honor_list li:hover a { color: #0d61a9; font-weight: bold; display: block; background: url(../images/square1_1.png) no-repeat 0 20px; }
.honor_list li span { width: 72px; height: .9rem; display: block; }
.honor_list li:hover span { color: #0d61a9; font-weight: bold; }

@media screen and (min-width:521px) {
    .honor_list li { width: 20%; }
    .honor_list li a { margin-right: 80px; }
    .honor_list li span { position: absolute; right: 0; top: 0; }
}

@media screen and (max-width:520px) {
    .honor_list li { width: 48%; }
    .honor_list li a { margin-right: 80px; }
    .honor_list li span { position: absolute; right: 0; top: 0; }
}

.news_detail_title { font-size: 18px; font-weight: bold; text-align: center; border-bottom: 1px solid #e5e5e5; padding: .3rem 0; }
.news_detail_content { padding-bottom: .6rem; border-bottom: 1px solid #e5e5e5; }
.news_detail_content p { line-height: .6rem; margin-top: .6rem; color: #666; }
.news_detail_article { padding: .3rem 0; position: relative; }
.news_detail_article p { line-height: .6rem; }
.news_detail_article p span { color: #0d61a9; }

@media screen and (min-width:521px) {
    .news_detail_article .fenxiang { text-align: right; position: absolute; right: 0; top: .3rem; }
}

/*联系申达*/
.contact_list li { padding: .5rem 0; border-bottom: 1px dashed #e5e5e5; }
.about_contact .ditu { float: left; width: 30%; position: relative; }
.about_contact .ditu_img img { width: 100%; }
.about_contact .ditu .contact_btn { position: absolute; right: 0; bottom: 4px; width: 1.8rem; height: .7rem; display: block; background: url(../images/about_contact2.png) no-repeat; line-height: .7rem; text-indent: 27px; color: #fff; }
.about_contact .ditu .contact_btn img { position: absolute; right: 1.3rem; bottom: .2rem; }
.about_contact .dizhi { float: left; width: 66%; padding: 0 2%; }
.about_contact .dizhi p { color: #666; line-height: 28px; }
.about_contact .dizhi .p_title { font-size: .32rem; color: #333; margin-bottom: 10px; text-align: left; padding-top: 0 !important; }
.about_contact .dizhi p span { margin-left: 1rem; }

@media screen and (max-width:520px) {
    .about_contact .ditu { float: left; width: 100%; position: relative; }
    .about_contact .dizhi { float: left; width: 96%; padding: 0 2%; }
}

/*产品*/
.products_title { font-size: .44rem; font-weight: bold; color: #0d61a9; padding-top: .6rem; letter-spacing: 0; }
.products ul li img { width: 100%; }
.products ul li:hover .search_more { display: block; }
.search_more { width: 100%; height: 100%; background: url(../images/yincang_bg.png) repeat; position: absolute; left: 0; top: 0; text-align: center; color: #fff; display: none; }
.search_more_auto { position: absolute; left: 50%; top: 50%; width: 92%; height: 3.6rem; margin-top: -1.8rem; margin-left: -46%; }
.search_more_btn { width: 2rem; height: .7rem; display: block; margin: 0 auto; line-height: .7rem; border: 1px solid #fff; color: #fff; margin-top: .3rem; }
.search_more p { line-height: .6rem; height: 1.2rem; overflow: hidden; }
.search_more .p_title { font-size: .32rem; font-weight: bold; height: .6rem; overflow: hidden; }
.more { width: 36%; height: 1.1rem; display: block; text-align: center; line-height: 1.1rem; margin: .7rem auto 0; position: relative; }
.more img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.more span { position: absolute; display: block; width: 100%; left: 0%; font-size: .36rem; color: #0d61a9; }

@media screen and (min-width:851px) {
    .products ul li { float: left; width: 32%; margin-left: 2%; position: relative; margin-top: .4rem; }
    .products ul li:nth-child(3n+1) { margin-left: 0; }
}

@media screen and (max-width:850px) {
    .products ul li { float: left; width: 49%; margin-left: 2%; position: relative; margin-top: .4rem; }
    .products ul li:nth-child(2n+1) { margin-left: 0; }
}

@media screen and (max-width:550px) {
    .products ul li { float: left; width: 100%; margin-left: 0; position: relative; margin-top: .4rem; }
}

/*产品详情*/
.products_img { width: 50%; float: left; }
.products_img img { width: 100%; }
.products_txt { width: 49%; margin-left: 1%; float: left; }
.products_txt .p_title { font-size: .44rem; font-weight: bold; }
.products_txt .p_name { font-size: .28rem; font-weight: bold; color: #0d61a9; margin-top: 5%; margin-bottom: 1%; }
.products_txt .p_txt { font-size: .28rem; line-height: .6rem; }
.products_detail_btn { width: 3.4rem; height: .9rem; display: block; background: #0d61a9; line-height: .9rem; text-align: center; font-size: .36rem; color: #fff; }

.products_detail_biaozhi { border-bottom: 1px solid #0d61a9; margin-top: .8rem; }
.products_detail_biaozhi span { width: 2.8rem; height: .8rem; display: block; background: #0d61a9; line-height: .8rem; text-align: center; color: #fff; }
.products_img2 { width: 80%; margin: 0 auto; }
.products_img2 img { width: 100%; }
.products_img3 { width: 50%; margin: 0 auto; }
.products_img3 img { width: 100%; }

@media screen and (max-width:550px) {
    .products_img { width: 100%; }
    .products_txt { width: 100%; margin-left: 0; }
}

/*解决方案列表页*/
.planl_list1 li { width: 32%; }
.planl_list2 li { width: 49%; }
.planl_list li { float: left; margin-left: 2%; margin-top: .32rem; background: #fff; /*border-bottom: 3px solid #c7c7c7;*/ }
.planl_list li:nth-child(3n+1) { margin-left: 0; }

.planl_list li img { width: 100%; }
.planl_list li p { }
.planl_list li:hover { /*border-bottom: 3px solid #0d61a9;*/ }

@media screen and (max-width:500px) {
    .planl_list1 li { width: 100%; }
    .planl_list2 li { width: 100%; }
    .planl_list li { margin-left: 0; }
}

/*解决方案*/
.plan p { color: #666; line-height: .6rem; margin-top: .6rem; }
.plan_list { margin-top: .6rem; }
.plan_list li { width: 23%; float: left; margin-left: 2%; margin-top: 3%; }
.plan_list li.col { width: 50%; margin-left: 0; }
.plan_list li img { width: 100%; }

/*----------服务&支持----------*/
/*公司介绍*/
.introduction_list li { line-height: .9rem; border-bottom: 1px dashed #e5e5e5; color: #666; position: relative; }
.introduction_list li span { display: block; background: url(../images/square1.png) no-repeat 0 20px; padding-left: .3rem; font-size: .26rem; height: .9rem; overflow: hidden; }
.introduction_list li:hover span { color: #0d61a9; font-weight: bold; display: block; background: url(../images/square1_1.png) no-repeat 0 20px; }
.introduction_btn { background: url(../images/xiazai1.png) no-repeat left center; display: block; width: 110px; height: .9rem; padding-left: 30px; }
.introduction_list li:hover .introduction_btn { color: #0d61a9; background: url(../images/xiazai1_1.png) no-repeat left center; }

@media screen and (min-width:521px) {
    .introduction_list li span { margin-right: 105px; }
    .introduction_btn { position: absolute; right: 0; top: 0; }
}

/*视频*/
.video_list li { float: left; margin-top: .5rem; }
.video_list li img { width: 100%; }
.video_img { position: relative; }
.video_img .yincang { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/service_video2.png) repeat; }
.bofang { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bofang.png) no-repeat center center; }
.video_list li .p_title { font-size: .28rem; font-weight: bold; color: #333; height: .4rem; line-height: .4rem; overflow: hidden; margin-top: .2rem; padding-top: 0; text-align: left; }
.video_list li .xiazai { font-size: .24rem; color: #666; margin-top: .2rem; }

@media screen and (min-width:640px) {
    .video_list li { width: 32%; margin-left: 2%; }
    .video_list li:nth-child(3n+1) { margin-left: 0; }
}

@media screen and (max-width:639px) {
    .video_list li { width: 49%; margin-left: 2%; }
    .video_list li:nth-child(2n+1) { margin-left: 0; }
}

@media screen and (max-width:480px) {
    .video_list li { width: 100%; margin-left: 0%; }
}

/*服务承诺*/
.service_promise p { line-height: .6rem; font-size: .28rem; color: #666; letter-spacing: 1px; }
.promise_list li { float: left; width: 32%; margin-left: 2%; margin-top: 2%; }
.promise_list li:nth-child(3n+1) { margin-left: 0; }
.promise_list li img { width: 100%; }

@media screen and (min-width:600px) {
    .promise_list { width: 70%; margin: 0 auto; }
}

@media screen and (max-width:599px) {
    .promise_list { width: 100%; margin: 0 auto; }
}

/*现场技术培训*/
.train_list li { margin-top: .4rem; }
.train_img img { width: 100%; }
.train_txt p { line-height: .6rem; font-size: .28rem; color: #666; }
.train_txt .p_title { font-size: .32rem; color: #333; margin-bottom: .1rem; }
.train_btn { display: block; margin-top: .2rem; }

@media screen and (min-width:521px) {
    .train_img { width: 25%; float: left; }
    .train_txt { width: 73%; margin-left: 2%; float: left; }
}

@media screen and (max-width:520px) {
    .train_img { width: 100%; }
    .train_txt { width: 100%; margin-left: 0%; }
}

/*常见问题*/
.problem_list li { line-height: .6rem; border-bottom: 1px dashed #e5e5e5; margin-top: .3rem; }
.problem_list li:last-child { border-bottom: none; }
.problem_list li .ask { background: url(../images/problem1.png) no-repeat 0px 4px; padding-left: 30px; font-size: .3rem; font-weight: bold; color: #333; }
.problem_list li .answer { height: 1.8rem; overflow: hidden; background: url(../images/problem2.png) no-repeat 0px 4px; padding-left: 30px; font-size: .26rem; color: #666; letter-spacing: 1px; }
.problem_list li .answer em { color: #0d61a9; }
.problem_list li:hover .ask { background: url(../images/problem1_1.png) no-repeat 0px 4px; padding-left: 30px; font-size: .3rem; font-weight: bold; color: #0d61a9; }

.service_problem_detail { line-height: .6rem; }
.service_problem_detail .ask { background: url(../images/problem3.png) no-repeat 0px 9px; padding-left: 30px; font-size: .3rem; font-weight: bold; color: #0d61a9; }
.service_problem_detail .answer { background: url(../images/problem4.png) no-repeat 0px 8px; padding-left: 30px; font-size: .26rem; color: #666; letter-spacing: 1px; }
.service_problem_detail .answer em { color: #0d61a9; }

/*客户咨询*/
.consultation_title { font-size: .36rem; font-weight: bold; color: #0d61a9; text-align: center; }
.consultation_btn { width: 150px; height: 40px; display: block; background: #0d61a9; font-size: .32rem; color: #fff; line-height: 40px; text-align: center; margin: 0 auto; }

.zixun { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; margin: 0 auto; }
.zixun .item { line-height: .8rem; }
.zixun .item span { display: block; width: 20%; padding-left: 1%; border-left: 1px solid #e5e5e5; float: left; height: .8rem; border-top: 1px solid #e5e5e5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; }
.zixun .item .text { float: left; width: 30%; height: .8rem; border: 1px solid #e5e5e5; border-right: none; box-sizing: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.zixun .item .text input { width: 100%; height: .76rem; background: #f6f6f6; outline: none; text-indent: 10px; }
.zixun .item .text textarea { width: 99%; height: 3.9rem; background: #f6f6f6; outline: none; border: none; text-indent: 10px; max-width: 99%; max-height: 3.9rem; }

@media screen and (min-width:521px) {
    .zixun { width: 80%; }
    .zixun .item .text { width: 30%; }
    .zixun .item .text_col { width: 80%; }
    .zixun .item_col span { display: block; height: 4rem; }
    .zixun .item_col .text { height: 4rem; }
}

@media screen and (max-width:520px) {
    .zixun { width: 100%; }
    .zixun .item { position: relative; padding-left: 100px; height: .8rem; }
    .zixun .item span { position: absolute; left: 0; top: 0; width: 100px; }
    .zixun .item .text { width: 100%; }
    .zixun .item_col { height: 4rem !important; }
    .zixun .item_col span { display: block; height: 4rem; }
    .zixun .item_col .text { height: 4rem; }
}

/*国家列表页*/
.countryl_con { position: relative; padding: 20px 0 20px 145px; border-bottom: 1px solid #e5e5e5; }
.continent_name { width: 145px; position: absolute; left: 0; top: 20px; font-size: .36rem; color: #0d61a9; }
.countryl_con ul li { float: left; margin-left: 20px; line-height: 30px; }
.countryl_con ul li a { font-size: .28rem; color: #666; }
.countryl_con ul li a:hover { color: #0d61a9; }
.continent_pic { padding: 30px 0; width: 90%; margin: 0 auto; }
.continent_pic img { width: 100%; }

/*国家详情页*/
.country { padding-bottom: .5rem; border-bottom: 1px solid #e5e5e5; }
.country_img { width: 28%; float: left; }
.country_img img { width: 100%; }
.country_txt { width: 70%; float: left; margin-left: 2%; }
.country_txt p { font-size: .28rem; color: #666; line-height: .6rem; }
.country_name { font-size: .48rem !important; color: #0d61a9 !important; margin-bottom: .1rem; }

.country_title ul li { width: 32%; float: left; margin-left: 2%; }
.country_title ul li:first-child { margin-left: 0; }
.country_title ul li span { width: 100%; height: 1rem; display: block; background: #c9c9c9; line-height: 1rem; text-align: center; font-size: .36rem; color: #666; cursor: pointer; }
.country_title ul li.current span { background: #0d61a9; color: #fff; }

.country_content ul li { background: #e3e3e3; padding: 15px; margin-top: .4rem; position: relative; }
.country_content ul li:hover { background: #cfdde9; }
.country_content ul li span { float: left; margin-right: 10%; }
.country_content ul li p { line-height: .6rem; }
.country_content ul li .p_title { font-size: .28rem; font-weight: bold; color: #0d61a9; }

.country_btn { width: 2rem; height: .7rem; display: block; background: #0d61a9; line-height: .7rem; text-align: center; color: #fff; }

@media screen and (min-width:521px) {
    .country_content ul li { padding-right: 130px; }
    .country_btn { position: absolute; right: 15px; top: 40%; }
}

@media screen and (max-width:520px) {
    .country_btn { margin-top: .2rem; }
}

/*营销&案例*/
.case_list li { float: left; margin-top: .3rem; }
.case_img img { width: 100%; }
.case_list li p { text-align: center; height: .8rem; line-height: .8rem; overflow: hidden; font-size: .32rem; color: #666; }
.case_list li:hover p { color: #0d61a9; }
.case_list li:hover .case_img img { border: 1px solid #0d61a9; box-sizing: border-box !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

@media screen and (min-width:640px) {
    .case_list li { width: 32%; margin-left: 2%; }
    .case_list li:nth-child(3n+1) { margin-left: 0; clear: both; }
}

@media screen and (max-width:639px) {
    .case_list li { width: 49%; margin-left: 2%; }
    .case_list li:nth-child(2n+1) { margin-left: 0; clear: both; }
}

@media screen and (max-width:480px) {
    .case_list li { width: 100%; margin-left: 0%; clear: both; }
}

/*营销&案例详情*/
.case_detail_title { font-size: .48rem; font-weight: bold; color: #0d61a9; text-align: center; }
.case_detail_con { border-bottom: 1px solid #e5e5e5; padding-bottom: .4rem; }
.case_detail_con p { line-height: .6rem; margin-top: .4rem; }
.anli { font-size: .32rem; color: #0d61a9; line-height: 1rem; }
.case_detail_list li { width: 32%; float: left; margin-left: 2%; }
.case_detail_list li:first-child { margin-left: 0; }
.case_detail_list li p { text-align: center; height: .8rem; line-height: .8rem; overflow: hidden; font-size: .32rem; color: #666; }

.gdxq { font-size: 10px; }

#right_iconbox { width: 48px; position: fixed; bottom: 30%; right: 0; z-index: 999; }
#right_iconbox a { display: block; margin: 5px 0; }
.icon_top { cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 0; background-color: #c3c3c3; position: relative; opacity: 0.8; filter: Alpha(opacity=80); }
.icon_top:hover { background-color: red; opacity: 0.7; filter: Alpha(opacity=70); }
.icon_news { cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -48px; background-color: #c3c3c3; position: relative; opacity: 0.8; filter: Alpha(opacity=80); }
.right_icon_text { display: none; width: 38px; height: 38px; background: red; opacity: 0.7; filter: Alpha(opacity=70); color: #fff; padding: 5px; text-align: center; }
.tel_tanchu { padding: 15px 80px 15px 40px; width: auto; right: 5%; }
.tel_tanchu { padding: 20px 10px; width: 350px; border-radius: 8px; display: none; background-color: #edebeb; right: 49px; bottom: 29.5%; position: fixed; border: #ccc 1px solid; z-index: 99999; line-height: .6rem; }

.f_submit { width: 150px; height: 40px; background: #0d61a9; color: #fff; text-align: center; line-height: 40px; display: block; margin: 20px auto; }
.layui-layer-ico { background: url(../default/icon.png) no-repeat !important; background-position: 0 -40px !important; }

.icon_emails { cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -96px; position: relative; background-color: #c3c3c3; opacity: 0.8; filter: Alpha(opacity=80); }
.icon_tels { cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -144px; position: relative; background-color: #c3c3c3; opacity: 0.8; filter: Alpha(opacity=80); }

@media screen and (max-width:768px) {
    .right_icon { display: none !important; }
}

@media screen and (min-width:640px) {
    .case_list li { width: 32%; margin-left: 2%; }
    .case_list li:nth-child(3n+1) { margin-left: 0; clear: both; }
}

@media screen and (max-width:639px) {
    .case_list li { width: 49%; margin-left: 2%; }
    .case_list li:nth-child(2n+1) { margin-left: 0; clear: both; }
}

.honor_title { margin-top: 20px; }
.honor_title li { display: inline; }
.honor_title li span { display: inline-block; width: 120px; height: 30px; cursor: pointer; line-height: 30px; text-align: center; font-weight: bold; }
.honor_title li.current span { color: #0d61a9; }

.scroll_top { width: 25px; height: 25px; display: block; background: url(../images/s_top.png) no-repeat center center; position: absolute; right: 40px; top: 0; }
.scroll_bottom { width: 25px; height: 25px; display: block; background: url(../images/s_bottom.png) no-repeat center center; position: absolute; right: 40px; bottom: 0; }

.showMorehandle { width: 40%; height: .8rem; background: #0d61a9; color: #fff; font-size: .32rem; cursor: pointer; border-radius: 3px; line-height: .8rem; text-align: center; margin: 20px auto; }

/*产品列表页*/
.pro_list { width: 100%; }
.pro_list li { display: inline-block; height: 260px; margin-top: 10px; position: relative; }
.pro_list li img { width: 100%; height: 190px; }
.pro_yy { /*position: absolute; left: 0; bottom: 0;*/ width: 96%; /*background: rgba(0,0,0,.5);*/ padding: 5px 2%; position: relative; }
.pro_yy h4 { font-size: .32rem;padding-right:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pro_yy p { font-size: .28rem; margin-top: 5px; overflow: hidden; height: 40px; margin-bottom: 5px; overflow: hidden; }
.pro_more { position: absolute; right: 2%; bottom: 55px; font-size: .24rem; }

@media screen and (min-width:1000px) {
    .pro_list li { width: 24%; margin-right: 1%; }
}

@media screen and (max-width:999px) {
    .pro_list li { width: 49%; margin-right: 1%; }
}

@media screen and (max-width:520px) {
    .pro_list li { width: 100%; }
}

.video_btn { display: block; position: relative; }
.video { display: none; }
.video_play { width: 69px; height: 71px; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; background: url(../images/video_play1.png) no-repeat; }
.video_btn:hover .video_play { width: 69px; height: 71px; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; background: url(../images/video_play1_1.png) no-repeat; }
.video_close { width: 30px; height: 30px; background: url(../images/video_close.png) no-repeat #666; position: absolute; right: 5%; top: 0; margin-right: -30px; display: none; opacity: 0.3; cursor: pointer; }

.h_title { font-size: 24px; color: #333; text-align: center; margin-bottom: 20px; }
.h_con { font-size: 14px; color: #666; line-height: 25px; word-wrap: break-word; }