@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: 16px;  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:#4b717a}

.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:70px; line-height:70px; position:fixed; width:105%; 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 15px; background:#fff !important}

header li a:hover{ background:#fff !important; color:#7d7d7e !important; }

header li.on a{ color:#4b717a !important;  font-weight:bold; }

.subnav{ background:#fff !important; text-align:left; width:150px; position:relative; left:20px;border-top:5px solid #4b717a}

.subnav a{ border:none !important;padding:5px 10px !important;}

.subnav a:hover{ background:#4b717a !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:60%; height:auto; }

.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:#4b717a; 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:#4b717a; }

.menu li.off{background:#4b717a;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:0px; 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;height:243px; margin-bottom:15px; border:1px solid #cdcdcd; }





/*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%; height:98%;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:#4b717a; }

.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 #4b717a; 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; }

.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:17.4px; 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:90px; /*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:#4b717a}











.outer_bg{ width:100%; height:190px; background:#4b717a}

.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:#4b717a; font-size:14px; color:#fff; margin-right:20px; border:0; border-radius:0px;}

.new_submit{ display:block; width:114px; height:34px; float:left; background:#4b717a; 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:12px; }

}



@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;

	}

}