@charset "utf-8";
/* =============================================================================
   BASIC
   ========================================================================== */
html, body { height: 100%; } 
body { background: #e7e7e7; }
body.page { background: url(../images/bg.jpg) top center no-repeat #e7e7e7; }
body.pro { background: url(../images/bg.jpg) top center no-repeat; background:linear-gradient(#e5e5e5, #e7e7e7); }
body, th, td, input { font-family: "微软雅黑", Helvetica, Arial, sans-serif; font-size: 12px; color: #666; }
a { text-decoration: none; }
b { font-weight: normal; }
p { line-height: 1.3em; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
h1 { font-size: 16px; font-family: "微软雅黑", Helvetica, Arial, sans-serif; }
h2 { font-size: 14px; font-family: "微软雅黑", Helvetica, Arial, sans-serif; }
h3 { font-size: 13px; font-family: "微软雅黑", Helvetica, Arial, sans-serif; }
h4 { font-size: 12px; font-family: "微软雅黑", Helvetica, Arial, sans-serif; }
h5 { font-family: "微软雅黑", Helvetica, Arial, sans-serif; }
h6 { font-family: "微软雅黑", Helvetica, Arial, sans-serif; }
a:link, a:visited { text-decoration: none; cursor: pointer; }
.ie { position: fixed; width: 60%; height: 80%; padding: 10% 20%; text-align: center; left: 0; top: 0; background: #CCC; z-index: 9999; }
.ie h2, .ie h4 { color: #333 !important; }
g  .ie p { text-align: center; color: #333 !important; font-size: 14px; }
.ie a { color: #F00; }
.loading { position: fixed; width: 100%; height: 100%; z-index: 10000; background: url(../images/loading.gif) center center no-repeat #FFF; }
#wrapper { }
#header { position: relative; background: #FFF; height: 88px; box-shadow: 0 2px 5px rgba(0,0,0,.2); z-index: 3000; width: 100%; min-width: 1000px; }
.inner_width { width: 1000px; margin: auto; position: relative; }
#logo { position: absolute; top: 18px; left: 10px; }
#top_menu { position: absolute; top: 45px; right: 10px; }
#top_menu ul, #top_menu li { display: block; list-style: none; padding: 0; margin: 0; position: relative; }
#top_menu>ul>li { float: left; padding: 0 15px 0 36px; }
#top_menu>ul>li>a { display: block; height: 30px; line-height: 30px; font-size: 16px; color: #7B7D7E; font-weight: normal; }
#top_menu>ul>li>a:hover, #top_menu>ul>li>a.cur, #top_menu>ul>li>a.on { color: #FF4C00; }
#top_menu .subheader2 { background: url(../images/arrow_r_w_list.png) 95% center no-repeat; }
#top_menu .submenu { display: none; position: absolute; top: 43px; left: 30px; background: #FF4C00; padding: 12px 0; width: 200px; box-shadow: inset 0 3px 2px rgba(0,0,0,.4); }
#top_menu .submenu>li>a { display: block; color: #FFF; font-size: 15px; line-height: 1.2em; padding: 10px 25px; background: url(../images/arrow_r_w50.png) 10px 14px no-repeat; }
#top_menu .submenu>li:hover>a { background: url(../images/arrow_r_w50.png) 10px 14px no-repeat #FF6B2D; }
#top_menu .submenu2 { width: 0; overflow: hidden; position: absolute; top: 0; left: 200px; background: #fff; padding: 0; box-shadow: 2px 2px 2px rgba(0,0,0,.4); }
#top_menu .submenu2>li>a { display: block; color: #333; font-size: 15px; line-height: 1.2em; padding: 10px 25px; background: url(../images/arrow_r_g50.png) 10px 14px no-repeat; width: 150px; }
#top_menu .submenu2>li:hover>a { background: url(../images/arrow_r_g50.png) 10px 14px no-repeat #f2f2f2; }
#top_menu .t1 { line-height: 28px; height: 28px; width: 80px; }
#lan { position: absolute; top: 0; right: 10px; cursor: pointer; height: 24px; line-height: 24px; color: #FFF; border-radius: 0 0 5px 5px; background: url(../images/arrow_d_w.png) 90% center no-repeat #666; font-size: 14px; z-index: 1000; }
#lan:hover { background: url(../images/arrow_d_w.png) 90% center no-repeat #333; }
#lan .title { padding: 0 20px; }
#lan .submenu { display: none; position: absolute; top: 22px; left: 0; background: #FFF; width: 100%; }
#lan .submenu a { display: block; color: #666; border-bottom: solid 1px #f2f2f2; padding: 4px 10px; }
#lan .submenu a:hover { display: block; color: #FFF; background: #666; }
#login { position: absolute; top: 0; right: 115px; cursor: pointer; height: 24px; line-height: 24px; z-index: 1; color: #FFF; font-size: 14px; }
#login .title { float: left; padding: 0 20px; border-radius: 0 0 5px 5px; background: #FF4B00; margin: 0 10px 0 0; color: #FFF; }
#login .title:hover { background: #FF612D; }
#login .info { float: left; margin: 0 10px 0 0; color: #FF4C00; }
#inx_banner { }
#inx_banner .cycle-slideshow { width: 100%; min-width: 1000px; position: relative; }
#inx_banner .cycle-slideshow img { width: 100%; height: auto }
#inx_banner .cycle-pager { text-align: right; width: 990px; z-index: 500; position: absolute; top: 10px; left: 50%; margin: 0 0 0 -500px; overflow: hidden; }
#inx_banner .cycle-pager span { font-family: arial; font-size: 40px; width: 16px; height: 16px; margin: 0 3px; display: inline-block; color: #999; cursor: pointer; text-shadow: -2px -2px 2px rgba(0,0,0,.5); }
#inx_banner .cycle-pager span.cycle-pager-active { color: #333; text-shadow: 0 -1px 2px rgba(0,0,0,1); }
#inx_banner .cycle-pager > * { cursor: pointer; }
#content { margin: auto; position: relative; z-index: 1000; }
#inx_full_block { margin: -100px auto 10px; width: 1000px; position: relative; height:140px; z-index: 1000;}
#full_block { position: relative; }
#left_block { width: 230px; position: relative; z-index: 1000; float: left; }
#main_block { width: 770px; position: relative; z-index: 1000; float: left; }

.ctmain{ margin:auto; margin-top:15px; width:1080px; height:270px;}
.ctmain .ctpic{ float:left; width:253px; height:253px;}
.ctmain .gsjs{float:left; margin-left:40px; width:353px;}
.ctmain .gsjs .gsjstt{ height:28px;  border-bottom:1px solid #ccc;}
.ctmain .gsjs .gsjstt dl{float:left; font-weight:bold;}
.ctmain .gsjs .gsjstt ol{float:right;}
.ctmain .gsjs .gsjsnr{float:left; margin-top:10px; width:350px; line-height:170%; font-size:14px; text-indent:2em; text-align:left; text-align:justify;text-justify:distribute-all-lines;}
.ctmain .ctnews{float:left; margin-left:40px; width:380px;}
.ctmain .ctnews .ctnewstt{ height:27px; border-bottom:1px solid #ccc;}
.ctmain .ctnews .ctnewstt dl{float:left; font-weight:bold;}
.ctmain .ctnews .ctnewstt ol{float:right;}
.ctmain .ctnews .ctnewsnr{ margin-top:10px; }

/*index*/
#inx_about_box { width: 24%; float: left; }
#inx_about_box h1 { display: block; text-align: center; }
#inx_about_box .list { height: 100px; padding: 7px 0; }
#inx_about_box .txt { padding: 10px; text-align: center; }
#inx_follow_box { width: 20%; float: left; margin:0 2%; }
#inx_follow_box h1 { display: block; text-align: center; }
#inx_follow_box .list { /*border: solid #CCC;*/ border-width: 0 1px; height: 100px; padding: 7px 0; }
#inx_follow_box .txt { padding: 20px 0px; text-align: center; }
#inx_follow_box .txt a { display: inline-block; opacity: 0.6; margin:2px;}
#inx_follow_box .txt a:hover { opacity: 1; }
.txt { padding: 0px 0px; text-align: center;}
.txt a { display: inline-block; opacity: 0.6; margin: 2px;}
.txt a:hover { opacity: 1; }
#inx_pro_box { width:25%; float:right;}
#inx_pro_box h1 { display: block; text-align: center; }
#inx_pro_box .list { height: 100px; padding: 7px 0; }
#inx_pro_box .txt { padding: 30px 0 0; text-align: center; }
#inx_pro_box .txt .t1 { height: 30px; line-height: 30px; border: none; background: #DDDDDD; box-shadow: inset 1px 1px 2px rgba(0,0,0,.4); width: 154px; }

/*ABOUT*/
#about_box { width:1000px; margin: auto; padding: 36px 0; font-size: 14px;}
#about_box .pic { width: 520px; height: 520px; float: left; margin-bottom: 10px; }
#about_box .info { padding: 25px 0 0 0; }
#about_box .info h1 { margin: 0 0 10px 0; }
#about_box .info2 { float:left; padding: 20px 0 0 0; width:485px;}
#about_box .info2 p{ padding-left:0px;}
#about_box .info2 h1 { margin: 0 0 20px 0; }
#about_box p { padding-left:20px; letter-spacing: 1px; font-size: 17px; line-height:160%; font-family: "微软雅黑", Arial, Helvetica, Arial, sans-serif; margin-bottom: 0.3em;}
#about_box .txt { position: absolute; z-index: 1000; margin: -60px 0 0 0; width: 1000px; }
#about_box .txt h1 { margin: 0 0 20px 0; }
#about_box .txt .note { font-size: 12px; border: 1px solid #999; }
#about_box .txt .note td { padding: 2px 6px; color: #777; border-left: 1px solid #999; font-size: 13px; border-bottom: 1px solid #999; font-family: "微软雅黑", Arial,Helvetica, Arial, sans-serif; }
#about_box .txt table { margin: 10px 0px 30px 0px }

/*agent_rooster*/
.agent_box { text-align: left; padding: -5px 10px; }
.agent_box h1 { color: #FF4C00; font-size: 94px; margin: 0px; font-weight: bold; }
.agent_box h2, .agent_box h2 a { color: #FF4C00; font-size: 16px; }
.agent_box a { color: #FF4C00; font-size: 16px; text-decoration: underline; }
.agent_box a:hover { color: #999; font-size: 16px; text-decoration: underline; }
.agent_box tr td { color: #666666; font-size: 15px; margin: 10px 0px; }
.agent_box tr th { color: #ff4c00; font-size: 17px; padding-right: 20px; }
.agent_box tr th, .agent_box tr td { border-bottom: 1px dotted #ccc; }
.agent_rooster .note { font-size: 12px; border: 1px solid #999; }
.agent_rooster .note td { padding: 2px 6px; color: #777; border-left: 1px solid #999; font-size: 13px; border-bottom: 1px solid #999; font-family: "Gill Sans", "Gill Sans MT", Arial, "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; }
.agent_rooster { text-align: left; }
#about_box .txt a { display: block; float: left; margin: 0px; position: relative; }
#about_box .txt a b { display: block; float: left; width: 180px; height: 38px; }
#about_box .txt a i { display: block; position: absolute; bottom: -10px; right: -10px; width: 20px; height: 20px; background: #000; color: #FFF; font-style: normal; z-index: 100; line-height: 16px; text-align: center; font-size: 18px; border-radius: 10px; }
#about_box .txt a:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/*PRODUCTS*/
#pro_box { padding: 50px 0; font-size: 14px; }
#pro_box .intro { width: 1000px; margin: auto; }
#pro_box .intro .left { width: 730px; float: left; }
#pro_box .intro .info .txt { color: #FFF; font-size: 28px; padding: 20px 10px 0 20px; line-height: 1.4em; }
#pro_box .intro .info .txt a { display: block; color: #FFF; margin: 0 0 20px 0; font-size: 27px; }
#pro_box .intro .info .txt a:hover { color: #FF4C00; font-size: 27px; }
#pro_box .intro .left .list_1 { height: 280px; }
#pro_box .intro .left .list_1 .item_1 { width: 230px; height: 280px; float: left; }
#pro_box .intro .left .list_1 .item_2 { width: 500px; height: 280px; float: left; }
#pro_box .intro .left .list_1>div .info { z-index: 100; left: 0; top: 0; position: absolute; width: 100%; height: 280px; background: #000; background: rgba(0,0,0,.85); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transform: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#pro_box .intro .left .list_1>div:hover .info { opacity: 1; filter: alpha(opacity=100); }
#pro_box .intro .left .list_1>div:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#pro_box .intro .left .list_2 { height: 250px; }
#pro_box .intro .left .list_2 .item_1 { width: 500px; height: 250px; float: left; }
#pro_box .intro .left .list_2 .item_2 { width: 230px; height: 250px; float: left; }
#pro_box .intro .left .list_2>div .info { z-index: 100; left: 0; top: 0; position: absolute; width: 100%; height: 250px; background: #000; background: rgba(0,0,0,.85); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transform: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#pro_box .intro .left .list_2>div:hover .info { opacity: 1; filter: alpha(opacity=100); }
#pro_box .intro .left .list_2>div:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#pro_box .intro .left .list_3 { height: 190px; }
#pro_box .intro .left .list_3 .item_1 { width: 230px; height: 190px; float: left; }
#pro_box .intro .left .list_3 .item_2 { width: 500px; height: 190px; float: left; }
#pro_box .intro .left .list_3>div .info { z-index: 100; left: 0; top: 0; position: absolute; width: 100%; height: 190px; background: #000; background: rgba(0,0,0,.85); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transform: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#pro_box .intro .left .list_3>div:hover .info { opacity: 1; filter: alpha(opacity=100); }
#pro_box .intro .left .list_3>div:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#pro_box .intro .left .list_4 { height: 200px; }
#pro_box .intro .left .list_4 .item_1 { width: 730px; height: 200px; float: left; }
#pro_box .intro .left .list_4>div .info { z-index: 100; left: 0; top: 0; position: absolute; width: 100%; height: 200px; background: #000; background: rgba(0,0,0,.85); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transform: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#pro_box .intro .left .list_4>div:hover .info { opacity: 1; filter: alpha(opacity=100); }
#pro_box .intro .left .list_4>div:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#pro_box .intro .right { width: 270px; float: left; }
#pro_box .intro .right .list_1 { height: 720px; }
#pro_box .intro .right .list_1 .item_1 { width: 280px; height: 720px; float: left; }
#pro_box .intro .right .list_1 .info .txt { padding: 90px 30px 0 30px; }
#pro_box .intro .right .list_1>div .info { z-index: 100; left: 0; top: 0; position: absolute; width: 100%; height: 720px; background: #000; background: rgba(0,0,0,.85); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transform: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#pro_box .intro .right .list_1>div:hover .info { opacity: 1; filter: alpha(opacity=100); }
#pro_box .intro .right .list_1>div:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#pro_box .intro .right .list_2 .item_1 { width: 280px; height: 200px; float: left; }
#pro_box .intro .right .list_2>div .info { z-index: 100; left: 0; top: 0; position: absolute; width: 100%; height: 200px; background: #000; background: rgba(0,0,0,.85); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transform: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#pro_box .intro .right .list_2>div:hover .info { opacity: 1; filter: alpha(opacity=100); }
#pro_box .intro .right .list_2>div:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/*產品一排4個 test*/
#pro_box .list { position: relative; }
#pro_box .list a { display: block; float: left; width: 20%; height: 210px; padding: 10px; margin: 0 0 15px 2%; border: solid 1px #FFF; background: #FFF; padding-top: 10px; overflow:hidden; }
#pro_box .list a .pic { width: 160px; height: 160px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transform: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#pro_box .list a:hover { border: solid 1px #FF4C00; }
#pro_box .list a .model { text-align: center; color: #FF4C00; line-height: 20px; }
#pro_box .list a .name { text-align: center; color: #333; font-size: 14px; line-height: 20px; }
#pro_box .list a:hover .pic img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.pro_search { padding: 0 0 15px 15px; color: #FF4C00; font-size: 16px; }
#pro_box .view { }
#pro_box .view .cover { width: 450px; height: 450px; float: left; padding: 0 30px 0 60px; }
#pro_box .view .info { color: #000; }
#pro_box .view .info h1 { font-size: 48px; color: #2C1F1F; }
#pro_box .view .info p { font-size: 15px; line-height: 24px; margin-bottom: 15px; }
#pro_box .view .info .pho_list { padding: 18px 5px; background: #333; float: left; width: 360px; }
#pro_box .view .info .pho_list a { display: block; float: left; margin: 0 10px; position: relative; }
#pro_box .view .info .pho_list a b { display: block; float: left; width: 100px; height: 64px; }
#pro_box .view .info .pho_list a i { display: block; position: absolute; bottom: -10px; right: -10px; width: 20px; height: 20px; background: #000; color: #FFF; font-style: normal; z-index: 100; line-height: 16px; text-align: center; font-size: 18px; border-radius: 10px; }
#pro_box .view .info .pho_list a:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#pro_box .view .info .links { float: left; padding: 20px 0; }
#pro_box .view .back { padding: 0 0 20px; margin: 0 0 10px 0; border-bottom: 1px #999 dotted; text-align: right; }
#pro_box .view .back a { color: #FF4D07; font-size: 26px; }
.pro_box_close { position: absolute; top: -60px; right: -60px; background: url(../images/btn_close.png) no-repeat; width: 63px; height: 59px; z-index: 1; cursor: pointer; text-indent:-9999px;}
.pro_box_close:hover { opacity: .8; filter: alpha(opacity=80); }
#dow_box { padding: 40px 0 30px 0; position: relative; }
#dow_box .catalogues { background: url(../images/catalogues_bg.jpg) no-repeat; height: 103px; margin: 0 0 20px 0; padding: 20px 30px; }
#dow_box .catalogues .title { font-size: 23px; color: #FFF; float: left; width: 150px; padding: 10px 0; }
#dow_box .catalogues .items { font-size: 14px; color: #FFF; float: left; padding: 10px 0; width: 790px; }
#dow_box .catalogues .items label { display: inline-block; padding: 0 20px 0 0; }
#dow_box .search { padding: 10px 30px; border: solid #ABABAB 1px; margin: 0 0 20px 0; }
#dow_box .search h3 { font-size: 18px; color: #666; float: left; margin: 0 30px 0 0; line-height: 1em; }
#dow_box .search .items { font-size: 18px; }
#dow_box .search .items a { color: #666; padding: 0 6px; }
#dow_box .search .items a:hover { background: #FFF; }
#dow_box .search .items a.cur { color: #FF4D05; }
#dow_box .list { }
#dow_box .list .item { width: 206px; box-shadow: 0 0 6px rgba(0,0,0,.4); padding: 15px 15px 30px 15px; background: #FFF; margin: 0 7px 20px 7px; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transform: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
#dow_box .list .item .pic img { max-width: 100%; }
#dow_box .list .item h3 { font-size: 18px; color: #000; padding: 10px 0 5px; margin: 0; line-height: 1em; }
#dow_box .list .item p { font-size: 14px; color: #666; padding: 0 0 20px 0; margin: 0; line-height: 1em; }
#dow_box .list .item .tip { padding: 10px 10px 20px; background: #bbbbbb; text-align: center; width: 120px; margin: 0 auto -40px; border-radius: 5px 5px 0 0; color: #FFF; font-size: 15px; }
#dow_box .list .item:hover .tip { background: #FF4D07; }
#dow_box .list .item:hover { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#faq_box { padding: 30px 0; }
#faq_box .item { padding: 20px; overflow: auto; margin: 0 0 20px 0; }
#faq_box .item .date { font-size: 14px; color: #FF4D07; }
#faq_box .item .info { font-size: 14px; color: #666; cursor: pointer; padding: 15px 80px 15px 80px; }
#faq_box .item .info h1 { font-size: 19px; color: #000; }
#faq_box .item .info p { margin: 0; text-align: left; }
#faq_box .item .txt { font-size: 15px; line-height: 24px; color: #666; padding: 15px 0; display: none; overflow: auto; padding: 0 80px; }
#faq_box .item.close { background: url(../images/faq_open.png) no-repeat 14px 26px; }
#faq_box .item.open { background: url(../images/faq_close.png) no-repeat 14px 26px #e8e8e8; }
#news_box { padding: 30px 0; }
#news_box .list { }
#news_box .list a { display: block; border: solid 1px #CCC; background: #FFF; margin: 0 0 15px 0; position: relative; }
#news_box .list a i { display: block; background: url(../images/news_arr.png) no-repeat; width: 51px; height: 47px; position: absolute; right: 0; bottom: 0; opacity: 0.7; }
#news_box .list a .pic { width: 366px; height: 200px; float: left; margin: 0 30px 0 0; overflow: hidden; }
#news_box .list a .txt { padding: 20px; }
#news_box .list a .txt h1 { font-size: 24px; color: #333; }
#news_box .list a .txt .date { font-size: 14px; color: #FF4D07; }
#news_box .list a .txt p { font-size: 14px; color: #666; margin: 0; }
#news_box .list a:hover .pic img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
#news_box .list a:hover i { opacity: 1; }
#news_box .view { display: block; background: #FFF; border: solid 1px #CCC; padding: 40px 45px; }
#news_box .view .pic { width: 500px; height: 400px; float: right; margin: 0 0 0 30px; overflow: hidden; }
#news_box .view h1 { font-size: 36px; color: #000000; font-family: Arial, Helvetica, sans-serif }
#news_box .view .date { font-size: 14px; color: #FF4C00; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif }
#news_box .view .txt { font-size: 14px; }
#news_box .list a .pic { width: 366px; height: 200px; float: left; margin: 0 30px 0 0; overflow: hidden; }
#news_box .list a .txt { padding: 20px; }
#news_box .list a .txt h1 { font-size: 24px; color: #333; }
#news_box .list a .txt .date { font-size: 13px; color: #FF4D07; }
#news_box .list a .txt p { font-size: 14px; color: #666; margin: 0; }
#contact_box { padding: 30px 0; }
#contact_box a { color: #ff4c05; text-decoration: underline; }
#contact_box h3 { font-size: 15px; color: #333; margin: 0 0 12px 0; }
#contact_box .t1 { width: 190px; height: 20px; line-height: 20px; border: solid 1px #CCC; margin: 0 0 10px 0; }
#contact_box .t2 { width: 140px; height: 22px; line-height: 24px; border: solid 1px #CCC; margin: 0 0 10px 0; }
#contact_box .t3 { width: 386px; height: 110px; line-height: 1.4em; border: solid 1px #CCC; margin: 0 0 10px 0; }
#contact_box .s1 { width: 190px; line-height: 20px; margin: 0 0 10px 0; }
#contact_box .c1 { line-height: 20px; margin: 0 10px 10px 0; }
#contact_box label span, #contact_box h3 span { color: #FF4C05; padding: 0 10px 0 0; }
#contact_box .join { position: relative; padding: 0 0 30px 0; overflow: auto; }
#contact_box .join h1 { font-size: 30px; color: #FF4C05; }
#contact_box .join label { display: block; float: left; width: 33.3333%; font-size: 15px; color: #333; }
#contact_box .join label .tip { display: block; font-size: 14px; color: #CCC; position: absolute; top: 20px; right: 20px; }
#contact_box .interested { background: url(../images/catalogues_bg.jpg) no-repeat; height: 143px; color: #FFF; padding: 14px 40px; position: relative; }
#contact_box .interested h1 { font-size: 22px; float: left; width: 40%; }
#contact_box .interested label { display: block; float: left; width: 20%; font-size: 14px; line-height: 30px; padding: 0 0 15px; }
#contact_box .interested label.big { position: absolute; top: 50px; right: 40px; width: 180px; }
#contact_box .interested label.big textarea { width: 180px; height: 42px; }
#contact_box .form { color: #8C9092; font-size: 11px; }
#contact_box .form .step1 { width: 320px; float: left; }
#contact_box .form .step1 label { display: block; padding: 0 0 10px 0; }
#contact_box .form .step1 label>div { display: inline-block; width: 80px; }
#contact_box .form .step2 { width: 280px; float: left; }
#contact_box .form .step2 label { display: block; padding: 0 0 10px 0; }
#contact_box .form .step3 { width: 400px; float: left; }
#contact_box .form .step3 .clear { margin: 0 0 20px 0; }
#contact_box .form .step3 label { width: 33.333%; float: left; display: block; padding: 0 0 10px 0; }
#contact_box .form .step3 .code { float: left; margin: 0 5px 0 0; }
#contact_box .form .step3 .t2 { float: left; margin: 0 5px 0 0; }
#contact_box .form .step3 .info { padding: 20px 0 0 0; color: #FF4C05; }
#contact_box .form .step3 .info h1 { font-size: 22px; margin: 0 0 10px 0; }
#contact_box .form .step3 .info p { line-height: 1.4em; font-size: 13px; }
#contact_box .done { width: 400px; margin: 140px auto; }
#contact_box .done h1 { font-size: 90px; color: #333; text-align: center; }
#contact_box .done p { font-size: 14px; color: #666; }
#contact_box .done p.info { color: #FF4D05; margin: 20px 0 0 0; }
#histroy_box { padding: 30px 0; width: 1000px; margin: auto; position: relative; }
#histroy_box .line { background: url(../images/dot_g.gif) repeat-y 0 0; width: 1px; position: absolute; top: 55px; left: 250px; z-index: -1; }
#histroy_box .item { display: block; overflow: auto; }
#histroy_box .item .date { width: 200px; float: left; padding: 20px 0; text-align: right; font-size: 20px; color: #FF4C01; }
#histroy_box .item .dot { width: 100px; float: left; padding: 20px 0; text-align: center; font-size: 36px; color: #FF4C01; font-family: Arial; }
#histroy_box .item .txt { width: 700px; float: left; padding: 20px 0; font-size: 15px; color: #FF4C01; }
#histroy_box .item.g .date { color: #919292; }
#histroy_box .item.g .dot { font-size: 29px; color: #919292; font-family: Arial; }
#histroy_box .item.g .txt { color: #919292; }
#histroy_box .item.b .date { color: #333; }
#histroy_box .item.b .dot { font-size: 29px; color: #333; font-family: Arial; }
#histroy_box .item.b .txt { color: #333; }
#left_menu { padding: 50px 0 0 0; }
#left_menu ul, #left_menu li { display: block; list-style: none; padding: 0; margin: 0; }
#left_menu>ul>li { width: 220px; background: #e1e1e1; margin: 0 0 10px 0; }
#left_menu>ul>li>a { display: block; padding: 10px; font-size: 14px; color: #333; }
#left_menu>ul>li>a:hover, #left_menu>ul>li a.cur { color: #FF4C00; }
#left_menu>ul>li.on>a { color: #FF4C00; border-top: 3px solid #FF4C00; }
#left_menu .submenu { background: #FF4C00; box-shadow: inset 0 3px 3px rgba(0,0,0,.4); padding: 10px 0; position: relative; }
#left_menu .submenu i { display: block; background: url(../images/arrow_d_g.png) no-repeat; width: 12px; height: 6px; overflow: hidden; position: absolute; top: 0; left: 10px; z-index: 100; }
#left_menu .submenu>li>a { display: block; color: #FFF; font-size: 14px; line-height: 1.2em; padding: 8px 15px; }
#left_menu .submenu>li:hover>a { background: #FF6B2D; }
#left_menu .submenu>li.on { background: #888; }

#copyright { float:left; width:1200px; padding-top:20px; color: #878787;}
#page_footer { position: relative; z-index: 1000; height: 80px; padding: 10px 0 0 0; font-size: 90%;}
.follow { float: left; line-height: 32px; margin: 0 10px 0 0; width: 160px;}
.follow a { display: inline-block; opacity: 0.6; margin: 0 2px 0 0; }
.follow a:hover { opacity: 1; }
#page_footer .info { float: left; line-height: 22px; width: 440px; font-size:13px;}
#page_footer .info a { color: #666; }
#page_footer .copyright { float: right; width: 380px; font-size:13px;}

a.bomicon1{ float:left; display:block; width:33px; height:32px; background:url(../images/icon_ml.png) no-repeat;}
a.bomicon1:hover{width:33px; height:32px; background:url(../images/icon_ml2.png) no-repeat;}
a.bomicon2{ float:left; display:block; width:33px; height:32px; background:url(../images/icon_fb.png) no-repeat;}
a.bomicon2:hover{width:33px; height:32px; background:url(../images/icon_fb2.png) no-repeat;}
a.bomicon3{ float:left; display:block; width:33px; height:32px; background:url(../images/icon_gp.png) no-repeat;}
a.bomicon3:hover{width:33px; height:32px; background:url(../images/icon_gp2.png) no-repeat;}
a.bomicon4{ float:left; display:block; width:33px; height:32px; background:url(../images/icon_yt.png) no-repeat;}
a.bomicon4:hover{width:33px; height:32px; background:url(../images/icon_yt2.png) no-repeat;}

#footer{ margin:auto; margin-top:30px; height:60px; width:1200px; border-top:1px solid #ddd;}

#login_box { display: none; }
#join_box { display: none; }
#forgot_box { display: none; }
.light_box { position: fixed; width: 1000px; height: 643px; left: 50%; top: 50%; margin: -320px 0 0 -500px; background: url(../images/light_box_bg.jpg) no-repeat; z-index: 5001; }
.light_box .inner_1 { width: 530px; margin: 80px auto 0; text-align: center; }
.light_box .inner_2 { width: 530px; margin: 10px 0 0 0; float: left; text-align: center; }
.light_box .inner_3 { width: 530px; margin: 10px 0 0 -60px; float: left; text-align: center; }
.light_box .inner_4 { width: 690px; margin: 120px auto 0; text-align: left; }
.light_box .close { position: absolute; top: 0; right: 0; background: url(../images/btn_close.png) no-repeat; width: 63px; height: 59px; z-index: 1; cursor: pointer; }
.light_box .close:hover { opacity: .8; filter: alpha(opacity=80); }
.light_box .icon { margin: 0 10px; }
.light_box a { color: #666; text-decoration: underline; }
.light_box h1 { font-size: 90px; color: #FF4C00; margin: 0 0 10px 0; line-height: 1em; }
.light_box h1.title { font-size: 90px; color: #FF4C00; margin: 80px 0 10px 60px; line-height: 1em; }
.light_box .tip { margin: 0 0 20px 0; }
.light_box h2 { font-size: 21px; color: #FF4C00; text-align: left; margin: 0 0 10px 60px; line-height: 1.2em; }
.light_box h3 { font-size: 21px; color: #7a7a7a; text-align: left; margin: 0 0 10px 60px; line-height: 1.2em; }
.light_box h5 { font-size: 15px; color: #6C6C6C; text-align: left; margin: 0 0 50px 0; line-height: 1.2em; }
.light_box .btn_back { text-decoration: none; float: right; margin: 0 70px 0 0; }
.light_box .tip h4 { display: inline-block; margin: 0 10px 0 0; font-size: 20px; color: #FF4C00; }
.light_box .tip p { display: inline-block; font-size: 14px; color: #6C6C6C; }
.light_box .login { background: url(../images/login_box_bg_1.png) no-repeat; width: 471px; height: 270px; margin: 0 0 0 60px; text-align: left; padding: 20px 30px 0; }
.light_box .skip { background: url(../images/login_box_bg_5.png) no-repeat; width: 471px; height: 130px; margin: 0 0 0 60px; text-align: left; padding: 20px 30px 0; }
.light_box .skip:hover { background: url(../images/login_box_bg_4.png) no-repeat; }
.light_box .forgot_box { background: url(../images/login_box_bg_2.png) no-repeat; width: 565px; height: 111px; margin: 0; text-align: left; padding: 20px 70px 0; }
.light_box .login h2 { font-size: 18px; color: #FFF; margin: 0 0 10px 0; }
.light_box .forget { font-size: 14px; text-align: left; }
.light_box .forget.w1 { width: 400px; margin: 0 auto; }
.light_box .forget label { padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: solid 1px #CCC; }
.light_box .t1 { width: 320px; height: 45px; line-height: 45px; padding: 0 10px; font-size: 20px; background: #FFD8BF; border-radius: 10px; margin: 0 0 10px 0; border: none; box-shadow: inset 3px 3px 3px rgba(255,67,0,.5); }
.light_box .t2 { width: 380px; height: 45px; line-height: 45px; padding: 0 10px; font-size: 20px; background: #FFD8BF; border-radius: 10px; margin: 0 10px 10px 0; border: none; box-shadow: inset 3px 3px 3px rgba(255,67,0,.5); float: left; }
.light_box .btn_1 { width: 340px; height: 45px; line-height: 45px; font-size: 20px; color: #6C6C6C; background: #FBFBFD; background: linear-gradient(#FBFBFD, #DBDBEB); border: none; border-radius: 10px; margin: 25px 0 0 0; }
.light_box .btn_2 { float: left; width: 86px; height: 45px; line-height: 45px; font-size: 20px; color: #6C6C6C; background: #FBFBFD; background: linear-gradient(#FBFBFD, #DBDBEB); border: none; border-radius: 10px; }
.light_box .btn_skip { display: block; width: 250px; padding: 25px 0; margin: 0 0 0 60px; font-size: 40px; color: #FFF; text-decoration: none; line-height: 1em; }
.light_box .forgot_box h2 { color: #FFF; margin: 0 0 5px 0; }
.mask { display: none; background: #000; opacity: .4; filter: alpha(opacity=40); position: fixed; z-index: 5000; width: 100%; height: 100%; left: 0; top: 0; }
/*STYLE*/

.btn_send, .btn_send:visited { display: inline-block; border: none; padding: 4px 14px 4px 14px; line-height: 24px !important; font-size: 13px; background: #818181; background: linear-gradient(#818181, #6B6B6B); color: #fff; position: relative\0/; z-index: 1\0/; *position: relative;
*z-index: 1;
*height: 24px;
cursor: pointer; }
.btn_send:hover, .btn_send:active { background: #333; color: #fff; text-decoration: none; }
.btn_dl, .btn_dl:visited { display: inline-block; border: none; padding: 0 20px 0 40px; margin: 0 10px 0 0; line-height: 38px !important; font-size: 20px; background: url(../images/btn_dl.jpg) no-repeat; color: #fff; position: relative\0/; z-index: 1\0/; *position: relative;
*z-index: 1;
*height: 38px;
cursor: pointer; }
.btn_dl:hover, .btn_dl:active { opacity: .8; filter: alpha(opacity=80); color: #FFF; }
.btn_back, .btn_back:visited { display: inline-block; border: none; padding: 0!important; width: 87px; text-align: center; margin: 0 10px 0 0; line-height: 26px !important; font-size: 18px !important; background: url(../images/btn_back.jpg) no-repeat; color: #fff !important; position: relative\0/; z-index: 1\0/; *position: relative;
*z-index: 1;
*height: 26px;
cursor: pointer; border: none !important; }
.btn_back:hover, .btn_back:active { opacity: .8; filter: alpha(opacity=80); color: #FFF; }
.btn_send2, .btn_send2:visited { display: inline-block; border: none; padding: 0!important; width: 120px; text-align: center; margin: 0 10px 0 0; line-height: 26px !important; font-size: 18px !important; background: url(../images/btn_send.jpg) #999 no-repeat; color: #fff !important; position: relative\0/; z-index: 1\0/; *position: relative;
*z-index: 1;
*height: 26px;
cursor: pointer; border: none !important; }
.btn_send2:hover, .btn_send2:active { opacity: .8; filter: alpha(opacity=80); color: #FFF; }
.fitimg { position: relative; overflow: hidden; background: rgba(248,248,248,1.00); }
.fitimg img { opacity: 0; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.fitimg a { display: block; }
.pager { padding: 10px; text-align: right; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
.pager a { display: inline-block; padding: 0 10px; border: solid 1px #c5c5c5; line-height: 25px; margin: 0 4px 0 0; color: #999999; }
.pager a:hover, .pager a.cur { color: #FFF; background: #FF4C00; border: solid 1px #FF4C00; }

/*RWD*/
@media only screen and (max-width: 1300px) {
	#inx_full_block { margin: -40px auto 10px; width: 1000px; position: relative; z-index: 1000; overflow: auto; }
}