@charset "utf-8";
/* =============================================================================
   BASIC
   ========================================================================== */
html, body { height: 100%; }
body { background: #FFF; }
body, th, td, input { font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; font-size: 14px; }
a { text-decoration: none; }
b { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
h1 { font-size: 30px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 1em; line-height: 1.2em; color: #3d89c0; }
h2 { font-size: 26px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; line-height: 1.2em; color: #3d89c0; }
h3 { font-size: 24px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; color: #535353; }
h4 { font-size: 22px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; color: #535353; }
h5 { font-size: 18px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; color: #535353; }
h6 { font-size: 16px; font-family: "PT Sans", "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif; margin: 0 0 0.8em; color: #535353; }
.lowmb { margin: 0; }
hr { border-top: solid #f2f2f2 1px; }
p, li { font-size: 14px; line-height: 1.8em; color: #5b5b5b; }
a:link, a:visited { text-decoration: none; cursor: pointer; }
.inner-width { position: relative; width: 100%; max-width: 1200px; margin: auto; }
.pgload, .picload { opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }
.pgloaded, .picloaded { opacity: 1; }
.desk-960 { display: block; }
.mobile-480 { display: none; }
.mix { display: none; }
.w33 { width: 33.3%; float: left; }
.openpg:hover { opacity: 0.8; }
/*Element*/
.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; }
.ie p { text-align: center; color: #333 !important; font-size: 13px; }
.ie a { color: #F36; }
.loadbar { position: fixed; background: #333; width: 0; height: 4px; top: 0; left: 0; z-index: 2000; overflow: hidden; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.loadbar.ed { opacity: 0; height: 0; border: none; }
/*FITIMG*/
.imgLiquidFill, .imgLiquid { opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }
.imgLiquid_ready { opacity: 1; }
.resetli ul, .resetli li { margin: 0; padding: 0; list-style: none; }
/*BLOCK*/
#wrapper { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; }
#header { position: fixed; top: 0; left: 0; width: 100%; height: 60px; z-index: 1000; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; background: rgba(52,139,203,.40); }
#header:hover, #header.ed { background: rgba(52,139,203,.97); }
#content { position: relative; margin: auto; padding: 0; }
#content.page { background: #FFF; background: rgba(255,255,255,0.9); }
#footer { padding: 10px; text-align: left; overflow: auto; background: rgb(52,139,203); color: #FFF; }
#footer .copyright { width:50%; float:right; font-size: 13px; text-align: right;  margin: 20px 0; }
#footer .info {  width:50%; float:left; font-size: 13px; text-align: left; margin: 20px 0; }
#footer .info a{ color:#FFF;}
#footer .info>span{ display:inline-block; padding:0 4px;}
#path { padding: 20px; text-align: left; margin-top: 15px; }
#path a { color: #717171; margin: 0 5px 0 0; font-size: 13px; }
#path span { margin: 0 2px; }
#path strong { color: #3d89c0; }
#path i { color: #3d89c0; }
.block_bg { position: relative; z-index: 100; margin: 200px auto 0; padding: 50px 15px 40px 15px; background: #FFF; background: rgba(255,255,255,.95); width: 930px; min-height: 500px; }
#full_block { position: relative; }

#left_block { float: left; width: 25%;}
#left_block.on{ width: 120px; overflow: hidden;}

#right_block { float: right; width: 25%; }


#left_block ul, #left_block li { list-style: none; margin: 0; }


#main_block { position: relative; float: left; width: 75%; }
#main_block.on{ width: calc( 100% - 120px);}

.pager_bar { padding: 20px 5px; text-align: center; clear: both; }
.pager_bar.right { text-align: right; }
.pager_bar a { display: inline-block; padding: 0 10px; line-height: 30px; margin: 0 4px 0 0; color: #666; font-size: 15px; }
.pager_bar a.arrow { color: #C6D725; }
.pager_bar a:hover, .pager_bar a.cur { color: #FFF; background: #3d89c0; }
.links { text-align: left; padding: 5px 0; }
.btn_send, .btn_send:visited { display: inline-block; border: none; padding: 5px 25px; line-height: 28px !important; font-size: 15px; color: #FFF!important; position: relative\0/; z-index: 1\0/; *position: relative;
*z-index: 1;
*height: 28px;
cursor: pointer; text-align: center; border-radius: 5px; background: #3d89c0; }
.btn_send:hover, .btn_send:active { color: #FFF !important; text-decoration: none; opacity: 0.8; }
.btn_send i { display: inline-block; margin: 0 6px 0 0; }
.btn_send:after { content: ""!important; }
.btn_more { display: inline-block; padding: 5px; color: #666; position: relative; font-weight: 700; font-size: 14px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.btn_more:before { content: ''; display: block; background: url(../images/btn.png) center bottom repeat-x; position: absolute; top: 30%; left: 100%; width: 6px; height: 12px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.btn_more:hover { color: #000; }
.btn_more:hover:before { content: ''; display: block; background: url(../images/btn.png) center bottom repeat-x; position: absolute; top: 30%; left: 100%; width: 100px; height: 12px; }
.logo { float: left; padding: 14px 10px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.logo img { height: 24px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.top_menu { position: relative; padding: 20px 10px; float: right; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.top_menu ul { list-style: none; margin: 0; padding: 0; }
.top_menu>ul>li { display: block; position: relative; float: left; margin: 0 10px; height: 40px; }
.top_menu>ul>li>a { z-index: 1; position: relative; display: block; padding: 4px 10px; font-size: 14px; font-weight: 700; color: #FFF; letter-spacing: 1px; position: relative; text-align: center; line-height: 1.2em; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.top_menu>ul>li:first-child { margin-left: 0; }
.top_menu>ul>li>a:before { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; display: block; content: ''; background: #1e71ae; position: absolute; top: -10px; left: 0; width: 100%; height: 54px; z-index: -1; opacity: 0; -webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); -moz-transform: rotate(-7deg); transform: rotate(-7deg); }
.top_menu>ul>li>a:after { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; display: block; content: ''; background: #1e71ae; position: absolute; top: -10px; left: 0; width: 100%; height: 54px; z-index: -2; opacity: 0; -webkit-transform: rotate(14deg); -ms-transform: rotate(14deg); -o-transform: rotate(14deg); -moz-transform: rotate(14deg); transform: rotate(14deg); }
.top_menu>ul>li>a.cur { color: #fff462; }
.top_menu>ul>li>a:hover:before, .top_menu>ul>li>a.on:before, .top_menu>ul>li>a.cur:before { display: block; content: ''; background: #1e71ae; position: absolute; top: -10px; left: 0; opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
.top_menu>ul>li>a:hover:after, .top_menu>ul>li>a.on:after, .top_menu>ul>li>a.cur:after { display: block; content: ''; background: #1e71ae; position: absolute; top: -10px; left: 0; opacity: 0.5; -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); -moz-transform: rotate(7deg); transform: rotate(7deg); }
.top_menu .submenu { display: none; position: fixed; width: 100%; top: 60px; left: 0; background: #FFF; background: rgba(255,255,255,.95); padding: 30px 0; border-bottom: 2px #f2f2f2 solid; }
.top_menu .submenu .pic { float: right; width: 260px; height: 145px; margin: 0 0 0 20px; }
.top_menu .submenu .list ul { display: block; overflow: auto; }
.top_menu .submenu .list li { display: block; float: left; border-left: solid 1px #CCC; }
.top_menu .submenu .list li:first-child { border-left: none; }
.top_menu .submenu .list a { display: block; padding: 5px 20px; color: #333; white-space: nowrap; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.top_menu .submenu .list a:hover, .top_menu .submenu .list a.cur { background: #1e71ae; color: #FFF; }

.lan_menu { float: right; padding: 14px 0; }
.lan_menu>img{ float:left; height:32px; margin:0 4px;}
.lan_menu .lan_list { float:left;}
.lan_menu .lan_list>a { line-height:32px; color:#FFF; margin:0 4px; padding:1px 4px; font-size:13px;}
.lan_menu .lan_list>a:hover{ background:rgba(255,255,255,.2);}
.lan_menu .lan_list>a.now {  padding:0 3px; border:solid 1px #FFF; background:none;}

.search_menu{ float: right; padding: 14px 14px 14px 0;}
.search_menu a{ display: inline-block; color: #FFF; font-size: 24px; line-height: 32px; width: 32px; text-align: center;}
.search_menu_mask{ display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.6); z-index: 2;}

.search_menu_box{ display: none; position: fixed; width: 100%; max-width: 1100px; height: 80%; background: #FFF; border-radius: 10px; padding: 40px; z-index: 10; top: 10%; left: 50%; margin: 0 0 0 -560px; box-shadow: 0 0 30px rgba(52,139,203,1); box-sizing: border-box; border: solid 2px rgb(52,139,203);}
.search_menu_box.page{ display: block; position: relative; width: auto; max-width: inherit; height: auto; background: none; border-radius: 0; padding: 0; top: inherit; left: inherit; margin: 0; box-shadow: none; border: none;}
.search_menu_box .close{ position: absolute; top: 30px; right: 30px; font-size: 24px; width: 40px; height: 40px; text-align: center; line-height: 40px;  color: #666; cursor: pointer; z-index: 10;}
.search_menu_box .close:hover{ color:#333; }
.search_menu_box .head{ position: relative; height: 100%;}
.search_menu_box.ts .head{ overflow: auto; overflow: auto; -webkit-overflow-scrolling: touch; }

.search_menu_box .head h1{ margin: 0;}
.search_menu_box .txt{ position: relative; height:calc( 100% - 100px);}
.search_menu_box .list h3{ margin:20px 10px 0 10px; line-height: 1.1em;}
.search_menu_box .list{ position: relative; height: 100%;}
.search_menu_box #result{ position: relative; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.search_menu_box #DDSresult{ position: relative; height: 85%; overflow: auto; -webkit-overflow-scrolling: touch;}
.search_menu_box .list ul{ display: block; list-style: none; margin:0; clear: both;}
.search_menu_box .list li{ display: block; float: left; width: calc(100%/4);}
.search_menu_box .list li a{ position: relative;  display: block; margin: 10px; border: solid 5px #2964AF; padding: 5px 10px; box-sizing: border-box; height: 128px; overflow: hidden;
	transition: 0.4s ease;
}
.search_menu_box.tss .list li a{ border: solid 2px #2964AF; transform: scale(0.9);}
.search_menu_box .list li a:hover{ transform: scale(1.04);}
.search_menu_box .list li .add_cart{ opacity: 0; z-index: 100; position: absolute; top: 40px; right: 5px; font-size: 16px; width: 30px; padding: 0; height: 30px; line-height: 30px; text-align: center; border-radius: 20px; cursor: pointer; background: url(../images/icon_c3.png) no-repeat; background-size: cover;
	transition: 0.4s ease;
}
.search_menu_box .list li .add_cart.on{ background: url(../images/icon_c2.png) no-repeat; background-size: cover; opacity: 1;}
.search_menu_box .list li:hover .add_cart{ opacity: 1; }
.search_menu_box .list li .add_cart:hover{ transform: scale(1.1); }
.search_menu_box .list li .add_cart_list{ z-index: 100; position: absolute; top: 8px; right: 5px; font-size: 16px; width: 30px; padding: 0; height: 30px; line-height: 30px; text-align: center; border-radius: 20px; cursor: pointer; background: url(../images/icon_c4.png) no-repeat; background-size: cover;
	transition: 0.4s ease;
}


.search_menu_box .list li .ips{ position: absolute; top: 2px; right: 2px; background: #FFF; line-height: 1.2em; font-size: 16px;}
.search_menu_box .list li .ips span{ display: inline-block;  color: #D6752F; line-height: 1.2em; font-size: 16px; margin: 0 0 0 4px;}
.search_menu_box .list li .type{ position: absolute; bottom: -2px; right: -5px; }
.search_menu_box .list li .type span{ display: inline-block; background: #2964AF; color: #FFF; padding: 4px 10px; line-height: 1.2em; font-size: 16px; margin: 0 0 0 4px;}
.search_menu_box .list li .model{ line-height: 1.2em; font-size: 15px; color: #000; margin: 10px 0 0 0;}
.search_menu_box .list li .size{ line-height: 1.2em; font-size: 14px; color: #333;}
.search_menu_box .list li .info{ line-height: 16px; font-size: 14px; color: #333;}
.search_menu_box .list li .ot{ line-height: 1.2em; font-size: 14px; color: #333; margin: 0 0 10px 0;}
.search_menu_box iframe{ width:100%; height: 100%;}

.bx-wrapper { margin: 0 auto !important; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { width: 94%!important; margin: 0 3% !important; }

.bx-wrapper .bx-pager.bx-default-pager a { display: block; background: #FFF !important; opacity: 0.5; text-indent: -9999px !important; text-align: left; }
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #FFF !important; opacity: 1; }
.inx_banner { padding: 0; position: relative; }
.inx_banner ul, .inx_banner li { list-style: none; margin: 0; padding: 0; }
.inx_banner a { display: block; position: relative; }
.inx_banner a .imgLiquidFill { display: block; min-height: 600px; }
.inx_banner a .info { position: absolute; bottom: 10%; left: 0; padding: 10px 2%; background: rgba(52,139,203,.6); color: #FFF; z-index: 1; }
.inx_banner a .info h1 { color: #FFF; margin: 0 0 8px 0; }
.inx_banner a .info p { color: #FFF; margin: 0; line-height: 1.4em; }
.page_banner { padding: 0; position: relative; margin: 0 0 5px 0; }
.page_banner ul, .inx_banner li { list-style: none; margin: 0; padding: 0; }
.page_banner a { display: block; }
.page_banner a .imgLiquidFill { display: block; height: 450px; }
/*inx_pro_box*/
.inx_pro_box { position: relative; overflow: hidden; padding: 5px 0; }
.inx_pro_box h1 { letter-spacing: 2px; display: block; text-align: center; margin: 20px 0; line-height: 1em; color: #999; }
.inx_pro_box ul { display: block; margin: 0 -4px; padding: 0; list-style: none; }
.inx_pro_box>ul>li { display: block; float: left; overflow: hidden; width: 25%; }
.inx_pro_box a { display: block; position: relative; margin: 4px; overflow: hidden; }
.inx_pro_box a h3 { position: absolute; bottom: 10px; left: 0; width: 86%; margin: 0 5%; padding: 10px 2%; background: #333; background: rgba(0,0,0,0.6); color: #FFF; text-align: center; z-index: 10; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-size: 18px; }
.inx_pro_box a>div { height: 315px; }
.inx_pro_box a>div { display: block; -webkit-transition: -webkit-transform .5s ease-in-out, opacity 0.4s ease-in-out; -moz-transition: -moz-transform .5s ease-in-out, opacity 0.4s ease-in-out; -ms-transition: -ms-transform .5s ease-in-out, opacity 0.4s ease-in-out; -o-transition: -o-transform .5s ease-in-out, opacity 0.4s ease-in-out; transition: transform .5s ease-in-out, opacity 0.4s ease-in-out; }
.inx_pro_box a:hover>div { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.inx_pro_box a:hover h3 { background: #000; background: rgba(0,0,0,0.8); padding: 24px 2% 14px; }
/*intro_pro_box*/
.intro_pro_box { position: relative; overflow: hidden; padding: 5px 0; }
.intro_pro_box h1 { letter-spacing: 2px; display: block; text-align: center; margin: 0; }
.intro_pro_box ul { display: block; margin: 0 -4px; padding: 0; list-style: none; }
.intro_pro_box>ul>li { display: block; float: left; overflow: hidden; width: 33.3%; }
.intro_pro_box a { display: block; position: relative; margin: 4px; overflow: hidden; }
.intro_pro_box a h3 { position: absolute; bottom: 10px; left: 0; width: 86%; margin: 0 5%; padding: 10px 2%; background: #333; background: rgba(0,0,0,0.6); color: #FFF; text-align: center; z-index: 10; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-size: 18px; }
.intro_pro_box a>div { height: 240px; }
.intro_pro_box a>div { display: block; -webkit-transition: -webkit-transform .5s ease-in-out, opacity 0.4s ease-in-out; -moz-transition: -moz-transform .5s ease-in-out, opacity 0.4s ease-in-out; -ms-transition: -ms-transform .5s ease-in-out, opacity 0.4s ease-in-out; -o-transition: -o-transform .5s ease-in-out, opacity 0.4s ease-in-out; transition: transform .5s ease-in-out, opacity 0.4s ease-in-out; }
.intro_pro_box a:hover>div { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.intro_pro_box a:hover h3 { background: #000; background: rgba(0,0,0,0.8); padding: 24px 2% 14px; }
/*title_box*/
.title_box { font-size: 30px; color: #3d89c0; font-weight: 700; margin: 10px 0 0 0; padding: 0 40px 0 20px; line-height: 53px; }
/*left_menu_box*/
.left_nav{ position: absolute; top: 10px; left: 20px; font-size: 24px; color: #1e71ae;}
.left_nav img{ width: 24px; height: auto; vertical-align: middle;}
.left_nav b{ font-weight: normal; display: block;}
.left_nav span{ font-weight: normal; display: none;}
.left_nav.on b{ display: none;}
.left_nav.on span{ display: block;}

.left_menu a .icon{ display: none;}
.on .left_menu a span{ display: none;}
.on .left_menu a .icon{ display: block;}
.on .left_menu a .icon img{ width: 60px;}
.on .left_menu .submenu a .icon img{ width: 45px;}
.on .left_menu>ul>li>a:before{ display: none;}
.on .left_menu .submenu a:before{ display: none;}

.left_menu { padding:40px 20px 20px; }
.left_menu>ul>li { display: block; border-bottom: solid 1px #decfe5; padding: 2px 0 }
.left_menu>ul>li>a { display: block; padding: 10px; color: #333; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; font-size: 20px; }
.left_menu>ul>li>a:before { float: right; font-size: 24px; color: #ccc; content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }
.left_menu>ul>li>a:hover, .left_menu>ul>li>a.cur { background: #404040; color: #FFF; }
.left_menu>ul>li.header>a:hover:before, .left_menu>ul>li.header>a.cur:before { color: #FFF; content: "";}
.left_menu>ul>li>a.cur:before{ content: "";} 
.left_menu .submenu { display: block; padding: 0 0 0 1em; }
.left_menu .submenu li { padding: 2px 0 }
.left_menu .submenu a { display: block; padding: 5px 10px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; color: #999; }
.left_menu .submenu a:before { content: '- ' }
.left_menu a:hover, .left_menu a.cur { background: #e3e3e3; color: #333; }
/*left_ad_box*/
.left_ad_box { padding: 4px; background: #f4f4f4; }
.left_ad_box.news { padding: 4px; margin-top: 16px; background: #f4f4f4; }
.left_ad_box a { display: block; margin: 0 0 4px 0; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.left_ad_box a:hover { opacity: 0.8; }
.left_ad_box a img { width: 100%; height: auto; }
/*inner_box*/
.inner_box { padding: 40px 10px; }
.inner_box h1, .inner_box h2, .inner_box h3, .inner_box h4, .inner_box h5, .inner_box h6 { font-weight: 400; }
.inner_box img { max-width: 100%; height: auto; }
.inner_box iframe { max-width: 100%; }
.inner_box .store_link a img { border: solid 1px #f2f2f2; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; }
.inner_box .store_link a:hover img { opacity: 0.8; box-shadow: 0 0 10px rgba(0,0,0,.2); }
.inner_box .view { position: relative; padding: 0 23px; }
.inner_box li { margin: 0 0 6px 0; }
.inner_box hr { clear: both; }

/*download_box*/
.download_box { padding: 20px 30px; }
.download_box h1, .inner_box h2, .inner_box h3, .inner_box h4, .inner_box h5, .inner_box h6 { font-weight: 400; } 
.download_box ul { display: block; margin: 0; padding: 0; list-style: none; }
.download_box>ul>li { border-top: solid 1px #CCC; }
.download_box>ul>li:first-child { border-top: none; }
.download_box .date { display: block; font-size: 15px; line-height: 2em; color: #601986; }
.download_box>ul>li>a { display: block; overflow: auto; padding: 10px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.download_box>ul>li>a h3 { font-size: 18px; height: 1.6em; color: #666; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
.download_box>ul>li>a .icon{ float: right; padding:10px 0 10px 10px;}
.download_box>ul>li>a .icon i{ font-size: 50px; color: #3d89c0;}
.download_box>ul>li>a:hover { color: #FFF; background: #f2f2f2; }
.download_box>ul>li>a:hover h3 { color: #000; }
.download_box .pic { float: right; margin: 0 0 0 20px; }

.pro_box { padding: 20px 20px; }
.pro_box.line hr { border-bottom: solid 1px #f2f2f2; height: 0; margin: 0; padding: 0; }
.pro_box #mainContent-p td a { display: block; padding: 5px 10px; color: #666; overflow: auto; }
.pro_box #mainContent-p td a:hover { background: #f2f2f2; color: #000; }
.datatable td div { display: block; min-height: 25px; float: left; }
.datatable td div.clear { min-height: inherit; }
.datatable div>span { display: inline-block; float: left; padding: 0 2px; margin: 0 2px 2px; background: #f2f2f2; }
.datatable .title { padding: 5px 10px; }
.datatable .title>div { display: block; float: left; }
.pro_box img { max-width: 100%; }
.pro_box .list { position: relative;}
.pro_box .list ul, .pro_box .list li { display: block; list-style: none; margin: 0; padding: 0; }
.pro_box .list li { position: relative; float: left; width: 33.3%; }
.pro_box .list.cart li { position: relative; float: left; width: calc(100%/2); }
.pro_box .list.cart li .add_cart{ opacity: 1;}
.pro_box .list.cart li a{ height: 50px; border:solid 1px #CCC;}
.pro_box .list.cart li .model{ display: inline-block;}
.pro_box .list.cart li .size{ display: inline-block;}

.pro_box .list .item { position: relative; display: block; background: #CCC; margin: 4px; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; overflow: hidden; }
.pro_box .list .item>.imgLiquidFill { width: 100%; height: 200px; }
.pro_box .list .item>h3 { position: absolute; left: 5%; margin: 0; bottom: 8px; width: 80%; padding: 5px 5%; background: 000; background: rgba(0,0,0,.6); color: #CCC; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; font-size: 16px; }
.pro_box .list .item:hover .imgLiquidFill { opacity: 1; }
.pro_box .list .item:hover>h3 { background: #000; color: #FFF; padding: 12px 5% 7px; }
.pro_box .inner { padding: 30px 0 0 0; }
.inner_box.pro { padding: 50px; }
.inner_box.pro>h2 { margin: 0 0 0 -20px; }
.pro_box .inner .cover { width: 48%; float: left; margin: 0 2% 0 0 }
.pro_box .inner .cover .big { width: 100%; height: 450px; overflow: hidden; }
.pro_box .inner .cover .bx-pager { display: none !important; }
.pro_box .inner .cover ul, .pro_box .inner .pg li { display: block; list-style: none; margin: 0; padding: 0; }
.pro_box .inner .cover li { position: relative; width: 20%; float: left; }
.pro_box .inner .cover .item { position: relative; display: block; margin: 5px; opacity: 0.9; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; }
.pro_box .inner .cover .item>.imgLiquidFill { width: 100%; height: 70px; }
.pro_box .inner .cover .item>h3 { position: absolute; left: 5%; margin: 0; bottom: 8px; width: 80%; padding: 5px 5%; background: 000; background: rgba(0,0,0,.4); color: #CCC; font-size: 13px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; }
.pro_box .inner .cover .item:hover { opacity: 1; }
.pro_box .inner .cover .item:hover:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); text-align: center; line-height: 70px; content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #FFF; font-size: 18px; }
.pro_box .inner .cover .item:hover>h3 { background: #a49f91; color: #FFF; }
.pro_box .inner .info { width: 50%; float: left; }
/*contact_box*/
.contact_box { padding: 20px; position: relative; }
.contact_box .info { width: 40%; margin: 0 2% 0 0; float: right; position: relative; }
.contact_box .info img { max-width: 100%; }
.contact_box .forms { width: 55%; float: left; position: relative; }
.contact_box .forms th { font-size: 14px; position: relative; text-align: right; }
.contact_box .forms td { font-size: 14px; position: relative; }
.contact_box .forms .t1 { width: 100%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; }
.contact_box .forms .t2 { width: 100%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; height: 200px; }
.contact_box .forms .t3 { float: left; width: 40%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; margin: 0 10px 0 0; }
.contact_box .forms .code { float: left; margin: 0 5px 5px 0; }
/*news_box*/
.news_box { padding: 20px 30px; }
.news_box h1 { font-size: 20px; letter-spacing: 2px; font-weight: bold; color: #601986; }
.news_box ul { display: block; margin: 0; padding: 0; list-style: none; }
.news_box>ul>li { border-top: solid 1px #CCC; }
.news_box>ul>li:first-child { border-top: none; }
.news_box .date { display: block; font-size: 15px; line-height: 2em; color: #601986; }
.news_box>ul>li>a { display: block; overflow: auto; padding: 10px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.news_box>ul>li>a h3 { font-size: 18px; height: 1.6em; color: #666; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
.news_box>ul>li>a:hover { color: #FFF; background: #f2f2f2; }
.news_box>ul>li>a:hover h3 { color: #000; }
/*guestbook_box*/
#guestbook_box { padding: 20px; position: relative; }
.guestbook_con { padding: 20px; margin-bottom: 5px; background-color: #FFF; border: solid 1px #CCC; }
.guest_top { overflow: hidden; line-height: 2em; background-color: #86599d; padding: 5px 15px; color: #FFF; }
.guest_user { padding: 20px; color: #000; background-color: #FFF; }
.guest_admin { padding: 20px; background-color: #f2f2f2; color: #000; }
.name { border-bottom: solid 1px #333; line-height: 2em; }
.guest_bottom { text-align: right; padding: 5px 10px; background-color: #FFF; color: #86599d; }
.guestbook_msg { position: absolute; top: 20px; right: 14px; margin: 5px; padding: 5px 10px; background: #86599d; color: #FFF; cursor: pointer; text-align: center; width: 100px; }
.guestbook_msg .CHT { display: none; }
.guestbook_msg:hover .CHT { display: block; }
.guestbook_msg:hover .ENG { display: none; }
#view_overlay { display: none; position: fixed; width: 100%; height: 100%; z-index: 1800; background: #000; background: rgba(0,0,0,.7); overflow: auto; }
#view_box { width: 600px; height: 450px; background: #FFF; margin: 4% auto; position: relative; z-index: 10; }
#view_overlay .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
#view_box .inner { padding: 20px; }
#view_box .close { position: absolute; top: -16px; right: -16px; cursor: pointer; }
#view_box .date { font-size: 12px; color: #ED6099; padding: 4px; }
#view_box .inner h1 { font-size: 26px; color: #525252; margin: 0 0 5px 0; }
#view_box .forms { position: relative; padding: 10px; }
#view_box .forms th { font-size: 14px; position: relative; text-align: right; }
#view_box .forms td { font-size: 14px; position: relative; }
#view_box .forms .t1 { width: 100%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; }
#view_box .forms .t2 { width: 100%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; height: 200px; }
#view_box .forms .t3 { float: left; width: 40%; padding: 2px; line-height: 20px; font-size: 15px; background: #f2f2f2; border: none; margin: 0 10px 0 0; }
#view_box .forms .code { float: left; margin: 0 5px 5px 0; }
nav { overflow: auto; padding: 14px; }
nav a { color: #FFF; }
nav h3 { color: #FFF; font-size: 16px; margin: 0 0 10px 0; padding: 5px 0; border-bottom: solid 1px #f2f2f2; }
nav .item { float: left; margin: 0 1% 10px 1%; }
nav ul { position: relative; margin: 0; padding: 0; list-style: none; }
nav a { display: block; margin: 0; padding: 2px 8px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
nav a:hover { background: #FFF; color: #333; }
#about_1 { }
#about_1 .pics { width: 35%; float: right; }
#about_1 .pics .pic { height: 300px; margin: 0 0 20px 0; }
#about_1 .txt { width: 60%; float: left; }
#about_3 { }
#about_3 .txt .pic { max-width: 600px; height: 300px; margin: 0 0 20px 0; }


.tab_menu{ overflow:auto;}
.tab_menu .item{ float:left; padding:5px 10px; border:solid 1px #CCC; margin:0 4px 4px 0; cursor: pointer;}
.tab_menu .item:hover{ background:#CCC; }
.tab_menu .item.on{ background:#1e71ae; color:#FFF; border:solid 1px #1e71ae;}

.tab_con .item{ display:none;}
.tab_con .item.on{ display:block;}


.list_menu{ overflow:auto; padding:5px;}
.list_menu .item{ float:left; padding:5px 10px; border:solid 1px #CCC; margin:0 4px 4px 0; cursor: pointer;}
.list_menu .item:hover{ background:#CCC; }
.list_menu .item.on{ background:#1e71ae; color:#FFF; border:solid 1px #1e71ae;}

.mix_menu{ overflow:auto; padding:5px;}
.mix_menu .item{ float:left; padding:5px 10px; border:solid 1px #CCC; margin:0 4px 4px 0; cursor: pointer;}
.mix_menu .item:hover{ background:#CCC; }
.mix_menu .item.active{ background:#1e71ae; color:#FFF; border:solid 1px #1e71ae;}

/*news_box*/
.news_box{ padding:20px 0;}
.news_box h1{ font-size:20px; letter-spacing:2px; font-weight:bold; color:#601986;}
.news_box ul { display: block; margin: 0; padding: 0; list-style: none; }
.news_box>ul>li{ border-top: solid 1px #CCC; }
.news_box>ul>li:first-child {  border-top: none;}
.news_box .date { display: block; font-size: 15px; line-height: 2em; color: #999; }
.news_box>ul>li>a { display: block; overflow: auto; padding:10px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.news_box>ul>li>a .pic{ width:120px; height:120px; float:left; margin:0 15px 0 0;}
.news_box>ul>li>a h3 { font-size:18px; height: 1.6em; color: #333; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0;}
.news_box>ul>li>a p { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0; line-height:20px; height:40px;}
.news_box>ul>li>a:hover { color: #FFF; background: #f2f2f2; background:rgba(0,0,0,.1);}
.news_box>ul>li>a:hover h3 { color: #000; }


/*par_box*/
.par_box{ padding:20px 0;}
.par_box h1{ font-size:20px; letter-spacing:2px; font-weight:bold; color:#601986;}
.par_box ul { display: block; margin: 0; padding: 0; list-style: none; }
.par_box>ul>li{ width:18%; margin:1%; float:left;}
.par_box.sol>ul>li{ width:23%; margin:1%; float:left;}
.par_box>ul>li>a { border: solid 1px #CCC;  display: block; overflow: auto; padding:10px; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.par_box.sol>ul>li>a { border: solid 3px #f2f2f2; }
.par_box>ul>li>a .pic{ width:100%; height:200px; margin:0 0 10px 0;}
.par_box>ul>li>a h3 { font-size:15px; height: 1.6em; color: #333; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:0; text-align:center;}
.par_box.sol>ul>li>a h3{ text-align:left;}
.par_box.sol>ul>li>a p{ line-height:20px; height:40px; overflow:hidden;}
.par_box>ul>li>a:hover { border:solid 1px #000;}
.par_box.sol>ul>li>a:hover { border:solid 3px #CCC;}
.par_box>ul>li>a:hover h3 { color: #000; }
.par_box>ul>li>a p{}

.pho_box{ padding:20px 0;}
.pho_box>h2{ font-size:18px; color:#000; padding:0 0 0 10px; position:relative; margin:0 0 15px 0;}
.pho_box ul{ display:block; list-style:none; margin:0;}
.pho_box ul li{ display:block; float:left; width:25%;}
.pho_box ul li a{ position:relative; display:block; margin:10px; font-size:15px; color:#666; height:150px;}
.pho_box ul li a:hover:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); text-align: center; line-height: 150px; content: "\f002"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #FFF; font-size: 18px; }

.dl_box{ padding:20px 0;}
.dl_box>h2{ font-size:18px; color:#000; padding:0 0 0 10px; position:relative; margin:0 0 15px 0;}
.dl_box ul{ display:block; list-style:none; margin:0;}
.dl_box ul li{ display:block; float:left; width:25%;}
.dl_box ul li a{ display:block; margin:10px; font-size:15px; color:#666; padding:10px; border:solid 1px #CCC; border-radius:5px; font-size:14px;}
.dl_box ul li a:hover{ background:#3d89c0; color:#FFF;}
.dl_box ul li a:hover p{ color:#FFF;}
.dl_box ul li a i{ font-size:16px;}

.page_links{ padding:20px 0;}

.inx_news_box{ position:relative; margin:10px; overflow:auto;}
.inx_news_box a{ float: left; width:50%;}
.inx_news_box a:hover span{ color:#000000; }
.inx_news_box a .pic{ margin:10px; width:120px; height:120px; float:left;}
.inx_news_box a .txt{ margin:10px;}
.inx_news_box a .txt h3{ margin:0 0 5px 0;}
.inx_news_box a .txt p{ line-height:20px; height:40px; overflow:hidden;}


.tips{ color: #333; padding: 10px; padding: 10px 0;}
.tips i{ font-size: 24px; vertical-align: middle; color: #3d89c0;}
.tips img{ width: 24px; height: auto; vertical-align: middle;}
.cart_list{ position: fixed; top: 450px; right: 0; z-index: 1000; border: 1px #FFF solid;}
.cart_list i{ font-size: 32px; color:#FFF; }
.cart_list img{ display: block; width: 48px; height: auto;}
.cart_list .num{ background: #e20a0a; color: #FFF; position: absolute; top: -10px; right: 30px; z-index: 100; padding: 0 10px; border-radius: 10px;}

.cart_list .num.am{
	animation: upDown 0.5s 1;
}

@keyframes upDown {
	0%{ transform: translateY(0);animation-timing-function: ease-in; }
	50%{ transform: translateY(-5px); animation-timing-function: ease-in; }
	90%{ transform: translateY(2px); animation-timing-function: ease-in; }
	100%{ transform: translateY(0); animation-timing-function: ease-in-out }
} 

.contacttable { min-width: inherit; width: 100% ;}
.contacttable th{ width: 95px;}
.contacttable td input { max-width: 100%; width: calc(100% - 20px);}
.contacttable td textarea { max-width: 100%; width: calc(100% - 20px);}
.contacttable #reload-img img { height: 20px; width: auto !important;}
.contacttable .sendInput{ width:calc(100% - 112px);}

/*RWD*/

@media only screen and (max-width: 1300px) {
	.top_menu>ul>li { margin: 0 10px; }
	.par_box>ul>li{ width:23%; margin:1%; float:left;}
}

@media only screen and (max-width: 1200px) {
	.top_menu>ul>li { margin: 0; }
	.par_box>ul>li{ width:31%; margin:1%; float:left;}
	

	
	.search_menu_box{ margin: 10px; left: 0; top: 0; width: calc(100% - 20px); height: calc(100% - 20px); box-sizing: border-box;}
	.search_menu_box .list li{ width: calc(100%/3);}
	.search_if_box .list li{ width: calc(100%/3);}


	
}


@media only screen and (max-width: 800px) {
	.loadbar { display: none; }
	nav { display: none; }
	.inner-width { width: 100%; }
	.desk-960 { display: none; }
	.mobile-480 { display: block; }
	#wrapper { min-width: inherit; }
	#wrapper.on { left: 270px; }
	#header { background: rgba(52,139,203,.97); }
	#header.on { left: 270px; }
	.search_box { width: 90%; padding: 0 5%; position: relative; }
	.search_box input { width: 90%; float: left; padding: 0; margin: 0; line-height: 28px; }
	.search_box a { width: 10%; padding: 0; float: left; text-align: center; }
	#content { width: 100%; padding-top: 60px; }
	#footer { width: 92%; padding: 20px 4% }
	#footer .copyright { float: none; width: 100%; padding: 0; text-align: center; }
	#footer .info { font-size: 16px; text-align: center; float: none; width: 100%; padding: 0; }
	#footer .info i { font-size: 24px; }
	#footer .info span { display:block;}
	#left_block { float: none; width: 100%; height: auto !important;}
	#main_block { float: none; width: 100%; }
	#path { position: relative; left: 0; top: 0; float: none; text-align: left; }
	.left_ad_box { display: none; }
	.logo { padding: 14px 10px; float: none; text-align: center; }
	.logo img { width: auto; height: 25px; }
	.top_menu { position: absolute; top: 0; left: 0; }
	.top_menu .submenu { display: block !important; position: inherit !important; left: auto; top: auto; margin: 0; width: 100%; padding: 0; }
	.top_menu .submenu .txt, .top_menu .submenu .pic { display: none; }
	.top_menu .submenu li { border-bottom: solid 1px #CCC; }
	.top_menu .submenu li a { color: #333; padding: 10px 20px; }
	.top_menu .submenu h2 { margin: 0 0 10px 0; }
	.top_menu .submenu .list>h4 { display: none; }
	.top_menu>ul { position: fixed; top: 0; left: -271px; padding: 0 20px; width: 230px; height: 100%; background: #FFF; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: 0.4s ease-in; -moz-transition: 0.4s ease-in; -ms-transition: 0.4s ease-in; -o-transition: 0.4s ease-in; transition: 0.4s ease-in; }
	.top_menu ul.on { left: 0; }
	.top_menu>ul>li { display: block; float: none; margin:10px 0 0 0; height: auto; }
	.top_menu>ul>li>a { padding: 0; margin: 0; text-align: left; position:absolute; top:0; left:0; width:100%; height:36px; text-indent:-9999px;}
	.top_menu>ul>li>a.cur { color: #FFF; }
	.top_menu .icon:before { display: block; content: "\f0c9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #FFF; font-size: 32px; position: absolute; top: 20px; left: 10px; z-index: 100; }
	.top_menu .icon.on:before { display: block; content: "\f00d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; /*--adjust as necessary--*/ color: #FFF; font-size: 32px; position: absolute; top: 20px; left: 10px; z-index: 100; }
	.top_menu .submenu .list li { border-left: none; display: block; float: none; }
	.top_menu>ul>li>a:hover:before, .top_menu>ul>li>a.on:before, .top_menu>ul>li>a.cur:before { display: none; }
	.top_menu>ul>li>a:hover:after, .top_menu>ul>li>a.on:after, .top_menu>ul>li>a.cur:after { display: none; }
	.top_menu .submenu .list.w33 { display: block; width: 100%; padding-top: 20px; }
	.top_menu .submenu .list a { white-space: normal; }
	.inx_banner a .imgLiquidFill { min-height: inherit; }
	.inx_banner a .info { width: 92%; padding: 10px 4% 40px; bottom: 0; }
	.inx_banner a .info h1 { margin: 0 0 6px 0; }
	.inx_banner a .info p { line-height: 1.2em; }
	.page_banner a .imgLiquidFill { height: 100px; }
	.inx_pro_box>ul>li { width: 50%; }
	.store_box ul>li .pic { width: 100%; height: 120px; margin: 0 0 10px 0; }
	.store_box ul>li h4 { clear: both; margin: 0; }
	.inner_box, .pro_box { padding: 10px; }
	.pro_box .list li { width: 50%; }
	.pro_box .inner { padding: 0; }
	.pro_box .inner .cover { width: 100%; float: none; margin: 0; }
	.pro_box .inner .cover .big { height: 340px; }
	.pro_box .inner .info { width: 100%; float: none; margin: 0; }
	.inner_box.pro { padding: 20px; }
	.contact_box .info { width: 100%; margin: 0; float: none; }
	.contact_box .forms { width: 100%; float: none; }
	.contact_box .forms .t3 { float: left; width: 52%; margin: 0; }
	.btn_send { width: 100%; padding: 10px 0; margin: 0 0 10px 0;}
	#guestbook_box { padding: 10px; }
	.guestbook_msg { top: 10px; right: 10px; }
	.guest_user { padding: 10px; }
	#view_box { width: 100%; height: 92%; margin: 8% auto 0; }
	#view_box .inner { padding: 10px; }
	#view_box .close { top: -25px; right: 0; z-index: 1000; }
	.inner_box h2 { clear: both; }
	.inner_box td { max-width: 50%; }
	.pic-items { width: 100% !important; }
	.intro_pro_box>ul>li { float: none; width: 100%; }
	#about_1 { }
	#about_1 .pics { width: 100%; float: none; }
	#about_1 .pics .pic { height: 200px; }
	#about_1 .txt { width: 100%; float: none; }
	#about_3 .txt .pic { height: 200px; }
	
	.lan_menu { float: none; position:fixed; top:14px; right:10px; padding:0;}
	.lan_menu.on{ right:-40px;}
	.lan_menu .lan_list{ position:fixed; text-align:right; top:60px; right:-100%; width:100%; background: rgba(52,139,203,.8); -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;
	}
	.lan_menu .lan_list.on{ right:0;}
	.lan_menu .lan_list>a{ font-size:16px;}
	
	.news_box>ul>li>a .pic{ width:100%; height:200px; float:none; margin:0 0 15px 0;}
	
	.edit img{ max-width:100%; margin:0 0 10px 0 !important;}
	.par_box>ul>li{ width:48%; margin:1%; float:left;}
	.dl_box ul li{ width:50%;}
	.pho_box ul li{ width:50%;}
	.inx_news_box a{ float: none; width:100%;}
	.inx_news_box a .pic{ width:100%; height:200px; margin:0 0 20px 0; }
	.par_box.sol>ul>li{ width:48%; margin:1%; float:left;}
	.inner_box table{ width:100% !important; min-width:inherit !important;}


	.search_menu_box .list li{ width: calc(100%/2);}
	.search_if_box .list li{ width: calc(100%/2);}
	.search_menu_box{  width: calc(100% - 20px); }
	.search_menu{ position: absolute; top:2px; right: 40px;}
	.left_nav{ display: none;}
	.search_menu_box .list li .add_cart{ opacity: 1 !important;}
	.pro_box .list.cart li {  width: calc(100%); }
	.contacttable .sendInput{ width: calc(100% - 115px);}
	.cart_list{ top: 60px; }
}

@media only screen and (max-width: 640px) {
	.search_menu_box{ padding: 15px; }
	.search_menu_box .head h1{ font-size: 24px;}
	.search_menu_box .close{ top: 15px; right: 10px;}
	.search_menu_box .list li{ width: calc(100%);}
	.search_if_box .list li{ width: calc(100%);}
	.pro_box table{ width: auto!important;}
	
}

@media only screen and (max-width: 320px) {
	.logo { padding:18px 10px 0 0;}
	.logo img{ height: 22px;}
	.search_menu_box{ padding: 10px;}
	.search_menu_box .close{ top: 0; right: 0;}

}