@charset "utf-8";
/* reset */
html { height: 100%; +overflow-x:hidden; }
body { min-height: 100%; overflow-x:hidden; }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px;  font-family:Microsoft Yahei,Arial; *font-weight:normal }
body { line-height: 1.17 ;font-weight:normal}

a,.header_c,.phone_menu,.phone_menu em,.search_box,.style_inner_cover,header,section,footer,.subnav { text-decoration: none ;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color:#7d7d7e;}
.star_product_part1 ul li a img,.star_product_part2_box ul li a > img,.news_active_part_box > a img,.imgcase li .imgcase_cover,.news_main li dl dd a img,.news_case_l img { text-decoration: none ;transition:all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color:#7d7d7e;}
.our_main_box_wrap h4, .our_main_box ul li span, .our_main_box_wrap p, .our_main_box_wrap { text-decoration: none ;transition:all 0.6s cubic-bezier(0.42,0,1,1) 0s; color:#7d7d7e; }

a:hover { color:#686666; }
a,li,span { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }

.edit_con_original{ line-height:1.8; padding:0 0;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}



/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }


.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

.arial { font-family:Arial; }
.fl {  float:left;}
.fr {  float:right;}


header,section,footer{ opacity:0; overflow:}

section,footer{  overflow: hidden;}

.star_product_part1 ul,.star_product_part2 ul,.imgcase ul {
    overflow:hidden;
}

.star_product_part1 ul li,.star_product_part2_box li{ width:23%; float:left;}
.star_product_part1 ul{ position:relative;}
.star_product_part1 ul li{ width:23%; float:left; border:1px solid #dddddd; margin:0 1%}
.imgcase li{ width:25%; float:left;}
.star_product_part1 ul li a p{ font-size:18px; line-height:50px; height:50px;}
.star_product_part1_more{ width:100%; line-height:50px; background:#999898; text-align:center; margin:0 auto}
.star_product_part1_more a{ color:#fff; font-size:14px;}
.star_product_part1_more:hover{ background:#00b277}
.header_l,.header_r {
    width:20%;
    float:left;
}

.header_l {  width:125px; height:71px; position:relative;}
.header_l a { cursor:pointer; display:block; width:138px; height:71px; position:absolute; left:0; top:0; z-index:300;}
.header_c{ width:51%; position:absolute; left:50%; margin-left:-30%;}

.banner_vid{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; /*background:url(../images/play_video.png) no-repeat center;*/ z-index:500; }


header { height:80px; line-height:80px; position:fixed; width:100%; z-index:7000; background:#ffffff; top:0; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);}

header li { display:inline-block; background:#fff }
header li a {  font-size:16px; color:#7d7d7e !important; display:block; margin:0 28px; background:#fff !important}
header li a:hover{ background:#fff !important; color:#7d7d7e !important; }
header li.on a{ color:#00b277 !important;  font-weight:bold; }
.subnav{ background:#fff !important; text-align:left; width:150px; position:relative; left:20px;border-top:5px solid #00b277}
.subnav a{ border:none !important;padding:5px 10px !important;}
.subnav a:hover{ background:#00b277 !important; width:100%; color:#fff !important}
.bx-wrapper .bx-viewport{}

.in_banner ul{/*position:relative; left:-1px;*/}
.in_banner ul,.in_banner ul li {  width:100%; height:100%; z-index:1; overflow: hidden;}
.in_banner ul li.curr{z-index:2;}
.in_banner li img { width:100%; height:100%; }
.in_banner .vbox{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer;  background:#000; }
.in_banner .vbox video{width: 100%; height:100%; }
.in_banner ul li video{ height:100%; width:100%; transform: scale(1.02); -webkit-transform: scale(1.02);}
/*.cdr111{height: auto!important;}*/
.cdr111 ul,.cdr111 ul li{height: auto!important;}
.cdr111 ul li{position: relative;}
/*.cdr111 ul li em{height: auto!important;}*/
.in_banner ul li em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/play_video.png) center no-repeat; position:absolute; left:0; top:0; cursor:pointer;}
.cdr111 ul li img{height: auto!important;}
.header_l {  margin-left:60px; position:relative; z-index:500; top:-1px;}
.header_c { text-align:center; z-index:300;  }
.header_r { padding-right:94px; position:relative; float:right; width:320px; z-index:500; height:70px;}
.header_right_box {  float:right; width:150px; position: relative; height:70px;}
.header_right_box span { position:relative; display:inline-block; width:40px; height:70px; z-index: 200; }
.header_right_box .header_right_icon1{ background:url(../images/index_pic1.svg) no-repeat center;}
.header_right_box .header_right_icon1.on{ background:url(../images/index_pic1_on.svg) no-repeat center;}
.header_right_box .header_right_icon2{ background:url(../images/index_pic2.svg) no-repeat center;}
.header_right_box .header_right_icon3{ background:url(../images/index_pic3.svg) no-repeat center;}
.header_right_box .header_right_icon3.on{ background:url(../images/index_pic3_on.svg) no-repeat center;}
.header_right_box a.header_right_box_pic1 { display:inline-block; width:40px; height:100%; position:absolute; top:0; }
.header_right_box a.header_right_box_pic2 { display:inline-block; width:40px; height:100%; position:absolute; top:0; }
.header_right_box a.header_right_box_pic3 { display:inline-block; width:40px; height:100%; position:absolute; top:0; }
.header_r > a {  float:right; margin-right:12%; font-family:Arial;}
.search { position:absolute; right:0; width:70px; height:70px; /* background:url(../images/index_pic4.jpg) no-repeat center #f8f8f8; */transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  z-index: 300}
.search_svg{position:absolute; right:0; width:70px; height:70px; z-index: 1}
.search_svg1{margin-left:25px; position: relative; top:6px;}

.in_banner { margin-top:70px; position:relative; overflow:hidden; }

.in_banner dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000; }
.in_banner dl dd { display:inline-block; width:9px; height:9px; border-radius:5px; background:#fff; margin-right:20px; border:1px solid #000; cursor:pointer; }
.in_banner dl dd:last-child { margin-right:0; }
.in_banner dl dd.active { background:#000; }



.star_product_header {  height:138px; width:138px; background:#00b277; display:block; margin:0 auto; position:relative; margin-bottom:20px }
.star_product_header span { display:none; }
.star_product_header h4 { display:block; width:100%; height:100%; position:relative; }
.star_product_header .star_index {  width:92px; height:27px; display:block; position:absolute; top:50%; margin-top:-13px; left:50%; margin-left:-46px; font-size:20px; color:#FFF}
.star_product_header em { display:block; background:url(../images/jia.png) no-repeat left center; display:block; width:10px; height:10px; position:absolute; bottom:14px; left:50%; margin-left:-5px; }

.banner_left{ left:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:10000; /* background:url(../images/lm.png) no-repeat left; */}
.banner_right{ right:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:10000; /* background:url(../images/rm.png) no-repeat left; */}
.banner_left0{ left:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:300; }
.banner_right0{ right:3%; top:50%; margin-top:-24px; display:block; width:48px; height:48px; position:absolute; z-index:300;}

.star_product{   background-size:100% 100%; padding-bottom:20px;}
.star_wrap{ width:100%; overflow:hidden;}
.star_product_part1{ width:1200px; margin:0 auto 30px; }
.star_product_part1 ul { margin:0 -15px; }
.star_product_part1 ul li a { display:block; position:relative; overflow:hidden; }
.star_product_part1 ul li a img { width:100%; height:100%; }

/*首页明星产品图*/
.mxcp_tu{ width:100%; height:auto; position:relative; margin-bottom:40px}
.mxcp_img img{ width:100%}
.mxcp_img span{ width:350px; margin:0 auto; position:absolute; top:40%; left:42%; font-size: 36px; color:#FFF;}
/*新闻*/
.news_active_tab{ width:1200px; margin:0 auto}
.tab1{width:680px;border-top:#ccc solid 1px;border-bottom:#cccccc solid 1px; float:left}
.menu{border-right:#ccc solid 1px; font-size:14px; width:130px; float:left}
.menu li{ width:130px; height:130px; background:#f5f5f5; font-size:16px; line-height:130px; text-align:center; color:#00b277; }
.menu li.off{background:#00b277;color:#fff;font-weight:bold; border-bottom:none;}
.menudiv{ width:550px; float:left;}
.menudiv div{ /*margin-left:1px;*/}
.menudiv dl{ width:100%;}
.menudiv dl dt img{ width:100%; height:350px;}
.menudiv dl dd{ line-height:40px; height:40px;}
.menudiv dl dd span{ float:right; margin-right:20px}
.menudiv dl dd a{ margin-left:5px; color:#333}

/*文字滚动*/
.wzgd{ }
.qyzbsj{width:520px; float:left;  border:1px solid #f4f4f4}
.myscroll {  height:351px; margin: 0 auto; overflow: hidden;}
.qyzbsj_con dl,.maquee{ width:100%; overflow:hidden; margin:0 auto; color:#7C7C7C}
.qyzbsj_con dd{ float:left; text-align:center; background:#f9f9f9; color:#333;}
.qyzbsj_con dl dd:nth-child(1){ width:30%; height:40px; line-height:40px; }
.qyzbsj_con dl dd:nth-child(2){ width:50%; height:40px; line-height:40px; }
.qyzbsj_con dl dd:nth-child(3){ width:20%; height:40px; line-height:40px;}
.maquee{ height:353px;}
.qyzbsj_con ul{ width:100%;}
.qyzbsj_con li{ width:100%; height:38px; line-height:38px; text-align:center; font-size:14px; }
/*.qyzbsj_con li:nth-child(2n){ background:#077cd0}*/
.qyzbsj_con li div{ float:left;}
.qyzbsj_con li{ background:#fff}
.qyzbsj_con li:nth-child(2n){ background:#f9f9f9}
.qyzbsj_con li div:nth-child(1){ width:30%;}
.qyzbsj_con li div:nth-child(2){ width:50%;}
.qyzbsj_con li div:nth-child(3){ width:20%; }


/*合作*/
 
.yqlj{ margin-top:20px; margin-bottom:25px; height:450px; }

.yqlj ul{ width:1200px; margin:0 auto; margin-top:50px; overflow:hidden;}
.yqlj ul li{ float:left; margin-right:15px; width:340px; text-align:center}
.yqlj ul li img{ width:340px; margin-bottom:15px; }


/*anli*/
.anli{ margin:50px auto; width:1200px; overflow:hidden}
.anli_con{ margin-top:20px;}
.anli_con dl{ width:33.33%; float:left}
.anli_con dl dt{ width:100%;  background:#f5f5f5; text-align:center; height:auto;height:267px;}
.anli_con dl dt img{ width:100%; display:block;}
.anli_con dl dd{  width:100%; background:#f5f5f5;height:267px;text-align:center}
.anli_con dl dd a{ display:block; width:100%; height:100%; font-size:18px; font-weight:550; color:#1f1f1f;padding-top:80px; }
.anli_con dl dd a span{ display:block;padding:5px 20px; border:1px solid #1f1f1f; border-radius:12px; width:80px; margin:0 auto; font-weight:400; margin-top:30px; font-size:14px;	}

/*产品*/
#Tz_wrap{width:400px;margin:100px auto;border:1px solid gray;height:480px;}
#Tz_magnify{width:400px;height:400px;position:relative;margin-bottom:15px;}
#Tz_magnify .simg{ width:400px;height:400px;position:relative;}
#Tz_magnify .simg img[src="../images/sprite-magnify.png"]{position:absolute;bottom:0;right:0;}
#Tz_magnify .simg .mov{width:150px;height:149px;background:url("../images/move.png");position:absolute;left:0px;top:0;cursor:move;display:none;}
#Tz_magnify .bigimg {width:400px;height:400px;position:absolute;left:400px;bottom:0;overflow:hidden;display:none;}
#Tz_magnify .bigimg img{position:absolute;left:0px;top:0;}
.series {width:400px;height:55px;position:relative;}
.series .show {width:400px;height:55px;position:relative;overflow:hidden;}
.series .show ul.cont{width:400px;}
.series .show ul.cont li{float:left;margin:0px 6px;cursor:pointer;border:2px solid transparent;}
.series .show ul.cont li.hover{border:2px solid red;}
.series span{width:20px;height:70px;position:absolute;background-image:url("../images/hd_sprite_v1.0.png");cursor:pointer;}
.series span.left{left:0;top:0;background-position:-142px -18px;}
.series span.right{right:0;top:0;background-position:-172px -18px;}
.series span.left:hover{background-position:-138px -130px;}
.series span.right:hover{background-position:-175px -130px;}


@media only screen and (min-width: 1025px) {
    .star_product_part1 ul li a:hover img {
        transform: scale(1.2);
    }
}
.star_product_part1 ul li a p { width:100%; height:50px; line-height:50px; bottom:0; position:relative; text-align:center; font-size:18px; color:#000000; font-family:Arial; text-transform:uppercase;}



.star_product_part2 {  width:1310px; margin:0 auto; position:relative;}
.star_product_part2 .star_product_part2_box { width:1106px; margin:0 auto; position:relative; z-index:200; overflow:hidden; }
.star_product_part2_box li a { display:block; margin:0 15px; position:relative; overflow:hidden; }
.star_product_part2_box ul{ position:relative; width:8000%;}
.star_product_part2_box ul li a > img { width:100%; height:100%; }
@media only screen and (min-width: 1025px) {
    .star_product_part2_box ul li a:hover > img {transform: scale(1.2);}
    .news_active_part_box > a:hover img{ transform:scale(1.2);}
}
.star_product_part2_box ul li a span { display:block; width:32px; position:absolute; left:50%; margin-left:-16px; top:70px; z-index:500; }
.star_product_part2_box ul li a span img{ display: none!important;}
.star_product_part2_box ul li a span em, .star_product_part2_box ul li a span i { display:block; text-align: center; font-size:14px; color:#7d7d7e;}
.star_product_part2_box ul li a span em.white, .star_product_part2_box ul li a span i.white{ color:#fff;}
.center_banner img {  width:100%; height:auto;}

.svg_file{ display:none;}
.about_part_c > .svg_file{ display:block;}

.center_banner .svg_file,.footer_l_t .svg_file,.style_r .svg_file,.about_part1 .svg_file{ display:block;}



.news_active{ margin-bottom:40px;}

.imgcase{ width:100%; margin-bottom:70px;}
.imgcase li{ position:relative;}
.imgcase li img{ width:100%; height:100%;}
.imgcase li .imgcase_cover{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; color:#fff; font-size:18px; text-align:center; line-height:32px; opacity:0; background:#333137; }
.imgcase li span{ display:none; width:100%; height:auto; position:absolute; left:0; top:45%;  font-size:18px; text-align:center; line-height:32px;  }
.imgcase li:hover span{ display: block;}
.imgcase li span a,.imgcase li:hover span a{color:#fff; font-weight: normal;}
.imgcase li .imgcase_cover span{ display:block; width:100%; height:32px; position:absolute; top:50%; margin-top:-16px; color:#fff;}
@media only screen and (min-width: 1025px) {
    .imgcase li:hover .imgcase_cover{ opacity:1;}
}
.imgcase li em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0;}

.center_banner{ position:relative; background-size:100% auto !important;}

.center_banner_title{ position:absolute; height:33px; top:50%; margin-top:-16px; left:0; width:100%;}
.center_banner_title img{ display:block; margin:0 auto; width:auto; height:33px;}
.center_banner_title span{ display:none;}


.pro_1366 .star_product_part1 ul li a:hover img{transform: scale(1);}
.pro_1366 .star_product_part2_box ul li a:hover > img{transform: scale(1);}
.pro_1366 .news_active_part_box > a:hover img{transform: scale(1);}


.pro_1366 a{ text-decoration: none ;transition:all 0s cubic-bezier(0, 0, 0, 0) 0s; color:#7d7d7e;}
.pro_1366 .star_product_part1 ul li a img,.pro_1366 .star_product_part2_box ul li a > img,.pro_1366 .news_active_part_box > a img,.pro_1366 .imgcase li .imgcase_cover,.pro_1366 .news_main li dl dd a img,.pro_1366 .news_case_l img { text-decoration: none ;transition:all 0s cubic-bezier(0, 0, 0, 0) 0s; color:#7d7d7e;}



*{ box-sizing:border-box;}
.circleMenu_l{ background:url(../images/cir_before.png) no-repeat left center; position:absolute; left:20px; top:50%; margin-top:-15px; width:30px; height:30px; z-index:300;}
.circleMenu_l span{ background:url(../images/bg_back.jpg) no-repeat center; height:100%; width:50%; right:0; top:0; display:block; position:absolute;}
.circleMenu_r{ background:url(../images/cir_before.png) no-repeat left center; position:absolute; right:20px; top:50%; margin-top:-15px; width:30px; height:30px; z-index:300;}
.circleMenu_r span{ background:url(../images/bg_back.jpg) no-repeat center; height:100%; width:50%; left:0; top:0; display:block; position:absolute;}
.cir_menu_l{ width:30px; height:30px; display:block; left:20px; top:50%; margin-top:-15px; position:absolute; opacity:0; background:url(../images/cir_active.jpg) no-repeat; z-index:400;}
.cir_menu_r{ width:30px; height:30px; display:block; right:20px; top:50%; margin-top:-15px; position:absolute; opacity:0; background:url(../images/cir_active.jpg) no-repeat; z-index:400;}
.cir_menu_l.on,.cir_menu_r.on{ opacity:1;}
.circleMenu_l.on span,.circleMenu_r.on span{ height:0%;}

.footer_bg{background:#2a2a2a}
.footer_box{ width:1200px; margin:0 auto; padding-bottom:60px; }
footer{ border-top:2px solid #333137; padding-bottom:20px;}
footer a{ color:#fff}
footer dl{ float:left; margin-right:30px;width:100px;}
footer dt{ padding-top:36px;  width:100px; float:left; border-bottom:1px solid #b4b4b4; line-height:50px;}
footer dt span{ display:none;}
footer dd{ line-height:26px; float:left; padding-top:10px;font-size:16px; }
.footer_l_t{ margin-bottom:90px;}

.footer_l_t dt a{ font-size:18px;}
.footer_l_t dd a{color:#b4b4b4}
.footer_l_b{ font-size:12px; color:#969696; text-align:center; width:1200px;}
.footer_l_b dl dd a{margin:0 5px; color:#969696}
.footer_l_b a.gslogo{position: relative;top:-8px;}
.footer_l{ float:left; width:800px;}

.footer_r{ width:380px; float:right; padding-top:36px;}
.footer_r p{ float:left; color:#969696; line-height:34px; text-align: right}
.footer_r p strong{ font-size:17px; color:#fff;}
.footer_r_b{ float:left}
.footer_r .footer_r_t{ margin-bottom:10px; overflow:hidden; width:260px; float:left;}
.footer_r .footer_r_t_l{ display:inline-block; width:29px; height:29px; position:relative;}
.footer_r .footer_r_t_c{ display:inline-block; width:29px; height:29px; position:relative;}
.footer_r .footer_r_t_r{ display:inline-block; width:29px; height:29px; position:relative;}
.footer_r .footer_r_t_l a,.footer_r .footer_r_t_c a,.footer_r .footer_r_t_r a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:20;}
.footer_r img{ width:90px; margin:10px ;}

.footer_l_t dl.last{ margin-right:0;}

.phone_menu{ display:none;}


.search{}
.search_box{ position:absolute; right:0; overflow:hidden; width:0; height:70px; background:#f8f8f8;}
.search.on .search_box{ width:436px;}
.search_box .search_box_input{ float:left; padding:25px 22px 0; width:296px;}
.search_box .search_box_input input{ background:none; border:0; height:22px; line-height:22px; float:left; width:250px;}
.newsSearch,.proSearch{ width:70px; height:70px; border:0;}
.newsSearch{ background:#3a3a3a; color:#fff; position:absolute; right:70px;}
.proSearch{ background:#000000; color:#fff; position:absolute; right:0px;}

.header_c > a {  display:none;}

.other_main { width:1142px; margin:0 auto; }

header li {  position:relative;}
.subnav {  position:absolute; background:#fff; width:130px; /*padding-bottom:24px;*/ display:none; opacity:0;}
.subnav dd, .subnav a {  line-height:34px; font-size:13px;}
.subnav a {  width:100%; margin:0 auto; padding:0; border-bottom:1px solid #767574; background:#fff; color:#333}
.subnav li dl > dd:last-child a {  border:0;}
.subnav dd, .subnav a:hover{ color:#00b277}





.outer_bg{ width:100%; height:190px; background:#00b277}
.new_title{ width:200px; text-align:center; line-height:70px; font-size:18px; color:#fff; margin:0 auto}
.new_outer{ width:950px; height:190px; margin:0 auto; display:block; margin-top:20px;}
.new_outer ul{ margin-left:40px;}
.new_outer_close a{ display:block; width:73px; height:55px; background:url(../images/close.svg) no-repeat center; background-size:18px 18px; float:right;}

.new_outer ul li{ overflow:hidden; margin-bottom:4px; min-height:70px; float:left; margin-right:30px}
.new_outer ul span{ display:block; position:relative;}
.new_outer ul span.span1{ width:62px; text-align:right; font-size:16px; color:#000; float:left; margin-right:16px; line-height:44px;}
.new_outer ul span.span2{ width:200px; float:left;}

.new_outer ul span.span3{width:300px}
.new_outer ul span.span2 .new_inp1{ height:44px; border:1px solid #bebebe; width:300px; border-radius:4px; padding:0 8px;}
.new_outer ul span.span2 textarea{ height:146px; width:312px; border-radius:4px; padding:8px; overflow:auto; border:1px solid rgb(169, 169, 169);}
.new_outer ul span.span2 em{ display:block; width:16px; height:16px; background:url(../images/new_inpcheckbox.jpg) no-repeat; overflow:hidden; float:left; position:relative; top:3px;}
.new_outer ul span.span2 em.on{ background:url(../images/new_inpcheckbox1.jpg) no-repeat;}
.new_outer ul span.span2 label{ float:left; margin-left:10px; font-size:14px; color:#464646; float:left;}
.new_outer ul span.span2 em input{ opacity:0; position:absolute; right:-200px; top:0;}

.up{ width:170px; height:26px; float:left;}

.new_reset{ display:block; width:114px; height:34px; float:left; background:#333137; font-size:14px; color:#fff; margin-right:20px; border:0; border-radius:0px;}
.new_submit{ display:block; width:114px; height:34px; float:left; background:#333137; font-size:14px; color:#fff; border:0; border-radius:0px;}
.new_outer ul li.new_short{ min-height:44px; padding-top:6px;}

.new_outer ul span.span2 .new_inp1_ver {
    width: 110px;
}

.new_outer ul span.span2 > a {
    position: relative;
    top: 8px;
}

.music_aft{ display:none;}

.header_outer_bg{ background:url(../images/bac_img.png) no-repeat left center; width:153px; height:213px; position:absolute; left:-12px; top:2px; z-index: 100; display: none;}
.header_outer_bg ul{ padding-top: 80px;}
.header_outer_bg li{ display:block; line-height: 32px; width:136px; margin-left: 6px;}
.header_outer_bg li.header_outer_title{ width:108px; margin-bottom: 10px; line-height: 26px;}
.header_outer_bg li.header_outer_title em{ border-bottom:1px solid #dedede; line-height: 26px;}
.header_outer_bg li.header_outer_title em,.header_outer_bg li a{ width:110px; display: inline-block; margin-left:12px; padding: 0;}
.header_outer_bg li a{ padding-left:30px; background: url(../images/black_dot.png) no-repeat 16px center; margin-left: 1px; width:135px;}
.header_outer_bg li a:hover{ padding-left:30px; background: url(../images/white_dot.png) no-repeat 16px center #686666;}
.Agreement_bar > a{ position: absolute; right:0; top:0; display: block; width:73px; height:55px;}
.Agreement_bar > a img{ width:18px; height:18px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.bx-controls-direction{ visibility:hidden;}
.bx-wrapper:hover .bx-controls-direction{ visibility:visible;}

@media only screen and (min-width: 1025px) {
    header li:hover .subnav {
        display: block;
        opacity: 1;
    }
    header li:hover a{ color:#fff; background:#3a3a3a;}
}


.star_product_part2 .arrow-left {
    background: url(../images/arrows.png) no-repeat left top;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 201;
    display:none;
}

.star_product_part2 .arrow-right {
    background: url(../images/arrows.png) no-repeat left bottom;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 201;
    display:none;
}


@media only screen and (max-width: 1366px) {
    footer dl { margin-right:20px; }
    footer dd { font-size:16px; }
}

@media only screen and (max-width: 1280px) {
    .star_product_part1,.star_product_part2 .star_product_part2_box,.news_active_part,.footer_box,.other_main{ width:980px;}
    .star_product_part2{ width:100%;}

    header li{  padding:0 0;}
    .header_r > a{ margin-right:6%;}
    .header_r{padding-right:70px;}
    .header_c{ left:53%;}
    .header_l{ padding-left:30px;}
    .star_product_header,.news_active{ margin-bottom:40px;}
    .star_product{ padding-bottom:70px;}
    .imgcase{ margin-bottom:40px;}
    .star_product_part1 ul li a p{ height:40px; line-height:40px;}

    .footer_l_t {  margin-bottom:70px;color:#666}
	.footer_l_t a{ color:#666}
	

    .news_active_part_box_txt{ padding-bottom:50px;}


}

@media only screen and (max-width: 1024px) {
    .star_product_part1,.star_product_part2 .star_product_part2_box,.news_active_part,.footer_box,.other_main{ width:910px;}
    *{ cursor: pointer;}
    footer dl {  margin-bottom:10px;}

    .footer_l_t {  margin-bottom:50px;}

    header li a { padding:0 28px; }
    .news_active_part_box_txt{ padding-bottom:30px;}

    .circleMenu_r,.circleMenu_l,.cir_menu_l,.cir_menu_r{ display:none!important;}
    .star_product_part2 .arrow-left,.star_product_part2 .arrow-right{ display:block;}

    .center_banner > img{ opacity:1;}

    header li.active .subnav {
        display: block;
        opacity: 1;
    }
    header li.active a{ color:#fff; background:#3a3a3a;}
}


@media only screen and (max-width: 1023px) {
    .star_product_part1,.star_product_part2 .star_product_part2_box,.news_active_part,.footer_box,.other_main{ width:768px;}
    .header_l{ padding-left:10px;}
    .header_c{ left:40%;}

    header li a {  padding:0 18px;}

    .subnav { display:none;}
    .news_active_part_box_txt{ padding-bottom:15px;}

    .header_l{ margin-left:0;}
}

@media only screen and (max-width: 767px) {
    .other_main { width:auto; margin:0 10px; }
    .bx-wrapper{ margin-bottom:10px !important;}
    header{ height:40px; line-height:40px;}
    .header_l{ top:-12px; height:60px;}
    .header_l img{ height:100%; width:auto;}
    .header_c{ display:block; position:fixed; right:0; top:0px; z-index:600; left:auto; background:#202122; height:8000px}
    .header_c li{ width:80px; clear:both;}
    .header_right_box span {  padding-top:3px;}
    .header_r{ width:230px; padding-right:80px;}
    .header_right_box{ width:90px;}
    .search{ width:40px; height:40px; right:40px;}
    .search_svg{right:40px; width:40px; height:40px; }
    .search_svg1{margin-left:11px; margin-top: 11px;}

    .phone_menu{ color:#686666; display:block; right:0; top:0; position:fixed; background:#202122; width:40px; height:40px;}
    .phone_menu em.p1{ display:block; width:18px; height:2px; background:#d7d6d6; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-9px;}
    .phone_menu em.p2{ display:block; width:18px; height:2px; background:#d7d6d6; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-9px;}
    .phone_menu em.p3{ display:block; width:18px; height:2px; background:#d7d6d6; position:absolute; top:50%; margin-top:6px; left:50%; margin-left:-9px;}

    .star_product_header{ height:68px; width:auto; margin:0 10px 10px;}
    .star_product_header .logo_svg{ display:none;}
    .star_product_header span{ display:block; font-size:16px; color:#fff; text-align:center; line-height:46px;}

    .star_product_part1 ul li{ width:50%;}
    .star_product_part1{ width:auto; margin:0 10px;}
    .star_product_part2 .star_product_part2_box{ width:auto; margin:0 10px;}
    .star_product_part2_box li{ width:50%;}
    .cir_menu_l,.cir_menu_r,.circleMenu_l,.circleMenu_r{ display:none;}

    .center_banner{ background:none !important; background-size:100% 100%; margin:0 10px;}
    .center_banner > img{ opacity:1;}
    .center_banner_title img{ display:none;}
    .center_banner_title span{ display:block; color:#fff; font-size:14px; position:absolute; top:50%; left:0; width:100%; text-align:center; margin-top:-10px; line-height:20px;}

    .star_product{ padding-bottom:10px;}
    .center_banner{ margin-bottom:10px;}

    .star_product_part1 ul,.star_product_part2_box ul{ margin:0 -5px;}
    .star_product_part1 ul li a,.star_product_part2_box li a{ margin:0 5px;}

    .news_active_part li:first-child{ display:none;}

    .news_active_part_box dl{ height:auto;}

    .news_active_part ul li{ width:100%; margin-bottom:10px;}
    .news_active_part_box span{ line-height:40px;}
    .news_active_part_box dl{ margin:0 10px; width:auto;}
    .news_active_part_box dt,.news_active_part_box dd{ width:100%; padding:0; clear:both;}
    .news_active_part_box dt a{ margin:0;}
    .news_active_part_box span{ padding:0; margin:0 10px; width:auto;}

    .news_active_part{ width:auto; margin:0 10px;}

    .news_active{ margin-bottom:10px;}
    .imgcase{ margin:0 10px 10px; width:auto;}
    .imgcase li{ width:50%;}
    .imgcase li .imgcase_cover{ opacity:0.5;}
    .imgcase li .imgcase_cover span{ font-size:12px;}

    .footer_r{ display:none;}
    .footer_l_t{ display:none;}
    .footer_box{ width:auto; margin:0 10px; line-height:18px; padding:10px 0; overflow:hidden;}

    .header_c{ line-height:30px; width:60%; transform:translateX(100%)}
    .phone_menu{ transform:translateX(0px);}
    .phone_menu em.p1{ transform:rotate(0deg); margin-top:-6px;}
    .phone_menu em.p2{ opacity:1;}
    .phone_menu em.p3{ transform:rotate(0deg); margin-top:6px;}
    .phone_menu.on{ transform:translateX(0px);}
    .phone_menu.on em.p1{ transform:rotate(45deg); margin-top:0;}
    .phone_menu.on em.p2{ opacity:0;}
    .phone_menu.on em.p3{ transform:rotate(-45deg); margin-top:0;}
    .header_c.on{ transform:translateX(0%)}
    header ul { padding-top:39px; }
    header li{ margin:0 10px; border-bottom:1px solid #fff; width:auto;}
    header li:last-child { margin-right:10px; }
    header li.on a { color:#fff; }
    header li a{ color:#777777; font-size:14px; line-height:18px;}
    .header_l{ height:40px; width:28%; top:0; margin-left:0;}
    .header_l .logo_svg{ height:auto; top:-17px; position:relative;}
    .header_r{ z-index:600;}
    .search_box{ position:absolute; right:-40px; overflow:hidden; width:0; height:40px; background:#f8f8f8; top:40px;}
    .search.on .search_box{ width:365px;}
    .search_box .search_box_input{ float:left; padding:10px 22px 0; width:285px;}
    .search_box .search_box_input input{ background:none; border:0; height:22px; line-height:22px; float:left; width:250px;}
    .newsSearch,.proSearch{ width:40px; height:40px; border:0;}
    .newsSearch{ background:#3a3a3a; color:#fff; position:absolute; right:40px;}
    .proSearch{ background:#000000; color:#fff; position:absolute; right:0px;}

    .star_product_part2 .star_product_part2_box{ overflow-x:auto;-webkit-overflow-scrolling: touch;}

    .news_active_part_box_txt{ padding-bottom:40px;}
    .news_active_part_box_txt > .link_a{ margin-left:-17px;}

    .search:hover {background:url(../images/index_pic4.jpg) no-repeat center #f8f8f8;}

    .center_banner_title {  top:50% !important;}

    .header_right_box { display:block; width:40px; height:40px; overflow:hidden; }
    .header_right_box a.header_right_box_pic2 {  display:none;}
    .header_right_box a.header_right_box_pic3 {  display:none;}
    .search_box { border:1px solid #ccc; }

    .in_banner { margin-top:0px; }

    .star_product_part2_box ul li a span img { display:none; }
    .star_product_part2_box ul li a span em, .star_product_part2_box ul li a span i { display:block;}

    .star_product_part2_box ul li a span em { position:relative; left:50%; width:2px; height:30px; background:#343138; }
    .star_product_part2_box ul li a span em.white { background:#fff; }
    .star_product_part2_box ul li a span i {  font-size:14px; width:16px; text-align:center; left:50%; margin-left:-8px; color:#343138; display:block; text-align:center; position:relative; padding-top:10px;}
    .star_product_part2_box ul li a span i.white { color:#fff; }
    header li a:hover {  color:#fff;}

    .header_c > a {  display:block; width:80px; margin:0 auto; color:#fff; line-height:18px; border-bottom:1px solid #fff; padding:8px 0;}
    .header_r > a { display:none; }
    header li.on a { font-weight:normal;background: #b1b0ae; }
    header.on,section.on,footer.on { transform:translateX(-60%); }
    .header_c li {  width:100%; margin:0;border-top: 1px solid #272727; height:50px; line-height:50px; border-bottom:0; text-align:left; position:relative;}
    .header_c li a { padding:0 25px; box-sizing:border-box; display:block; width:100%; line-height:50px; }
    .header_c li span.circle { width: 8px; height: 8px; border: #474747 1px solid; border-radius: 5px; margin-right: 20px; display:inline-block; }
    .header_c li.on span.circle { border-color: #FFF; background-color: #b1b0ae; }

    .header_c li span.more { width: 12px; height: 12px; position: absolute; right: 10px; top: 20px; }

    .header_c li span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); }

    .header_c li span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); }

    .moreBox { display:block; position:absolute; right:0; width:20%; height:100%; z-index:200; }

    .header_c li span.more span { background: #474747; position: absolute; display:inline-block; }

    .header_c li.active span.circle { border-color: #FFF; background-color: #00C0FF; }
    .header_c li.active a { background: #222324; }
    .header_c li.active a { color: #fff; }
    .header_c li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }

    .footer_l_t {  margin-bottom:20px;}

    header li { padding:0; }

    .subnav {  position:relative; left:0; top:0;}
    .header_c li {  height:auto;}

    .fa-angle-right{ margin-right: 20px; font-size: 12px; color: #fff; width:8px;}



    .header_c li.hasmore { background:#000; }


    .subnav {  padding-bottom:0;}
    .header_c li:hover span.circle { background:#b1b0ae; }
    .header_c li:hover span.more span { background:#fff; }
    .header_c li:hover span.more span.v {    transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0);
        -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
    .header_c li:hover dd a { font-size:12px; }

    .svg_file {  display:none;}

    .header_l a {  height:40px;}



    .login_outer{ width:300px; height:260px; margin:-130px 0 0 -150px;}
    .login_outer ul{ margin:0 auto; width:90%;}
    .login_outer ul span.span2,.login_outer ul span.span2 .new_inp1{ width:190px;}
    .login_outer .new_reset{ margin-right:0;}
    .login_outer ul span.span2 a.forgetpwd{ margin:10px 0 0;}
}



.form_box .form_item { position:relative; min-height:1.5em; padding-left:10em; margin-bottom:20px; line-height:30px;}
.form_box .name { width:10em; position:absolute; left:0; top:0; text-align:right;}
.form_box .name .text  { }
.form_box .form-w { }
.form_box .text { border:1px solid #ddd; box-sizing:border-box; width:400px; padding:0 5px; height:30px; line-height:30px; border-radius:2px;}
.form_box .active .text { border-color:#b6ff00; box-shadow:0 0 2px #00ff21; background:#fdf7e6;}
.form_box .error .text {border-color:#ff0000;  background:#fff; }
.form_box .error .valid_message { display:inline-block; margin-left:0px; color:#ff0000; vertical-align:top; position:absolute; right:10px; top:0; line-height:44px;}
.form_box .form-w label{ margin:0 5px 0 5px; }
.form_box .form-w label input { margin-right:5px;}
.form_box .form-w select { border:1px solid #ddd; height:30px; vertical-align:top; }
.form_box .form-w .city-box select { min-width:130px; float:left; margin-right:5px;  *float:none;}
.form_box .form-w textarea { width:600px;  box-sizing:border-box; border:1px solid #ddd; padding:5px; height:150px; border-radius:2px;}
.form_box .form-w .textarea-box .tip { display:inline-block; vertical-align:top;}
.form_box .form-w .textarea-box.error .tip { color:#ff0000;}
.form_box .form-w .textarea-box.error textarea { border-color:#ff0000; box-shadow:0 0 2px #ff0000; background:#fff;}
.form_box .form-w .sub-botton input { border:0; margin-right:20px; border-radius:2px; min-width:100px; text-align:center; height:30px; color:#fff; background:#666;}
.form_box .form-w .sub-botton #sup { }
.form_box .form-w .sub-botton #res { background:#aaa; }
/*密码强度*/
.form_box .form-w .pwd-strong { width:400px; padding-top:5px;}
.form_box .form-w .pwd-strong i { display:block; float:left; height:20px; line-height:20px; width:31.3%; margin:0 1%; text-align:center; background:#eee; color:#999; }
.form_box .form-w .pwd-strong.weak i:first-child { background:#ed3104; color:#FFF; }
.form_box .form-w .pwd-strong.medium i:first-child{ background:#ed3104; color:#FFF;}
.form_box .form-w .pwd-strong.medium i:first-child + i { background:#f58310; color:#FFF;}
.form_box .form-w .pwd-strong.strong i:first-child{ background:#ed3104; color:#FFF;}
.form_box .form-w .pwd-strong.strong i:first-child + i{ background:#f58310; color:#FFF;}
.form_box .form-w .pwd-strong.strong i:first-child + i+ i{ background:#6e981c; color:#FFF;}
/*上传*/
.upload-box { display:block; width:400px; height:30px; position:relative; background:url(../images/up.png) right center no-repeat; border:1px solid #ddd; border-radius:2px;}
.upload-box.again-box { background:no-repeat; padding:1px; border:0;}
.upload-box.again-box a { display:inline-block; padding:0 10px; margin-right:5px; background:#999; color:#fff; border-radius:2px;}
.upload-box.again-box a:hover { background:#666;}
.upload-box iframe { position:relative; overflow:hidden; position:absolute; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);}
/**/

.login_outer .valid_message{}

.form_box .step_r.error .valid_message{ position:relative; float:left; right:0; line-height:28px; margin-left:8px;}

@media (max-width:767px) {
    .form_box { margin:0 20px;}
    .form_box .form_item { padding-left:0;}
    .form_box .name { position:relative; width:auto;}
    .form_box .form_item .ph-radiobox { padding-left:5em;}
    .form_box .form_item .ph-radiobox .name { position:absolute; width:5em;}
    .form_box .text { width:100%; padding:0; text-indent:5px;}
    .form_box .form-w .pwd-strong { width:auto;}
    .upload-box { width:auto;}
    .form_box .form-w textarea { width:100%; text-indent:5px; padding:5px 0;}
    .form_box .form-w .city-box select { width:100%; float:none; margin:0 0 10px 0;}
    .form_box .error .valid_message { margin-left:5px;}
}



.sprite {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -18px; margin-top: -18px;
    z-index: 500;
}



.sprite-loading_0001 {
    width: 36px;
    height: 36px;
    background-position: -5px -5px;
}

.sprite-loading_00010 {
    width: 36px;
    height: 36px;
    background-position: -51px -5px;
}

.sprite-loading_00011 {
    width: 36px;
    height: 36px;
    background-position: -97px -5px;
}

.sprite-loading_00012 {
    width: 36px;
    height: 36px;
    background-position: -143px -5px;
}

.sprite-loading_00013 {
    width: 36px;
    height: 36px;
    background-position: -189px -5px;
}

.sprite-loading_00014 {
    width: 36px;
    height: 36px;
    background-position: -5px -51px;
}

.sprite-loading_00015 {
    width: 36px;
    height: 36px;
    background-position: -51px -51px;
}

.sprite-loading_00016 {
    width: 36px;
    height: 36px;
    background-position: -97px -51px;
}

.sprite-loading_00017 {
    width: 36px;
    height: 36px;
    background-position: -143px -51px;
}

.sprite-loading_00018 {
    width: 36px;
    height: 36px;
    background-position: -189px -51px;
}

.sprite-loading_00019 {
    width: 36px;
    height: 36px;
    background-position: -5px -97px;
}

.sprite-loading_0002 {
    width: 36px;
    height: 36px;
    background-position: -51px -97px;
}

.sprite-loading_00020 {
    width: 36px;
    height: 36px;
    background-position: -97px -97px;
}

.sprite-loading_00021 {
    width: 36px;
    height: 36px;
    background-position: -143px -97px;
}

.sprite-loading_00022 {
    width: 36px;
    height: 36px;
    background-position: -189px -97px;
}

.sprite-loading_00023 {
    width: 36px;
    height: 36px;
    background-position: -5px -143px;
}

.sprite-loading_00024 {
    width: 36px;
    height: 36px;
    background-position: -51px -143px;
}

.sprite-loading_00026 {
    width: 36px;
    height: 36px;
    background-position: -97px -143px;
}

.sprite-loading_0003 {
    width: 36px;
    height: 36px;
    background-position: -143px -143px;
}

.sprite-loading_0004 {
    width: 36px;
    height: 36px;
    background-position: -189px -143px;
}

.sprite-loading_0005 {
    width: 36px;
    height: 36px;
    background-position: -5px -189px;
}

.sprite-loading_0006 {
    width: 36px;
    height: 36px;
    background-position: -51px -189px;
}

.sprite-loading_0007 {
    width: 36px;
    height: 36px;
    background-position: -97px -189px;
}

.sprite-loading_0008 {
    width: 36px;
    height: 36px;
    background-position: -143px -189px;
}

.sprite-loading_0009 {
    width: 36px;
    height: 36px;
    background-position: -189px -189px;
}




.clew-portrait { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: url(../images/clew_portrait_bg-pad.jpg) no-repeat 50% 50% #fff; background-size: 147px 157px; z-index: 8000; }
.portrait .clew-portrait { display: block }


.ball-clip-rotate > div {
    background-color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 1px solid #000;
    border-bottom-color: transparent;
    height: 36px;
    width: 36px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite;
    animation: rotate 0.75s 0s linear infinite; position:fixed; left:50%; margin-left: -18px; top:50%; margin-top: -18px; }

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1); }

    65% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1); }

    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1); }
}

.design_wrap{width:100%; height:1200px; overflow:auto;position: relative;z-index: 999;}
.design_box{width:100%; height:100%; position:relative; top:0;}
.design_iframe{border: 0px;}


#menu a{ color:#4d4d4d;border:none;}
#menu { width:100%; margin:auto;}
 #menu h1 { font-size:14px; border-bottom:#525152 1px solid; margin-top:1px; line-height:35px; }
 #menu h2 { font-size:13px; border-bottom:#848484 1px solid; line-height:30px; font-weight:normal}
 #menu ul { padding-left:5px; border-bottom:#848484 1px solid; border-top:none; margin-bottom:0}
  #menu ul a{ font-size:12px; line-height:30px}
   #menu ul a:hover{ font-size:12px; color:#e66803}
 #menu a { display:block; padding:5px 0 3px 10px; text-decoration:none; overflow:hidden;}
 #menu a:hover{ color:#000;}
 #menu .no {display:none;}
 #menu .h1 a{color:#565656;}
 #menu .h2 a{color:#565656;}
 #menu h1 a{color:#565656;}
 #menu a i{ float:right; margin-right:5px; font-style:normal; color:#666}
 
 
 
 /* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}