@charset "utf-8";
/* CSS Document */

* { transition: all .2s; }
.head { min-height: 105px; margin-top: 35px; }
.logo { float: left; margin: 0 25px 0 10px; }
.ggy { float: left; margin: 0; margin-top: 15px; }
.telephone { float: right; margin-top: -15px; }
.font1 { font-size: 1.7em; color: #333; }
.font1 span { color: #e91010; }
.font2 { padding-left: 30px; background: url(../images/icon_tel.jpg) no-repeat left center; font-size: 1.2em; line-height: 1.5em; }
.font2 span { color: #ae7c01; }
.font3 { font-size: 1.4em; color: #754805; }
.nav_s { display: none; margin-bottom: 5px; background: #fdb813; margin-top: 25px; }
.nav_s ul { width: 90%; margin: 0 auto; }
.nav_s li { border-bottom: 1px solid #fff; }
.nav_s li a { color: #fff; line-height: 1.8em; display: block; padding-left:5% }
.nav_s li a:hover { background: #b2810e; }
.nav { background: url(../images/menu_bg.jpg) repeat left top; overflow: hidden; margin-top: 15px; }
.nav ul { max-width:1200px; margin: 0 auto;}
.nav ul li.nav0{margin-left:2%}
.nav ul li { float: left; text-align: center; width:12%}
.nav ul li a { font-size: 1em; line-height: 43px; font-weight: bold; color: #000; padding: 0 17px; display: block; border-bottom: 1px solid #cda702; }
.nav ul li a:hover { background: url(../images/menu_bghover.jpg) repeat-x left top; color:#fff; text-decoration:none}
.banner { width: 100%; text-align: center; }
#pagination { display: block; list-style: none; position: absolute; left: 20%; top: 540px; z-index: 9900; padding: 5px 15px 5px 0; margin: 0 }
#pagination li { display: block; width: 10px; height: 10px; float: left; margin-left: 15px; border-radius: 5px; background: #FFF }
#pagination li:hover { background: #f00; }
#pagination li a { display: block; width: 100%; text-indent: -9999px; }

.search { height: 40px; width: 100%; background: #fdb813; }
.search p { font-size: 0.8em; line-height: 3.2em; color: #fff; }
.search a{ color: #fff; }
.inp01 { background: url(../images/searc2h_input.jpg) no-repeat left top; width: 311px; height: 28px;_line-height:28px; margin: 5px 0 0 0; color: #999; padding-left: 10px; border: none; }
.button01 { width: 50px; height: 28px; margin: 5px 0 0 0; color: #fff; background: #333; text-align: center; line-height: 28px; border: none; }
.step1 { margin-top: 25px; overflow: hidden; }
.step2 { margin-top: 16px; overflow: hidden; }
.menuleft { float: left; min-height: 466px; _height:466px; background: #373737 url(../images/menu_left_bg.jpg) no-repeat left top; width: 22%; padding-bottom: 20px; _overflow:hidden }
.menuleft h2 { font: 1.8em; line-height: 3em; color: #fbcf03; margin-left: 20px; }
.menuleft ul { margin: 0 10px; padding-bottom: 15px; border-bottom: 1px dashed #6f6432; overflow: hidden; }
.menuleft ul li { float: left; margin: 10px 20px 0 0; }
.menuleft ul li a { border: 1px solid #fbcf03; color: #fff; font-size: 0.8em; display: block; padding: 0 8px; }
.menuleft ul li a:hover { background: #fbcf03; color: #333; text-decoration: none; }
.menuleft2 { float: left; width: 22%; min-height: 520px;_height: 520px; background: #d3a359 url(../images/gg01.jpg) top; }
.contright { background: #fff; width: 77%; padding-bottom: 20px; float: right; }
.contright2 { background: #fff; width: 77%;  float: right; padding-bottom: 15px; }
.tit_step1 { overflow: hidden; font-size: 1.6em; line-height: 1.8em; color: #333; padding-left: 20px; border-bottom: 1px solid #ccc; }
.tit_step1 span { font-size: 0.4em; color: #f00; margin-left: 5px; }
.tit_step1 a { float: right; display: inline-block; padding-right: 20px; color: #999; background: url(../images/icon_more.jpg) no-repeat right center; font-size: 0.5em; line-height: 2em; margin: 15px 15px 0 0; }

.tit_step2 { font-size: 1.2em; line-height: 1.8em; color: #333; padding-left: 20px; border-bottom: 1px solid #ccc; height:35px; overflow:hidden }
.tit_step2 span { font-size: 0.4em; color: #f00; margin-left: 5px; }
.tit_step2 a {  }

.apage { height:25px; line-height:25px; background:#F9F9F9; padding:0 5px; margin-top:10px; border:solid 1px #ccc; text-align:right; }
.apage a { border:1px solid #d4e3e9; padding:0 3px;  margin-right:5px;}
.apage .num_btns {float:right; font-family:Tahoma;}
.apage a:hover, .apage .cur { border:1px solid #D5D5D5;background-color:#1FA4D1; color:#fff; text-decoration:none;}
.apage .cust_txt { float:left;}
.apage .oran_pg_fp { background:url(img/first_page.gif) 4px 4px no-repeat; padding-right:9px;}
.apage .oran_pg_pp { background:url(img/pre_page.gif) 4px 4px no-repeat; padding-right:5px;}
.apage .oran_pg_np { background:url(img/next_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage .oran_pg_lp { background:url(img/last_page.gif) 8px 4px no-repeat; padding-right:12px;}
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }

.pro_main  { padding:1%}
.proviewbox img {border: 1px solid #EEE;}
.zoom-small-image,.zoom-desc { margin:8px 5px;}

.pro_main h4 { font-size:1.4em; line-height:1.8em; border-bottom:1px solid #CCC}

.contright ul.ul_prodinfo li
{
	float: left;
	width: 100%;
	padding: 6px 0;
	text-align:left
}

.contright ul.newslist,.newslist {list-style: none;margin: 0 auto;padding: 0px;margin-left: 10px;}
.contright ul.newslist li,.newslist li {height: 35px;line-height: 35px;text-align: left;list-style: none; border-bottom: 1px dotted #DADBD6;overflow: hidden; width:99%}
.contright ul.newslist li a,.newslist li a{ font-size:14px}
.contright ul.newslist li .data,.newslist li .data {float: right;padding-right: 10px;color: #B3B3B3;}

.righttext { width:98%; margin:0 auto}
.righttext h3 { line-height:60px; font-size:1.8em; font-weight:bold}
.righttext p{ line-height:1.8em}
.center { text-align:center}
.margintop8 { margin-top:8px}
.righttext_padding {float: left;padding:0px 15px 0px 15px;}
.fonttextindent2em{text-indent:2em;}


.size20 { font-size: 1.6em; line-height: 1.6em; }
.coleeb802 { color: #eeb802; }
.col333 { color: #333; }
.contright ul { overflow: hidden; }
.contright ul li { float: left; width: 30%; margin: 15px 1.5% 0; _margin: 15px 0.5% 0; text-align: center; }
.contright ul li img { height: auto; margin:0 auto; display:block; background: url(../images/shadow_proliti.jpg) no-repeat center bottom; padding-bottom: 17px; }
.contright ul li a { font-size: 1em; color: #333; display: block; }
.contright ul li a:hover { color: #ef0404; }
.contright2 ul { overflow: hidden; }
.contright2 ul li { float: left; width: 30%; margin: 15px 1.5% 0; _margin: 15px 0.5% 0; text-align: center; }
.contright2 ul li img { height: auto; margin:0 auto; display:block; background: url(../images/shadow_proliti.jpg) no-repeat center bottom; padding-bottom: 17px; }
.contright2 ul li a { font-size: 1em; color: #333; display: block; }
.contright2 ul li a:hover { color: #ef0404; }
.guanjun { padding: 10px; border-bottom: 1px solid #e3e3e3;_height:332px; overflow: hidden; }
.guanjun_des { float: left; width: 33%; margin: 30px 0 0 3%; _margin: 30px 0 0 12px;  color: #666; line-height: 1.6em; font-size: 0.8em; }
.guanjun img { float: right; width: 60%; height: auto; margin: 0; }
.chakan { border: 1px solid #fbcf03; color: #333; display: inline-block; margin-top: 20px; font: 12px/26px "Microsoft YaHei"; padding: 0 28px; }
.reason { margin-top: 16px; height: 765px; background: #fff; overflow: hidden; }
.tit_reason { display: block; background: url(../images/reasontit_big.png) no-repeat center top; width: 100%; height: 105px; }
.tit_reason em { display: none }
.reason_des { position: relative }
.reason01_img, .reason02_img, .reason03_img, .reason04_img, .reason05_img { position: absolute }
.reason01_img { top: 173px; left: 52px }
.reason02_img { top: 291px; left: 266px }
.reason03_img { top: 104px; left: 441px }
.reason04_img { top: 285px; left: 626px }
.reason05_img { top: 173px; left: 855px }
.reason01_num, .reason02_num, .reason03_num, .reason04_num, .reason05_num { width: 70px; height: 40px; position: absolute }
.reason01_num { background: url(../images/reason01_num.png) top left no-repeat; top: 137px; left: 111px }
.reason02_num { background: url(../images/reason02_num.png) top left no-repeat; top: 387px; left: 210px }
.reason03_num { background: url(../images/reason03_num.png) top left no-repeat; top: 104px; left: 588px }
.reason04_num { background: url(../images/reason04_num.png) top left no-repeat; top: 438px; left: 600px }
.reason05_num { background: url(../images/reason05_num.png) top left no-repeat; top: 173px; left: 1000px }
.reason01_h1, .reason02_h1, .reason03_h1, .reason04_h1, .reason05_h1 { position: absolute; color: #dea10e; font-size: 24px; font-family: "微软雅黑" }
.reason01_h1 { top: 61px; left: 111px; width: 256px }
.reason02_h1 { top: 443px; left: 78px; width: 370px }
.reason03_h1 { top: 34px; left: 588px; width: 229px }
.reason04_h1 { top: 484px; left: 600px; width: 430px }
.reason05_h1 { top: 101px; left: 935px; width: 246px }
.reason01_txt, .reason02_txt, .reason03_txt, .reason04_txt, .reason05_txt { position: absolute }
.reason01_txt { top: 137px; left: 189px; width: 240px }
.reason02_txt { top: 511px; left: 78px; width: 380px }
.reason03_txt { top: 104px; left: 662px; width: 204px }
.reason04_txt { top: 555px; left: 600px; width: 375px }
.reason05_txt { top: 224px; left: 1029px; width: 147px }
.reason01_jt, .reason02_jt, .reason03_jt, .reason04_jt { position: absolute; width: 60px; height: 45px }
.reason01_jt { background: url(../images/reason_jtdown.png) top left no-repeat; top: 275px; left: 200px; }
.reason02_jt { background: url(../images/reason_jtup.png) top left no-repeat; top: 265px; left: 380px; }
.reason03_jt { background: url(../images/reason_jtdown.png) top left no-repeat; top: 255px; left: 582px; }
.reason04_jt { background: url(../images/reason_jtup.png) top left no-repeat; top: 340px; left: 801px; }
.reason_tel { position: absolute; width: 296px; height: 77px; background: url(../images/tel.png) top left no-repeat; display: none }
.reason_tel a { display: block; width: 100%; height: 100%; }
.reason_tel a span { display: none }
.testi_tit { background: url(../images/testimonial.jpg) no-repeat center center; height: 104px; line-height: 98px; width: 100%; margin-top: 20px; padding-left: 8px; font-size: 1.5em; color: #fff; text-align: center; }
.testi_tit span { font-size: 0.6em; color: #FEFCEB; padding-left: 8px }
/*banner*/
.main_image { width: 100%; height: 600px; overflow: hidden; margin: 0 auto; position: relative }
.main_image ul { width: 9999px; height: 600px; overflow: hidden; position: absolute; top: 0; left: 0 }
.main_image li { float: left; width: 100%; height: 600px; }
.main_image li span { display: block; width: 100%; height: 600px }
.main_image li a { display: block; width: 100%; height: 600px }
div.flicking_con { width: 990px; margin: 0 auto; position: relative }
div.flicking_con .flicking_inner { position: absolute; top: 560px; left: 450px; z-index: 999; width: 300px; height: 21px } /* 121126 */
div.flicking_con a { float: left; width: 21px; height: 21px; margin: 0; padding: 0; background: url('../images/btn_main_img.png') 0 0 no-repeat; display: block; text-indent: -1000px }
div.flicking_con a.on { background-position: 0 -21px }
#btn_prev, #btn_next { z-index: 11111; position: absolute; display: block; width: 73px!important; height: 74px!important; top: 50%; margin-top: -37px; display: none; }
#btn_prev { background: url(../images/hover_left.png) no-repeat left top; left: 100px; }
#btn_next { background: url(../images/hover_right.png) no-repeat right top; right: 100px; }
/*end*/


/*客户见证滚动*/
#slider1 { height: 1%; margin: 30px 0 20px; overflow: hidden; position: relative; padding: 0 50px 10px; }
#slider1 .viewport { width: 98%; height: 205px; overflow: hidden; position: relative; }
#slider1 .buttons { border-radius: 35px; display: block; position: absolute; top: 16%; left: 0; width: 47px; height: 108px; color: #fff; font-weight: bold; text-align: center; }
#slider1 .next { background: url(../images/roll_right.jpg) no-repeat left center; right: 0; left: auto; }
#slider1 .prev { background: url(../images/roll_left.jpg) no-repeat left center; right: auto; left: 0; }
#slider1 .buttons:hover { color: #fff; }
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 206px; left: 0; top: 0; }
#slider1 .overview li { text-align: center; float: left; margin: 0 10px; padding: 1px; height: 203px; width: 200px; transition: none }
#slider1 .overview li h2 { font-size: 1em; line-height: 2em; }
#slider1 .overview li h2:hover { color: #fdb813; }
#slider1 .overview li a { font-size: 0.8em; color: #666; }
#slider1 .overview li img { border: 3px solid #fdb813; }
/*end*/

#slider2 { height:215px; margin: 30px 20px 0px; overflow: hidden; position: relative; padding: 0 50px 10px; }
#slider2 .viewport { width: 200px; height: 205px; overflow: hidden; position: relative; }
#slider2 .buttons { border-radius: 35px; display: block; position: absolute; top: 35%; left: 0; width: 35px; height: 35px; color: #fff; }
#slider2 .next { background: url(../images/roll_lit_right.jpg) no-repeat left center; width: 30px; height: 30px; right: 0; left: auto; }
#slider2 .prev { background: url(../images/roll_lit_left.jpg) no-repeat left center; width: 30px; height: 30px; right: auto; left: 0; }
#slider2 .buttons:hover { color: #fff; }
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 206px; left: 0; top: 0; }
#slider2 .overview li { text-align: center; float: left; margin: 0 20px 0 0; padding: 1px; width: 200px; }
#slider2 .overview li a { font-size: 0.8em; line-height: 3em; color: #fff; }
#slider2 .overview li img { width: 100%; }
/*end*/



.about_main { margin-top: 20px; height: 355px; width: 100%; background: #fdb813; overflow: hidden; }
.medio { padding: 8px }
.medio .video { width: 370px; float: left; }
.medio .video .videosp { width: 370px; height: 300px; margin: 0 auto; background: #000 }
.medio .video p { font-size: 20px; color: #fff; font-weight: bold; text-align: center; line-height: 40px; background: #e5a60f; }
.about_cen { width: 454px; float: left; height: 355px; background: #fdb813 url(../images/line_about.gif) no-repeat center 40px; }
.about_cen h1 p { text-align: center; font-size: 20px; font-weight: bold; margin-top: 18px }
.about_cen h1 { text-align: center; font-size: 14px; }
.about_cen .mt80 p { text-indent: 2em; color: #000 }
.zs_main { float: right; width: 360px; height: 340px; background: url(../images/zs_bg.jpg) repeat left top; }
.zs_main_ry { font-size: 1.2em; margin-top: 30px; color: #fff; text-align: center; }
.mt80 { margin: 20px 15px 0; }
.colfff { color: #fff; }
.mt20 { margin-top: 20px; }
.news { float: left; width: 32%; margin-right: 1%; height: 413px; overflow: hidden; margin-top: 30px; background: #fff; border-bottom: none; padding-bottom: 5px; }
.newsend { width: 34%; margin-right: 0 }
.faq { height: 390px; background: url(../images/box_shadow.jpg) no-repeat center bottom; padding-bottom: 28px; }
.faq dl { border-bottom: 1px solid #eaba5e; margin: 10px 10px 0; }
.faq dl dt { padding-left: 35px; background: url(../images/question.jpg) no-repeat left top; color: #8c6401; font-size: 1em; }
.faq dl dd { padding-left: 35px; background: url(../images/answer.jpg) no-repeat left top; margin-top: 10px; padding-bottom: 10px; color: #666; }
.news_tit { height: 40px; border-bottom: 2px solid #ccc; font-size: 1.2em; line-height: 40px; margin: 0px 10px; color: #333; }
.news_tit span { display: inline-block; padding-left: 20px; background: url(../images/line_x.jpg) no-repeat left center; margin-left: 5px; font-size: 0.8em; color: #eaba5e; }
.news_tit a { float: right; margin-top: 15px; display: inline-block; background: url(../images/icon_more.jpg) no-repeat right center; padding-right: 20px; font-size: 0.6em; color: #999; }
.news_tit a:hover { color: #f00; }
.news_cen { height: 390px; background: url(../images/box_shadow.jpg) no-repeat center bottom; padding-bottom: 28px; overflow: hidden; }
.news_cen ul li { overflow: hidden; margin: 0px 10px; padding-left: 15px; background: url(../images/news_icon.jpg) no-repeat left center; border-bottom: 1px dashed #ccc; }
.news_cen ul li a { color: #666; font-size: 0.8em; line-height: 30px; }
.news_cen ul li a:hover { color: #f00; }
.news_cen ul li span { float: right; color: #999; font-size: 0.7em; line-height: 30px; }
.step3 { overflow: hidden; width: 100%; }
.step4 { width: 100%; overflow: hidden; margin-top: 15px; }
.zxhz { width: 55%; background: #fff; float: left; height: 405px; border: 5px solid #d6d6d6; overflow: hidden; }
.zxhz_tit { text-align: center; font-size: 1.3em; line-height: 50px; border-bottom: 1px solid #ccc; }
.zxhz_left { width: 50%; float: left; height: 100%; }
.zxhz_right { float: right; width: 50%; height: 100%; }
.hezuo_lz { background: url(../images/hezuo_line_y.jpg) repeat-y center 20px; overflow: hidden; padding-bottom: 30px; }
.hezuo_lz li { background: url(../images/hezuo_ine_x.jpg) repeat-x left bottom; float: left; width: 50%; }
.bdr { border-right: 1px solid #ccc; height: 100%; }
.hezuo_lz li img { margin: 5px 15%; width: 70%; }
.tijiao { width: 42%; float: right; margin-top: 12px }
.suoyao { background: url(../images/suoyao_bg.jpg) no-repeat left top; height: 37px; line-height: 37px; text-align: center; width: 267px; }
.font4 { font-size: 1em; line-height: 2em; }
.font4 span { color: #f00; }
.tijiao_bd { margin-top: 20px; }
.tijiao_bd li { overflow: hidden; margin-top: 15px; }
.tijiao_bd li p { float: left; text-align: right; width: 20%; }
.tijiao_bd li span { color: #999; }
.input01, .input02, .input03, .input04 { border: 1px solid #ccc; margin: 0 10px; }
.input01 { width: 150px; height: 22px; }
.input02 { width: 250px; height: 22px; }
.input03 { width: 250px; height: 80px; }
.input04 { width: 80px; height: 22px; }
.button01 { width: 100px; background: #000; color: #fff; text-align: center; margin: 5px 0 0 0; }
.guanggaotu { margin-top: 20px; width: 100%; height: 180px; background: url(../images/wp_bg.jpg) bottom center no-repeat; position: relative }
.guanggaotu .wp_img { width: 15%; height: auto; position: absolute; left: 3%; top: 3% }
.guanggaotu .wp_img img { width: 100%; height: auto; }
.guanggaotu .wp_txt { position: absolute; width: 50%; right: 50px; margin-right: 25%; top: 50px }
.guanggaotu .wp_txt h1 { font-size: 24px; line-height: 40px; color: #fff }
.guanggaotu .wp_txt p { }
.guanggaotu .wp_tel { position: absolute; right: 3%; top: 35% }
.guanggaotu .wp_tel h3 { background: url(../images/wp_tel.png) left no-repeat; padding-left: 48px; color: #f00; font-size: 22px; line-height: 32px }
.guanggaotu .wp_tel p { text-align: right }
.tit_link { background: url(../images/line_db.jpg) repeat-x left center; text-align: center; font-size: 1.6em; margin-top: 25px; }
.tit_link span { display: inline-block; background: #eeeeee; padding: 0 15px 5px; }
.tit_link p { font-size: 0.6em; color: #ad741b; }
.link a { margin: 10px 20px; }
.demoPanel { padding: 0; text-align: center; }
.demoPanel img { width: 100%; }
.foot { background: #f5cb06 url(../images/foot_bg.jpg) repeat-x left top; overflow: hidden; margin-top: 60px; color: #8b6605; }
.foot a { color: #8b6605; }
.footlogo { margin-top: 75px; float: left; width: 10%; }
.foot_right { float: right; width: 86%;_width:80% }
.foot_right ul { overflow: hidden; margin-top: 35px; }
.foot_right ul li { float: left; width: 12%; }
.foot_right ul li a { font-size: 1.2em; }
.foot_right p { margin-top: 25px; font-size: 0.8em; margin-bottom: 15px; color: #5e4805; }
    .slider-wrapper {
        width: 100%;
        /* width: 80%; */
    }
    .top-banner{
        background-color: #333;
    }
/* 窗口宽度在1200px以上 */
@media screen and (min-width: 1200px) {
.wrap { max-width: 1200px }
.nav_s { display: none; }
.nav ul { width: 1200px; margin: 0 auto; }
.nav ul li a { padding: 0 17px; }
}
/* 窗口宽度在1000px以上、1200px以下 */
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.logo { float: left; margin: 15px 0  10px; }
.ggy { display: none; }
.nav_s { display: none; }
.medio { float: left; height: 355px; }
.about_cen { width: 50%; float: left; height: 355px; background: #fdb813 url(../images/line_about.jpg) no-repeat center 20px; }
.about_cen h1 { text-align: center; }
.zs_main { float: right; width: 30%; height: 355px; background: url(../images/zs_bg.jpg) repeat left top; }
.nav ul li { width: 12% }
.nav ul li a { padding: 0; width: 100% }
.nav ul li a span { display: none; }
.zs_main { display: none; }
.medio .video { width: 40% }
.about_cen { width: 60% }
.menuleft2 { min-height: 460px }
}
 @media ( max-width:1024px ) {
.ggy { display: none; }
.nav_s { display: none; }
.zs_main { display: none; }
.medio .video { width: 370px; margin: 0 auto }
.nav ul li { width: 12% }
.nav ul li a { padding: 0; width: 100% }
.nav ul li a span { display: none; }
.menuleft2 { min-height: 460px }
.reason { height: 1030px }
.reason01_img { top: 143px; left: 12px }
.reason02_img { top: 261px; left: 266px }
.reason03_img { top: 174px; left: 481px }
.reason04_img { top: 405px; left: 536px }
.reason05_img { top: 717px; left: 117px }
.reason01_num { top: 107px; left: 71px }
.reason02_num { top: 357px; left: 210px }
.reason03_num { top: 134px; left: 588px }
.reason04_num { top: 547px; left: 428px }
.reason05_num { top: 737px; left: 292px }
.reason01_h1 { top: 31px; left: 71px; width: 256px }
.reason02_h1 { top: 383px; left: 48px; width: 370px }
.reason03_h1 { top: 64px; left: 588px; width: 279px }
.reason04_h1 { top: 594px; left: 420px; width: 430px }
.reason05_h1 { top: 777px; left: 292px; width: 450px }
.reason01_txt { top: 107px; left: 149px; width: 240px }
.reason02_txt { top: 451px; left: 48px; width: 380px }
.reason03_txt { top: 134px; left: 662px; width: 204px }
.reason04_txt { top: 665px; left: 420px; width: 375px }
.reason05_txt { top: 817px; left: 292px; width: 450px }
.reason01_jt { background: url(../images/reason_jtdown.png) top left no-repeat; top: 235px; left: 160px; }
.reason02_jt { background: url(../images/reason_jtup.png) top left no-repeat; top: 305px; left: 410px; }
.reason03_jt { background: url(../images/reason_jtdown2.png) top left no-repeat; top: 345px; left: 652px; }
.reason04_jt { background: url(../images/reason_jtdown2.png) top left no-repeat; top: 657px; left: 309px; }
.reason_tel { position: absolute; display: block; width: 296px; height: 77px; background: url(../images/tel.png) top left no-repeat; top: 580px; left: 30px }
.reason_tel a { display: block; width: 100%; height: 100%; }
.reason_tel a span { display: none }
.step4 { display: none }
.news { float: none; width: 100%; height: auto; margin: 0 auto; margin: 10px 0 }
.news_cen { height: auto; padding-bottom: 10px; background: none }
.faq { height: auto; padding-bottom: 10px; background: none }
}
 @media ( max-width:905px) {
.telephone { float: right; margin-top: -15px; }
.font1 { display: inline-block; font-size: 1.5em; color: #666; margin-top: 20px; }
.font1 span { color: #f00; }
.font2 { display: none; }
.font3 { display: none; }
#nav { width: 27px; height: 33px; background: url(../images/nav.jpg) no-repeat left top !important; position: absolute; right: 35px; top: 70px; }
.nav { display: none; }
.menuleft { display: none; }
.menuleft2 { display: none; }
.contright { width: 100% !important; float: none !important; }
.contright2 { width: 100% !important; float: none !important; }
.zs_main { display: none; }
.about_main { height: auto }
.medio .video { width: 370px; margin: 0 auto; margin-top: 30px; float: none; height: auto }
.about_cen { float: none; margin: 0 auto; margin-top: 30px; width: 100%; height: auto; background-position: center 25px; }
.foot_menu { display: none; }
.reason { height: 1030px }
.reason01_img img, .reason02_img img, .reason03_img img, .reason04_img img, .reason05_img img { width: 70%; margin-left: 23%; height: auto }
.reason01_img { top: 30px; left: 1%; width: 25% }
.reason02_img { top: 210px; left: 1%; width: 25% }
.reason03_img { top: 390px; left: 1%; width: 25% }
.reason04_img { top: 570px; left: 1%; width: 25% }
.reason05_img { top: 750px; left: 1%; width: 25% }
.reason01_num { top: 30px; left: 5% }
.reason02_num { top: 210px; left: 5% }
.reason03_num { top: 390px; left: 5% }
.reason04_num { top: 570px; left: 5% }
.reason05_num { top: 750px; left: 5% }
.reason01_h1 { top: 30px; left: 30%; width: 67% }
.reason02_h1 { top: 210px; left: 30%; width: 67% }
.reason03_h1 { top: 390px; left: 30%; width: 67% }
.reason04_h1 { top: 570px; left: 30%; width: 67% }
.reason05_h1 { top: 750px; left: 30%; width: 67% }
.reason01_txt { top: 70px; left: 30%; width: 67% }
.reason02_txt { top: 280px; left: 30%; width: 67% }
.reason03_txt { top: 430px; left: 30%; width: 67% }
.reason04_txt { top: 640px; left: 30%; width: 67% }
.reason05_txt { top: 820px; left: 30%; width: 67% }
.reason01_jt { display: none }
.reason02_jt { display: none }
.reason03_jt { display: none }
.reason04_jt { display: none }
.reason_tel { display: none }
.guanggaotu .wp_tel { display: none }
.guanggaotu .wp_txt { width: 75%; left: 20% }
}
@media ( max-width:718px) {
.reason01_txt { top: 100px; left: 30%; width: 67% }
.reason01_txt { top: 100px; left: 30%; width: 67% }
}
@media ( max-width:640px ) {
.reason01_img img, .reason02_img img, .reason03_img img, .reason04_img img, .reason05_img img { width: 100%; margin-left: 0; height: auto }
.telephone { float: left }
#nav { top: 50px; }
.logo img { width: auto; }
.search p { display: none; }
.foot_menu { display: none; }
.guanjun_des { width: 50% }
.guanjun img { margin-top: 5em; width: 44% }
.flink1 { display: none }
.footlogo { float:none; width:100%; text-align:center}
.foot_right { width:100%; padding:0 5%; float:none}
.contright ul.newslist li .data { display:none}
}
@media ( max-width:605px) {
.reason03_txt { top: 460px; left: 30%; width: 67% }
.guanggaotu .wp_txt { top: 50px }
.guanggaotu .wp_txt h1 { font-size: 1.2em; line-height: 1.8em; font-weight: bold }
.guanggaotu .wp_txt p { font-size: 0.8em; color: #fff }
}
@media ( max-width:570px) {
.reason01_txt { top: 100px; left: 30%; width: 67% }
.reason02_txt { top: 310px; left: 30%; width: 67% }
.reason { height: 1060px }
.reason03_img { top: 420px; }
.reason04_img { top: 600px; }
.reason05_img { top: 780px; }
.reason03_num { top: 420px; }
.reason04_num { top: 600px; }
.reason05_num { top: 780px; }
.reason03_h1 { top: 420px; }
.reason04_h1 { top: 600px; }
.reason05_h1 { top: 780px; }
.reason03_txt { top: 490px; }
.reason04_txt { top: 700px; }
.reason05_txt { top: 850px; }
}
@media ( max-width:480px ) {
.telephone { float: left }
.font1 { font-size: 1.2em; }
#nav { top: 50px; }
.contright ul li { width: 46%; margin: 15px 2% 0; }
.inp01 { width: 70% }
.button01 { width: 20% }
.search .wrap .fr { float: none }
.guanggaotu .wp_txt { top: 32px }
.guanjun_des { width: 90% }
.guanjun img { margin-top: 1em; width: 100%; float: none }
.flickerplate { height: 300px }
.tit_reason { background: url(../images/reasontit_small.png) no-repeat center top; height: 69px }
.reason01_img { left: 1%; width: 15% }
.reason02_img { left: 1%; width: 15% }
.reason03_img { left: 1%; width: 15% }
.reason04_img { left: 1%; width: 15% }
.reason05_img { left: 1%; width: 15% }
.reason01_num { left: 2% }
.reason02_num { left: 2% }
.reason03_num { left: 2% }
.reason04_num { left: 2% }
.reason05_num { left: 2% }
.reason01_h1 { left: 20%; width: 77% }
.reason02_h1 { left: 20%; width: 77% }
.reason03_h1 { left: 20%; width: 77% }
.reason04_h1 { left: 20%; width: 77% }
.reason05_h1 { left: 20%; width: 77% }
.reason01_txt { left: 20%; width: 77% }
.reason02_txt { left: 20%; width: 77% }
.reason03_txt { left: 20%; width: 77% }
.reason04_txt { left: 20%; width: 77% }
.reason05_txt { left: 20%; width: 77% }
.reason05_img { top: 810px; }
.reason05_num { top: 810px; }
.reason05_h1 { top: 810px; }
.reason05_txt { top: 880px; }
.tit_link { font-size: 1.2em }
.link a { font-size: 14px }
}
@media ( max-width:417px ) {
.reason01_img { left: 1%; width: 15% }
.reason02_img { left: 1%; width: 15% }
.reason03_img { left: 1%; width: 15% }
.reason04_img { left: 1%; width: 15% }
.reason05_img { left: 1%; width: 15% }
.reason01_num { left: 1% }
.reason02_num { left: 1% }
.reason03_num { left: 1% }
.reason04_num { left: 1% }
.reason05_num { left: 1% }
.reason01_img { top: 80px; }
.reason02_img { top: 260px; }
.reason03_img { top: 500px; }
.reason04_img { top: 710px; }
.reason05_img { top: 930px; }
.reason { height: 1120px }
.reason03_num { top: 450px; }
.reason04_num { top: 660px; }
.reason05_num { top: 880px; }
.reason03_h1 { top: 450px; }
.reason04_h1 { top: 660px; }
.reason05_h1 { top: 880px; }
.reason03_txt { top: 520px; }
.reason04_txt { top: 760px; }
.reason05_txt { top: 940px; }
#slider1 .overview li { width: 240px }
.medio .video { width: 300px }
.medio .video .videosp { width: 300px; height: auto }
.medio .video .videosp video { width: 300px; height: auto }
}
@media ( max-width:375px ) {
.reason01_img { left: 1%; width: 20% }
.reason02_img { left: 1%; width: 20% }
.reason03_img { left: 1%; width: 20% }
.reason04_img { left: 1%; width: 20% }
.reason05_img { left: 1%; width: 20% }
.reason01_num { left: 1% }
.reason02_num { left: 1% }
.reason03_num { left: 1% }
.reason04_num { left: 1% }
.reason05_num { left: 1% }
.reason01_img { top: 80px; }
.reason02_img { top: 260px; }
.reason03_img { top: 500px; }
.reason04_img { top: 710px; }
.reason05_img { top: 930px; }
.guanggaotu .wp_txt h1 { line-height: 1.5em }
.reason01_h1, .reason02_h1, .reason03_h1, .reason04_h1, .reason05_h1 { left: 25%; width: 72%; font-size: 18px; line-height: 30px }
.reason01_txt, .reason02_txt, .reason03_txt, .reason04_txt, .reason05_txt { left: 25%; width: 72% }
#slider1 .overview li { width: 180px }
}