@charset "utf-8";

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;background:#fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;}
img{border:0;vertical-align:top;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}
.abs{position:absolute;}
.rel{position:relative;}


/*header*/
.header{width:84%; height:82px; padding:27px 0 23px 0; margin:0 auto;}
.logo{float:left; width:354px;}
.header_r{float:right; width:277px;}
.header_rt{width:100%; height:17px; line-height:17px; text-align:right; margin-bottom:28px; color:#b7b7b7; font-size:14px;}
.header_rt a{color:#b7b7b7;}
.header_rt span a{color:#474646;}
.header_rt img{margin-left:6px;}
.wj_down{float:right; width:115px; padding-left:18px; height:35px; line-height:35px;  text-align:left; font-size:16px; background:#00b6dd;}
.wj_down a{color:#fff;}
.wj_down img{float:left; width:19px; height:19px; margin:8px 8px 0 0;}
.nav_part{width:84%; height:49px; margin:0 auto; position:relative;}
.nav{width:100%; height:49px;}
.nav li{float:left; height:49px; font-size:14px; margin-right:20px; display:inline; width:7%}
.nav a{display:block; color:#323232; padding:0 2px; line-height:18px; height:36px}
.nav_on a{border-bottom:solid 1px #ff7e0c;}
.nav li .subnav_part{width:78%; background:url(../images/subnav_bg.png) repeat; padding:24px 5% 44px 5%; color:#4d4d4d; position: absolute; top:49px; left:0; z-index:99; display:none;}
.nav li:hover .subnav_part{display:block;}

.subnav_part a{border:none;}
.subnav{width:100%}
.subnav ul{float:left; width:316px;}
.subnav li{float:none; height:36px; margin:0;}
.subnav a{color:#4d4d4d; line-height:36px; padding:0;}

.subnav li .s_nav{width:280px; padding:5px 10px 10px 10px; top:0; left:0; z-index:999; display:none;}
.subnav li:hover .s_nav{display:block;}
.s_nav li{height:30px; float:none; font-size:14px;}
.s_nav a{color:#4d4d4d; height:30px; line-height:30px; padding:0 4px; border-bottom:dashed 1px #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.search_bg{width:254px; padding:0 12px; height:32px; border-radius:5px; border:solid 1px #d2d2d2; position:absolute; top:0; right:0; z-index:3;}
.search{float:left; width:220px; height:32px; line-height:32px; border:none; color:#b7b7b7; font-size:14px; font-family:"微软雅黑";}
input.search::-webkit-input-placeholder{color:#b7b7b7;}
input.search:-moz-placeholder{color:#b7b7b7;}
.search_btn{float:right; width:19px; height:18px; margin-top:6px;}


/*banner*/
.unslider{overflow:auto}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel li{float:left}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.unslider{position: relative;}
.banner { position: relative; overflow: hidden; text-align: center; height: auto!important;}
.banner li { list-style: none;}
.banner ul li { float: left;}
.banner ul li img{width: 100%;}
.unslider-nav{position: relative;}
.unslider-nav ol { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; z-index: 100;}
.unslider-nav ol li{display: inline-block; width: 9px; height: 9px; border:solid 2px #fff; border-radius:50%; margin: 0 10px; text-indent: -999em; background: #fff;cursor: pointer; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;}
.unslider-nav .unslider-active{border:solid 2px #ff7e0b;background: #fff;opacity: 1;}


/*mainbody*/
.tab_part{width:100%; height:503px; position:relative;}
.tabbtn {width:84%; height:81px; margin:0 auto;}
.tabbtn li {float:left; width:25%; text-align:center; height:81px; line-height:81px; color:#4d4d4d; font-size:18px; position:relative; cursor:pointer; z-index:9;}
.tabbtn li a {display:block; color:#4d4d4d;}
.tabbtn img{width:45px; height:25px; margin:28px 25px 0 0; -webkit-filter:invert(50%);}
.tabbtn li.current{height:94px; background:url(../images/tab_blue.png) no-repeat; background-size:100% 100%;}
.tabbtn li.current a {height:94px;line-height:81px;color:#fff;}
.tabbtn li.current img{-webkit-filter:invert(0);}
.tabcon {width:100%; height:422px; background:url(../images/tab_bg.jpg) no-repeat center top #ebf0f5; position:absolute; top:81px; left:0;overflow:hidden;}
.tabcon .sublist { width:84%; padding:22px 0; margin:0 auto;}

.about{float:left; width:34%; margin:25px 0 0 1%; color:#676767; font-size:14px; line-height:24px;}
.about h1{color:#00b6dd; font-size:24px; font-weight:normal; line-height:30px; margin:1% 0;}
.about h2{color:#676767; font-size:24px; font-weight:normal; line-height:30px; margin:5% 0;}
.about h4{color:#00b6dd; font-size:24px; font-weight:normal; line-height:30px; margin:1% 0 5% 0;}
.about .about_p{height:102px; margin-bottom:20px; overflow:hidden;}
.about a{color:#00b6dd;}

.blk_29 { float:right; width:735px; padding-left:40px; height:346px; overflow:hidden; POSITION: relative}
.blk_29 .LeftBotton { background:url(../images/pic_prev.png) no-repeat; FLOAT: left; WIDTH: 20px; HEIGHT: 36px; CURSOR: pointer; POSITION: absolute; TOP: 150px; LEFT: 0;}
.blk_29 .RightBotton { background:url(../images/pic_next.png) no-repeat; FLOAT: right; WIDTH: 20px; HEIGHT: 36px; CURSOR: pointer; POSITION: absolute; TOP: 150px; right:0;}
.pic_bg{float:right; width:735px; height:334px; padding:12px 0 0 11px; background:url(../images/pic_bg.png) no-repeat; position:relative;}
.pic_01{float:left; width:213px;}
.pic_01 img{width:213px; height:293px;}
.pic_02{float:right; width:279px; margin:65px 67px 0 0;}
.pic_02 img{width:279px; height:194px;}
.pic_03{width:182px; position:absolute; left:270px; bottom:12px;}
.pic_03 img{width:182px; height:127px;}

.product{float:left; width:300px; margin-right:29px; line-height:48px; text-align:center; color:#0f0f0f; font-size:16px;}
.product img{width:300px; height:310px;}
.product a{color:#0f0f0f;}

.map{float:right; width:50%; padding-top:1%;}
.map li{float:left; width:42%; margin-left:3%; border:solid 2px #cacaca; box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
.map img{width:100%;}

.mes_part{float:left; width:430px;}
.mes_part li{padding-bottom:22px;}
.mes_part p{float:left; width:150px; text-align:right; height:33px; line-height:33px; padding-right:8px; color:#303030; font-size:16px;}
.name{float:left; width:250px; padding-left:5px; height:31px; line-height:31px; border:solid 1px #7d7d7d; background:none; font-family:"微软雅黑"; font-size:14px;}
.mes{float:left; width:250px; padding:5px 0 0 5px; height:110px; line-height:24px; border:solid 1px #7d7d7d; background:none; font-family:"微软雅黑"; font-size:14px;}
.yzm{float:left; width:118px; text-align:center; height:31px; line-height:31px; border:solid 1px #7d7d7d; background:none; font-family:"微软雅黑"; font-size:14px; margin-right:12px;}
.btn_yzm{float:left; width:79px !important; height:36px !important;}

.video_bg{width:100%; background:url(../images/video_bg.jpg) no-repeat center top; background-size:cover; padding-bottom:49px;}
.video_title{width:84%; line-height:54px; padding:33px 0 21px 0; text-indent:18px; color:#00b6dd; font-size:36px; margin:0 auto;}
.video{width:84%; margin:0 auto;}
.video img{width:100%;}

.dyn_bg{width:100%; background:#ebf0f5; padding-bottom:62px;}
.dyn_top{width:84%; line-height:54px; padding:33px 0 21px 0; margin:0 auto;}
.dyn_title{float:left; padding-left:18px; color:#00b6dd; font-size:36px;}
.dyn_more{float:right; color:#979898; font-size:24px; padding-right:15px;}
.dyn_more a{color:#979898;}
.dyn{width:85%; margin:0 auto;}
.dyn li{float:left; width:23%; background:#fff; padding-bottom:30px; margin:0 1%; display:inline;}
.dyn img{width:100%;}
.dyn_p{padding:0 20px; color:#979797; font-size:16px; line-height:24px; height:180px; overflow:hidden;}
.dyn_p h4{line-height:60px; color:#1f1f1f; font-size:18px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


/*footer*/
.foot_bg{width:100%; background:#00b6dd; padding:32px 0 16px 0;}
.foot{width:84%; margin:0 auto;}
.foot_nav{float:left; width:32%;}
.foot_nav li{float:left; width:30.333%; text-align:center; line-height:24px; font-size:16px; height:70px}
.foot_nav a{color:#fff;}
.links{float:left; width:52%; margin-left:1%;}
.links h1{color:#fff; font-size:16px; font-weight:normal; line-height:70px; padding-left:2%;}
.links li{float:left; width:31.333%; margin:0 1%;}
.links img{width:100%;}
.code{float:right; width:10%; text-align:center; font-size:16px; color:#fff; line-height:40px;}
.code img{width:100%;}
.copyright{width:100%; text-align:center; line-height:24px; padding:24px 0; color:#fff; font-size:16px; border-top:solid 1px #66d3eb;}


/*about*/
.top_bg{width:100%; height:32px; background:#7c7c7c;}
.top{width:84%; height:32px; margin:0 auto;}
.top li{float:left; width:20%; text-align:left; line-height:32px; font-size:14px; position:relative;}
.top li a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display:block; width:100%}
.top a{display:block; padding-left:20px; color:#fff; background:url(../images/top_01.png) no-repeat left center;}
.top_on a{color:#fe8f00; background:url(../images/top_02.png) no-repeat left center;}
.top li .top_part{width:92%; background:#fff; padding:2% 4% 4% 4%; color:#4d4d4d; position: absolute; top:32px; left:0; z-index:99; display:none;}
.top li:hover .top_part{display:block;}
.top_list{width:100%;}
.top_list li{line-height:30px; float:none; width:100%;}
.top_list a{ background:none; padding:0; color:#4d4d4d; border-bottom:dashed 1px #eee;}
.wzhi{width:84%; border-bottom:solid 1px #d2d2d2; padding-top:6px; height:46px; line-height:46px; color:#2b2b2b; font-size:14px; margin:0 auto 18px;}
.wzhi a{color:#2b2b2b;}

.mainbody{width:84%; margin:0 auto 45px;}
.left{float:left; width:70%; padding:16px 0;}
.right{float:right; width:25%;}
.mainbody .left .newcon img{ max-width:50%;width: auto;}
.company{width:100%; color:#000; font-size:16px; line-height:26px;}
.company img{width:100%;/* margin:4% 0;*/}
.company h4{color:#2b2b2b; font-size:24px; font-weight:normal; line-height:30px; margin-bottom:32px;}
.main-content h3{height:56px; line-height:56px;color: #fff;font-family: "微软雅黑"; font-size:16px; font-weight:normal; cursor:pointer;}
.bellows_item:not(.bellows--is-open)>.bellows_content{display:none;}
.bellows_item.bellows--is-open>.bellows_content-wrapper,.bellows_item.bellows--is-closing>.bellows_content-wrapper{display:block}
.bellows_content-wrapper{display:none}
.bellows{background-color: #f0f0f0; margin-bottom:49px;}
.bellows_header{position: relative;color: #fff;-webkit-tap-highlight-color: transparent;padding-left: 54px;padding-right: 20px;background-color: #00b6dd;}
.bellows_header::before,.bellow	s_header::after{content:'';position:absolute;top:21px;left:16px;z-index:2;display:block;width:17px;height:17px; background:url(../images/icon_01.gif) no-repeat; cursor:pointer;}
.bellows_header::before{content:''; background:url(../images/icon_02.gif) no-repeat; cursor:pointer;}
.bellows_item.bellows--is-open>.bellows_header::before,.bellows_item.bellows--is-opening>.bellows_header::before{background:url(../images/icon_01.gif) no-repeat; cursor:pointer;}
.bellows_item.bellows--is-open>.bellows_header::after,.bellows_item.bellows--is-opening>.bellows_header::after{background:url(../images/icon_01.gif) no-repeat; cursor:pointer;}
.bellows_item:last-child>.bellows_header{border-bottom:0}
.bellows_header h1,.bellows_header h2,.bellows_header h3,.bellows_header h4{margin:0}
.bellows_content{padding:10px 10px 20px 54px;}
.list{width:100%;}
.list li{font-size:14px; padding:5px 0;}
.list a{color:#2b2b2b;}
.list ul li ul{padding:5px 0 5px 18px; display:none;}
.list ul li:hover ul{display:block;}
.list ul li ul li{padding:0; line-height:26px;}
.list ul li ul li a{color:#999;}
.list ul li ul li a:hover{color:#333;}

.r_pic{width:100%;}
.r_pic li{margin-bottom:36px; position:relative;}
.r_pic img{width:100%;}
.r_pic_fon{width:100%; text-align:center; line-height:36px; background:rgba(0,182,221,0.7); color:#fff; font-size:16px; position:absolute; left:0; bottom:0;}


/*product*/
.pro{width:100%;}
.pro ul{margin-right:-5%;}
.pro li{float:left; width:31.333%; text-align:center; line-height:48px; font-size:16px; margin-right:2%; display:inline; padding-bottom:20px;}
.pro img{width:100%; border:solid 1px #d2d2d2; box-sizing:border-box; -webkit-box-sizing:border-box;}
.pro a{color:#323232;}
.page{width:100%; text-align:center; padding-top:40px; font-size:16px;}
.page a{border:solid 1px #00b6dd; background:#00b6dd; padding:5px 10px; color:#fff; margin:0 3px;}
.page a:hover{border:solid 1px #00a0e9; background:#fff; color:#00b6dd;}


/*product_show*/
.show{width:100%; color:#323232; font-size:14px; margin-bottom:40px;}
.show img{float:left; width:37%; border:solid 1px #d2d2d2;}
.show h4{color:#323232; font-size:16px; font-weight:normal; padding:5% 0;}
.show_r{float:right; width:57%;}

.int{width:100%; color:#323232;}
.int h4{background:url(../images/int_top.jpg) no-repeat left center; font-size:16px; font-weight:normal; padding:14px;}


/*news*/
.news{width:100%;}
.news li{margin-bottom:5%; color:#292929; font-size:14px; line-height:24px;}
.news img{float:left; width:32%;}
.news a{color:#e20000; padding-left:24px;}
.news h1{font-size:18px; font-weight:normal; color:#292929;}
.news h4{color:#919191; font-size:14px; font-weight:normal; padding:2% 0 4% 0;}
.news_r{float:right; width:62%; padding-top:1%;}

.page_en{width:100%; text-align:left; padding-top:40px; font-size:16px; line-height:38px;}
.page_en a{border:solid 1px #00b6dd; background:#00b6dd;  padding:5px 10px; color:#fff;}
.page_en a:hover{border:solid 1px #00a0e9; background:#fff; color:#00b6dd;}