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

@import url("reset.css");
@import url("fancybox.css");

html { width:100%; height: 100%;}
html, body { margin:0; padding:0;}
body { font-family:Calibri,"微軟正黑體",Arial, Helvetica, sans-serif; font-size:15px ; line-height:29px; color:#555; width:100%; background: url(../images/bg.jpg); letter-spacing:1px; -webkit-text-size-adjust: none;}
a{ text-decoration:none;}
p.img{ font-size:0; line-height:0;}
p.img img{ width:100%; height:auto;}

header{ display:block; width:100%; height:93px; background:url(../images/header_bg.jpg) repeat-x; position:fixed; top:0; left:0; z-index:999;}
header .main{ display:block; width:100%; height:92px; background:url(../images/header_bg2.png) no-repeat center bottom; position:relative;}
header .main .logo{ display:block; width:314px; height:93px; background:url(../images/logo_bg.png) no-repeat; position:absolute; top:0; left:0;}
header .main .logo a{ display:block; width:174px; height:69px; background:url(../images/logo.png) no-repeat; position:absolute; top:15px; left: 20px; text-indent:-5000px;}
header .main nav{ display: inline-block; width:100%; position:absolute; top:0; right:0;}
header .main nav .lau{ display:block; width:120px; height:25px; background:rgba(255,255,255,0.8) url(../images/lau_icon.png) no-repeat 90% 10px; border-top-left-radius:17px; border-bottom-left-radius:17px; position:absolute; top:50px; right:0; overflow:hidden;}
header .main nav .lau a{ display:block; width:120px; height:25px; padding:0 0 0 15px; font-size:14px; line-height:25px; color:#0a61aa; cursor: pointer;}
header .main nav .lau.open{background:rgba(255,255,255,1) url(../images/lau_icon.png) no-repeat 90% 10px;}
header .main nav .lau a.other{ color:#888;}

header .main nav .menu{ display: inline-block; height:25px; font-size:20px; line-height:25px; color:#FFF; position: absolute; top:50px; right:130px; text-align:right;}
header .main nav .menu a{ display:inline-block; padding:0 20px; color:#FFF; background:url(../images/menu_line.png) no-repeat right center; position:relative;}
header .main nav .menu a span{ display:block; width:100%; height:5px; background: #ff9d12; border-radius:5px; position:absolute; left:0; bottom:-23px; opacity:0; -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
header .main nav .menu a span em{ display:block; width:13px; height:5px; background:url(../images/nav_icon.png) no-repeat; position:absolute; top:-5px; left:calc(50% - 6px);}
header .main nav .menu a .inquiry{ display:inline-block; width:20px; height:20px; background:#FFF; border-radius:5px; vertical-align: middle; margin:0 0 0 5px; font-size:12px; line-height:20px; text-align:center;color:#0a61aa;}
header .main nav .menu a.last{ background: none;}
header .main nav ul.link{ display: inline-block; height:20px; position: absolute; top:5px; right:20px; text-align:right;}
header .main nav ul.link li{ display:inline-block; height:20px; padding: 0 15px; background:url(../images/link_bg.png) no-repeat right center; line-height:20px;}
header .main nav ul.link li a{ display:inline-block; height:20px; padding: 0 0 0 25px; background:url(../images/link_icon.png) no-repeat left center; font-size:14px; line-height:20px; color:#FFF; opacity:0.8; -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
header .main nav ul.link li.last{ padding: 0 0 0 15px; background: none;}

.indexmain{ display:block; width:100%; padding: 160px 0 150px 0;}

.indexmain .banner{ display:block; width:100%; max-width:1500px; margin:0 auto 50px auto; padding:0 0 0px 0; position:relative; overflow:hidden;}
.indexmain .banner a.ad{ display:block; width:100%; position:absolute; z-index:2;}
.indexmain .banner a.ad .img{ display:block; width:75%; float:right; overflow:hidden;}
.indexmain .banner a.ad .img img{ width:100%; height:auto; transform:scale(1.1,1.1); -webkit-transition:all 2s ease;  -moz-transition:all 2s ease;  -o-transition:all 2s ease;  -ms-transition:all 2s ease;  transition:all 2s ease;}
.indexmain .banner a.on .img img{ transform:scale(1.0,1.0)}
.indexmain .banner img.bg{ display:block; width:75%; float:right;}
.indexmain .banner a.ad p.slogan{ display:block; position:absolute; left:105px; bottom:40%; -webkit-transition:all 2s ease;  -moz-transition:all 2s ease;  -o-transition:all 2s ease;  -ms-transition:all 2s ease;  transition:all 2s ease; opacity:1; font-size:75px; line-height:70px; color:#ff8712; font-weight: bolder; z-index:9; text-transform:uppercase;}
.indexmain .banner a.on p.slogan{ opacity:1;  left:85px; bottom:40%;}
.indexmain .banner a p.slogan span{ display:block; padding:0 0 0 5px; font-size:20px; line-height:22px; color:#3f3f3f; letter-spacing:2px; text-transform:uppercase;}
.indexmain .banner .control{ display:block; width:75px; position:absolute; bottom:calc(50% + 0px); left:0;}
.indexmain .banner .control a{ display:block; width:35px; height:10px; margin: 0 0 15px 0; text-indent:-5000px; background:#444444; border-top-right-radius:10px; border-bottom-right-radius:10px; -moz-transition:all 1s ease;  -o-transition:all 1s ease;  -ms-transition:all 1s ease;  transition:all 1s ease}
.indexmain .banner .control a.on{ width:70px;  background:#ff8712;}
.indexmain .banner a.down{ display:block; width:50px; height:26px; background:url(../images/banner/down_btn.png) no-repeat; position: absolute; bottom:0; left:calc(50% - 25px);}

.indexmain .product{ display:block; width:90%; max-width:1200px; margin:0px auto 0 auto; padding:80px 0 110px 0; background:url(../images/shadow.png) no-repeat center bottom; overflow:hidden; position:relative; z-index:99;}
.indexmain .product .left{ display:block; width:22%; padding:150px 0 0 0; float:left;}
.indexmain .product .left p.title{ display:block; width:100%; font-size:15px; line-height:19px; color:#252525; letter-spacing:5px;}
.indexmain .product .left p.title span{ color:#ec5b1b;}
.indexmain .product .left h2{ display:block; width:100%; margin:0 0 45px 0; font-size:45px; line-height:50px; color:#252525; letter-spacing:2px; text-transform:uppercase;}
.indexmain .product .left ul{ display:block; width:100%; margin:0 0 60px 0;}
.indexmain .product .left ul li{ display:block; width:100%; margin:0 0 15px 0; padding:0 25px 0 0; background:url(../images/icon.png) no-repeat right 5px; font-size:20px; line-height:25px; color:#252525; overflow:hidden; position:relative;}
.indexmain .product .left ul li span{ display: none; width:18px; height:18px; background:#888888; font-size:12px; line-height:18px; color:#FFF; text-align:center; position:absolute; top:5px; left:0; transform:scale(0.7,0.7)}
.indexmain .product .left ul li a{ color:#252525;}
.indexmain .product .left a.more{ display:block; width:100%; height:35px; padding:0 0 0 20px; border:1px solid #b4b4b4; border-radius: 8px; background:url(../images/icon2.png) no-repeat 90% center; font-size:13px; line-height:35px; color:#737373;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
.indexmain .product .right{ display:block; width:62%; float: right; margin:-80px 0 0 0; background:#FFF; padding:30px; background: -webkit-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
background: -o-linear-gradient(255,255,255,1),rgba(255,255,255,0));
background: -moz-linear-gradient(255,255,255,1),rgba(255,255,255,0));
background: linear-gradient(255,255,255,1),rgba(255,255,255,0));}
.indexmain .product .right ul{ display:block; width:100%;}
.indexmain .product .right ul li{ display:block; width:100%; margin:0 0 1px 0; overflow:hidden; position:relative; }
.indexmain .product .right ul li p.img{ display:block; width:50%; float:left; overflow:hidden; transform:scale(1,1); transform-origin: left center;-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease; font-size:0; left:0;}
.indexmain .product .right ul li .text{ display:block; width:50%; height:100%; background:#2f2f2f; position:absolute; left:50%; top:0; -webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
.indexmain .product .right ul li .text .main{ display:block; width:100%; padding:0 30px; position:absolute; top:50%; transform:translateY(-50%);}
.indexmain .product .right ul li .text .main .number{ display: none; font-size:12px; line-height:15px; color:#ec5b1b;}
.indexmain .product .right ul li .text .main h3{ display:block; margin:0 0 0px 0; font-size:25px; line-height:30px; color:#FFF;}
.indexmain .product .right ul li .text .main p{ display: none; width:100%; height:16px; font-size:13px; line-height:16px; color:#FFF; opacity:0.6; overflow:hidden;}
.indexmain .product .right ul li.blue p.img{ display:block; width:50%; float: right; transform-origin: right center;}
.indexmain .product .right ul li.blue .text{ left:0; background:#0f71b6; text-align:right;}

.indexmain .about{ display:block; width:100%; padding: 80px 0 150px 0; background:#FFF;}
.indexmain .about .main{ display:block; width:100%; max-width:950px; margin:0 auto; position:relative;}
.indexmain .about .main h2{ display:block; width:100%; margin:0 0 30px 0; font-size:35px; line-height:30px; color:#252525; text-align:center;}
.indexmain .about .main p{ display:block; width:100%; margin:0 0 15px 0; font-size:19px; line-height:29px; color:#252525; text-align:center;}
.indexmain .about .main ul{ display:block; width:100%; overflow:hidden; margin:0 0 30px 0; padding:40px 0 0 0; background:url(../images/title_bg.png) no-repeat center top;}
.indexmain .about .main ul li{ display:block; width:33.33%; float:left;}
.indexmain .about .main ul li p.img{ display:block; width:100%;}
.indexmain .about .main ul li p.img img{ max-width:303px;}
.indexmain .about .main ul li.left p.img{ text-align:left;}
.indexmain .about .main ul li.center p.img{ text-align:center;}
.indexmain .about .main ul li.right p.img{ text-align:right;}
.indexmain .about .main .text{ display:block; width:100%; margin:0 auto; overflow:hidden;}
.indexmain .about .main .text p{ display:block; width:50%; float:left; padding:0 20px; font-size: 18px; line-height: 28px; color:#555; text-align:left;}
.indexmain .about .main .text p strong{ display:inline-block; font-size:19px; color:#986751;}
.indexmain .about .main .text p img{ display:inline-block; margin:0 8px; vertical-align:middle;}
.indexmain .about .main a.more{ display:inline-block; height:16px; padding:0 0 0 25px; font-size:12px; line-height:16px; color:#ff8712; background:url(../images/link_icon2.png) no-repeat left center; position: absolute; top:12px; right:0;}

.indexmain .sold{ display:block; width:100%; min-height:489px; padding: 0; background: url(../images/index_gobal.png) no-repeat center top; position:relative;}
.indexmain .sold .main{ display:block; width:90%; max-width:1200px; margin:0 auto; padding:130px 0 0px 0; overflow:hidden;}
.indexmain .sold .main .right{ display:block; width:42%; float:right; position:relative; padding:0 0 50px 0;}
.indexmain .sold .main .right h2{ display:block; width:100%; margin:0 0 20px 0; font-size:40px; line-height:48px; color:#252525; text-transform:uppercase;}
.indexmain .sold .main .right h2 span{ display:inline-block; position:relative;}
.indexmain .sold .main .right h2 span em{ display:block; width:100%; height:1px; background:#373737; position:absolute; top:26px; left:110%;}
.indexmain .sold .main .right p{ display:block; width:100%; margin:0 0 30px 0; font-size:19px; line-height:29px; color:#252525;}
.indexmain .sold .main .right ul{ display:block; width:100%;}
.indexmain .sold .main .right ul li{ display:block; width:100%; margin:0 0 5px 0; padding:0 0 0 25px; background:url(../images/line_icon.png) no-repeat left 13px;}
.indexmain .sold .main .right ul li p.title{ margin:0 0 10px 0; color:#8a4929; font-weight: bold;}
.indexmain .sold .main .right ul li a{ display:block; font-size:19px; line-height:29px; color:#252525;}
.indexmain .sold .main .right ul li a span{ color:#555;}
.indexmain .sold .main a.contact{ display: inline-block; height:30px; padding:0 30px; border-radius:30px; background:#373737; font-size:12px; line-height:30px; color:#FFF; position: absolute; bottom:0px; left:0; text-transform:uppercase;}

.indexmain .sold .news{ display:block; width:100%; position:absolute; top:-43px; left:0;}
.indexmain .sold .news .main{display:block; width:100%; max-width:950px; height:86px; margin:0 auto; padding:0; background: url(../images/index_news_bg.jpg) repeat-y left top; background-size:100% 100%; overflow:hidden;}
.indexmain .sold .news .main p.title{ display:block; width:196px; height:86px; padding:0 0 0 40px; background:url(../images/index_news_title.png) no-repeat; float:left; font-size:30px; line-height:86px; color:#FFF; font-weight: bold;}
.indexmain .sold .news .main .list{ display:block; width:calc(100% - 196px); height:86px; padding:18px 0 0 0; float:left; overflow:hidden; position:relative;}
.indexmain .sold .news .main .list ul{ display:block; width:100%;}
.indexmain .sold .news .main .list ul li{ display:block; width:100%; height:50px; padding:0 70px 0 0; font-size:20px; line-height:50px; color:#FFF; overflow:hidden;}
.indexmain .sold .news .main .list ul li a{ color:#FFF;}
.indexmain .sold .news .main .list .bx-controls{ display:block; width:50px; height:86px; position:absolute; top:0; right:0;}
.indexmain .sold .news .main .list .bx-pager{ display: none;}
.indexmain .sold .news .main .list .bx-controls-direction{ width:50px; height:86px; position:relative;}
.indexmain .sold .news .main .list .bx-controls-direction a.bx-prev{ display:block; width:50px; height:6px; background:url(../images/up_icon.png) no-repeat center center; text-indent:-5000px; position:absolute; top:calc(50% - 6px); left:0;}
.indexmain .sold .news .main .list .bx-controls-direction a.bx-next{ display:block; width:50px; height:6px; background:url(../images/down_icon.png) no-repeat center center; text-indent:-5000px;position:absolute;  top:calc(50% + 6px); left:0;}

footer{ display:block; width:100%; background:url(../images/footer_bg.jpg) repeat-x left top; background-size:100% 100%;}
footer .main{ display:block; width:100%; background:url(../images/footer_bg2.png); overflow:hidden; position:relative;}
footer .main .left{ display:block; width:495px; height:100%; padding:30px 0 0 50px; background:url(../images/footer_infor_bg.png) no-repeat; background-size:495px 100%; position:absolute; top:0; left:0;}
footer .main .left a.logo{ display:block; width:174px; height:69px; margin:0 0 20px 0; background:url(../images/logo.png) no-repeat; text-indent: -5000px;}
footer .main .left p{ display:block; width:100%; margin:0 0 30px 0; font-size:15px; line-height:21px; color:#898989;}
footer .main .left p a{ display: inline-block; color:#898989;}
footer .main .left p strong{ display:block; width:100%; margin:0 0 10px 0; font-size:19px; color:#4b4b4b;}
footer .main .left a.link{ display: none; width:35%; height:30px; margin:0 15px 0 0; padding:0 0 0 20px; border:1px solid #a4a6a8; border-radius:8px; font-size:16px; line-height:28px; color:#969799; background:url(../images/link_icon3.png) no-repeat 90% 50%;-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}

footer .main .right{ display:block; width:calc(100% - 495px); max-width:750px; padding:20px 0 0 0; float:right;}
footer .main .right ul.navlink{ display:block; width:100%; margin:0 0 20px 0; overflow:hidden;}
footer .main .right ul.navlink li{ display:block; width:20%; padding:0 30px 0 0; float:right;}
footer .main .right ul.navlink li a.subs{ display:block; font-size:16px; line-height:21px; color:#FFF; padding:0 0 8px 0; margin:0 0 8px 0; background:url(../images/line2.png) repeat-x left bottom;}
footer .main .right ul.navlink li a{ display:block; margin:0 0 2px 0; padding:0 0 0 10px; background:url(../images/link_bg.png) no-repeat left center; color:#cddfef; line-height:19px;}
footer .main .right p.copyright{ display:block; width:calc(100% - 30px); padding:15px 0 15px 0; background:url(../images/footer_line.png) no-repeat left top; font-size:13px; line-height:20px; color:#FFF; text-align:right;}
footer .main .right p.copyright a{ opacity:0.5; color:#FFF;}
footer .main .right p.copyright sapn{ display:inline-block;}


/*about*/
.aboutmain{ display:block; width:100%; padding:170px 0 150px 0;}
h1.subtitle{ display:block; width:100%; margin:0 0 30px 0; font-size:45px; line-height:50px; color:#252525; text-align:center;}
.aboutmain .main{ display:block; width:100%; background: url(../images/main_bg.png) repeat-x left 25px; overflow:hidden;}

.sub{ display:block; width:100%; max-width:950px; height:55px; margin:0 auto 50px auto;  background:url(../images/sub_bg2.png) no-repeat left center; padding:0 0 0 30px;}
.sub ul{ display:block; width:100%; height:55px; margin:0 0 50px 0; padding:0 30px 0 0; background:url(../images/sub_bg.png) no-repeat right center;}
.sub ul li{ display:block; width:25%; height:55px; float:left; font-size:20px; line-height:55px; color:#FFF; text-align:center; background:url(../images/sub_line.png) no-repeat right center; position: relative;}
.sub ul li.last{ background: none;}
.sub ul li.current{ background:url(../images/sub_current_bg.png) no-repeat right center; text-indent: -30px;}
.sub ul li.current a{ font-size:20px; text-shadow:0 0 8px rgba(210,100,1,0.8);}
.sub ul li .bg{ display:block; width:30px; height:55px; background:url(../images/sub_current_bg2.png) no-repeat; position:absolute; top:0; left:-30px;}
.sub ul li a{ color:#FFF;-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
.sub ul li a span{ display:inline-block; padding:0 20px 0 0; background:url(../images/link_icon.png) no-repeat right center;}
.sub ul li.current.last{ margin:0 0 0 -30px; background:url(../images/sub_current_bg_last.png) no-repeat left center; text-indent: 60px;}
.sub ul li.current.last .bg{ width:60px;  background:url(../images/sub_current_bg2_last.png) no-repeat; left:inherit; right:-60px;}

.aboutmain .main .aboutpart1{ display:block; width:90%; max-width:1100px; margin:0 auto 50px auto;}
.aboutmain .main .aboutpart1 p{ display:block; width:100%; margin:0 0 20px 0; padding:0 20px; font-size:18px; line-height:29px; color:#555;}

.aboutmain .main .aboutpart2{ display:block; width:100%; max-width:1200px; margin:0 auto 50px auto;}
.aboutmain .main .aboutpart2 p.img{ margin:0 auto 50px auto;  position:relative;}
.aboutmain .main .aboutpart2 p.img strong{ display:inline-block; font-size:32px; line-height:28px; color:#252525; text-transform:uppercase; position:absolute; top:15%; right:5%;}
.aboutmain .main .aboutpart2 ul{ display:block; width:90%; max-width:1100px; margin:0 auto; overflow:hidden;}
.aboutmain .main .aboutpart2 ul li{ display:block; width:33.33%; margin:0 0 30px 0; padding:0 20px 0 45px; float:left; background:url(../images/line3.png) repeat-y 14px top;}
.aboutmain .main .aboutpart2 ul li h3{ display:block; margin:0 0 8px 0; padding:0 0 0 0; position:relative; font-size:25px; line-height:28px; color:#252525;}
.aboutmain .main .aboutpart2 ul li h3 span{ display: none; width:28px; height:28px; background: #ff9212; border-radius:28px; font-size:15px; line-height:28px; color:#FFF; text-align:center; position: absolute; top:0; left:0;}
.aboutmain .main .aboutpart2 ul li p{display:block; min-height:120px; padding:0 0 0 0;font-size:18px; line-height:28px; color:#555;}

.aboutmain .main .aboutpart3{ display:block; width:90%; max-width:1100px; margin:0 auto 50px auto;}
.aboutmain .main .aboutpart3 .title{ display:block; width:100%; height:95px; background:url(../images/about_history_title.png) no-repeat center top; overflow:hidden;}
.aboutmain .main .aboutpart3 .title p{ display:block; width:100%; height:60px; font-size:22px; line-height:60px; color:#FFF; text-align:center; font-weight: bold; float:left;}
.aboutmain .main .aboutpart3 .title p.right{ float: right;}
.aboutmain .main .aboutpart3 ul{ display:block; width:100%;}
.aboutmain .main .aboutpart3 ul li{ display:block; width:100%; min-height:92px; padding:20px 0 20px 0; overflow:hidden; position:relative;}
.aboutmain .main .aboutpart3 ul li p.year{ display:block; width:110px; height:100%; padding:35px 0 0 0; position:absolute; left:calc(50% - 55px); top:0; background:url(../images/about_history_line.png) no-repeat center top; font-size:30px; line-height:35px; color:#552e1e; font-style:italic; text-align:center;}
.aboutmain .main .aboutpart3 ul li .left{ display:block; width:calc(50% - 70px); background: #b59d8e; padding:20px; font-size:16px; line-height:29px; color:#FFF; position:relative; float:left;}
.aboutmain .main .aboutpart3 ul li .left span{ display:block; width:15px; height:14px; background:url(../images/about_history_icon1.png) no-repeat; top:28px; right:-15px; position: absolute;}
.aboutmain .main .aboutpart3 ul li .left p{ display:block; padding:0 0 0 10px; background:url(../images/icon3_2.png) no-repeat left 12px;}

.aboutmain .main .aboutpart3 ul li .right{ display:block; width:calc(50% - 70px); background: #FFF; padding:20px; font-size:16px; line-height:29px; color:#555; position:relative; float:right;}
.aboutmain .main .aboutpart3 ul li .right span{ display:block; width:15px; height:14px; background:url(../images/about_history_icon2.png) no-repeat; top:28px; left:-15px; position: absolute;}
.aboutmain .main .aboutpart3 ul li .right p{ display:block; padding:0 0 0 10px; background:url(../images/icon3.png) no-repeat left 12px;}

.aboutmain .main .aboutpart3 ul li .center{ display:block; width:70%; background: #b59d8e; margin:90px auto 0 auto; padding:20px; font-size:16px; line-height:29px; color:#FFF; position:relative; float: none;}
.aboutmain .main .aboutpart3 ul li .center span{ display: none; width:15px; height:14px; background:url(../images/about_history_icon1.png) no-repeat; top:28px; right:-15px; position: absolute;}
.aboutmain .main .aboutpart3 ul li .center p{ display:block; padding:0 0 0 10px; background:url(../images/icon3_2.png) no-repeat left 12px;}


.aboutmain .main .careerpart1{ display:block; width:90%; max-width:1100px; margin:0 auto 50px auto; overflow:hidden;}
.aboutmain .main .careerpart1 p.img{ display:block; width:51%; max-width:555px; float:right;}
.aboutmain .main .careerpart1 .text{ display:block; width:45%; padding:50px 0 0 0; float:left;}
.aboutmain .main .careerpart1 .text h2{ display:block; width:100%; margin:0 0 20px 0; font-size:35px; line-height:40px; color:#252525;}
.aboutmain .main .careerpart1 .text p{ display: block; width:100%; margin:0 0 15px 0; padding:0 0 0 15px; font-size:18px; line-height:26px; color:#555; background:url(../images/icon3.png) no-repeat left 10px;}

.aboutmain .main .careerpart2{ display:block; width:100%; max-width:1124px; margin:0 auto 80px auto; padding:12px; overflow:hidden;}
.aboutmain .main .careerpart2 h2{ display:block; width:100%; overflow:hidden; margin:0; padding:0 0 50px 0; background:url(../images/title_bg.png) no-repeat center bottom; font-size:35px; line-height:40px; color:#252525; text-align:center; text-transform:uppercase;}
.aboutmain .main .careerpart2 .textmain{ display:block; width:100%; background:#FFF; box-shadow:0 0 12px rgba(0,0,0,0.1); position:relative; overflow:hidden;}
.aboutmain .main .careerpart2 .textmain p.img{ display:block; width:36%; max-width:390px; float: left;}
.aboutmain .main .careerpart2 .textmain .text{ display:block; width:60%; position:absolute; top:50%; left:36%; transform:translateY(-50%);}
.aboutmain .main .careerpart2 .textmain .text h3{ display:block; width:100%; margin:0 0 15px 0; font-size:30px; line-height:35px; color:#252525; }
.aboutmain .main .careerpart2 .textmain .text p{ font-size:18px; line-height:35px; color:#555;}

.aboutmain .main .careerpart3{ display:block; width:90%; max-width:800px; margin:0 auto 0px auto; overflow:hidden;}
.aboutmain .main .careerpart3 .left{ display:block; width:55%; float:left; overflow:hidden;}
.aboutmain .main .careerpart3 .left h2{ display:block; width:100%; overflow:hidden; margin:0 0 20px 0; font-size:35px; line-height:40px; color:#252525;}
.aboutmain .main .careerpart3 .left p{display: block; width:100%; margin:0 0 8px 0; padding:0 0 0 15px; font-size:18px; line-height:26px; color:#555; background:url(../images/icon3.png) no-repeat left 10px;}

.aboutmain .main .careerpart3 .right{ display:block; width:45%; padding:80px 0 0 0; float: right;}
.aboutmain .main .careerpart3 .right a{ display:block; width:70%; height:45px; margin:0 auto; overflow:hidden;} 
.aboutmain .main .careerpart3 .right a span{ display:block; width:calc(100% - 40px); height:45px; padding:0 0 0 30px; font-size:20px; line-height:45px; color:#252525;  float:left; border:1px solid #9d9d9d; border-right: none; -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
.aboutmain .main .careerpart3 .right a strong{ display:block; width:40px; height:45px; border:1px solid #ff932a; border-left: none; background:url(../images/btn_icon.png) no-repeat left center; float: right; -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}

/*Global*/
.aboutmain.global .main{ background-size:100% 100%;}
.aboutmain .technologypart1{ display:block; width:90%; max-width:1200px; margin:0 auto 0px auto; overflow:hidden;}
.aboutmain .technologypart1 h2{ display:block; width:100%; max-width:760px; float:right; margin:0 0 20px 0; font-size:40px; line-height:45px; color:#252525;}
.aboutmain .technologypart1 p{ display:block; width:100%; max-width:760px; margin:0 0 50px 0; float:right;  font-size:18px; line-height:35px; color:#555;}

.aboutmain .technologypart1{ margin:0 auto 100px auto;}
.aboutmain .technologypart1 p{ padding:0 0 0 80px;}
.aboutmain .technologypart1 p.pglobal{ padding:0 0 0 120px;}
.aboutmain .technologypart1 p.img{ padding:0 0 0 120px; margin:0 0 20px 0;}
.aboutmain .technologypart1 p.img strong{ display:block; font-size:20px; font-weight: bold; margin:0 0 15px 0; color:#333;}
.aboutmain .technologypart1 p.img img{ max-width:524px;}
.aboutmain .technologypart1 p span{ display:inline-block; width:45%; margin:0 0 5px 0; text-align:left;}
.aboutmain .technologypart1 p span em.color1{ display:inline-block; width:8px; height:8px; background:#4876ad; margin:0 8px 0 0; vertical-align: middle;}
.aboutmain .technologypart1 p span em.color2{ display:inline-block; width:8px; height:8px; background:#af4946; margin:0 8px 0 0; vertical-align: middle;}
.aboutmain .technologypart1 p span em.color3{ display:inline-block; width:8px; height:8px; background:#91af53; margin:0 8px 0 0; vertical-align: middle;}
.aboutmain .technologypart1 p span em.color4{ display:inline-block; width:8px; height:8px; background:#775d97; margin:0 8px 0 0; vertical-align: middle;}

.aboutmain .globalpart2 p{ display:block; width:100%; max-width:760px; margin:0 0 50px 0; float:right;  font-size:18px; line-height:35px; color:#555;}

.aboutmain .technologypart1{ margin:0 auto 100px auto;}
.aboutmain .globalpart2 p{ padding:0 0 0 80px;}
.aboutmain .globalpart2 p.pglobal{ padding:0 0 0 120px;}
.aboutmain .globalpart2 p.img{ padding:0 0 0 120px; margin:0 0 20px 0;}
.aboutmain .globalpart2 p.img strong{ display:block; font-size:20px; font-weight: bold; margin:0 0 15px 0; color:#333;}
.aboutmain .globalpart2 p.img img{ max-width:485px;}
.aboutmain .globalpart2 p span{ display:inline-block; width:45%; margin:0 0 5px 0; text-align:left;}
.aboutmain .globalpart2 p span em.color1{ display:inline-block; width:8px; height:8px; background:#558ed5; margin:0 8px 0 0; vertical-align: middle;}
.aboutmain .globalpart2 p span em.color2{ display:inline-block; width:8px; height:8px; background:#e46c0a; margin:0 8px 0 0; vertical-align: middle;}
.aboutmain .globalpart2 p span em.color3{ display:inline-block; width:8px; height:8px; background:#91af53; margin:0 8px 0 0; vertical-align: middle;}
.aboutmain .globalpart2 p span em.color4{ display:inline-block; width:8px; height:8px; background:#b3a2c7; margin:0 8px 0 0; vertical-align: middle;}


.aboutmain .globalpart2{ display:block; width:100%; margin:0 auto 150px auto; padding: 80px 0 0 0; background:url(../images/technology/global_bg.png) no-repeat center 120px; overflow:hidden;}
.aboutmain .globalpart2 h2{display:block; width:100%; overflow:hidden; margin:0 0 30px 0; padding:0 0 50px 0; background:url(../images/title_bg.png) no-repeat center bottom; font-size:35px; line-height:40px; color:#252525; text-align:center; text-transform:uppercase;}
.aboutmain .globalpart2 .main{ display:block; width:90%; max-width:1200px; margin:0 auto; background: none;}
.aboutmain .main ul.loca{ display:block; width:100%; max-width:1400px; margin:0 auto 50px auto; overflow:hidden;}
.aboutmain .main ul.loca li{ display:block; width:50%; margin:0 0 20px 0; padding:0 20px; float:left;}
.aboutmain .main ul.loca li .main{ display:block; width:100%; background:#e2e2e2; padding:20px 15px 15px 15px; position:relative; border-radius:8px;}
.aboutmain .main ul.loca li .main p.img{ width:100%; margin:0 0 20px 0;}
.aboutmain .main ul.loca li .main h3{ display:block; width:90%; margin:0 auto 10px auto; font-size:20px; line-height:25px; color: #252525;}
.aboutmain .main ul.loca li .main h3 span{ font-weight: lighter;}
.aboutmain .main ul.loca li .main p.text{ display:block; width:90%; margin:0 auto 20px auto; padding:0 0 0 25px; background:url(../images/line.png) no-repeat left 13px; letter-spacing:0;}
.aboutmain .main ul.loca li .main p.text strong{ display:block; margin:0 0 5px 0; font-size:19px; line-height:28px; color:#8a4929; font-weight: bold;}
.aboutmain .main ul.loca li .main p.text a{ display:block; font-size:19px; line-height:29px; color:#555;}
.aboutmain .main ul.loca li .main .icon{ display: none; width:77px; height:77px; background:url(../images/technology/global_icon.png) no-repeat; position:absolute; top:0; left:0;}
.aboutmain .main ul.loca li .main .icon2{ display: none; width:77px; height:77px; background:url(../images/technology/global_icon2.png) no-repeat; position:absolute; top:0; left:0;}


.aboutmain .technologypart4{ display:block; width:100%; max-width:1100px; margin:0 auto; overflow:hidden;}
.aboutmain .technologypart4 h2{ display:block; width:100%; margin:0 auto 30px auto; font-size:40px; line-height:45px; color:#252525; text-align:center; text-transform: uppercase;}


/*Technology*/
.technologymain{ display:block; width:100%; padding:170px 0 100px 0; background:url(../images/technology/technology_bg.png) no-repeat left top; background-size: 60% auto}
.technologymain .technologypart1{ display:block; width:90%; max-width:1200px; margin:0 auto 80px auto; overflow:hidden;}
.technologymain h1.subtitle{ display:block; width:100%; margin:0 auto 30px auto; font-size:45px; line-height:50px; color:#252525; text-align:center; text-align: right; text-transform:uppercase;}
.technologymain h1.subtitle span{ display:block; font-size:30px; font-weight: normal;}
.technologymain .sub{ width:100%; max-width:760px; height:55px; margin:0 auto 50px auto;  background:url(../images/sub_bg2.png) no-repeat left center; padding:0 0 0 30px; float: right;}
.technologymain .sub ul li{ width:50%;}
.technologymain .technologypart1 h2{ display:block; width:100%; max-width:760px; float:right; margin:0 0 20px 0; font-size:40px; line-height:45px; color:#252525;}
.technologymain .technologypart1 p{ display:block; width:100%; max-width:760px; margin:0 0 50px 0; float:right;  font-size:18px; line-height:35px; color:#555;}
.technologymain .technologypart1 p.img{}

.technologymain .technologypart2{ display:block; width:100%; margin:0 auto; padding:80px 0 20px 0; background:#FFF url(../images/technology/energy_part2_bg.jpg) no-repeat center top; background-size:100% auto; overflow:hidden;}
.technologymain .technologypart2 .main{ display:block; width:90%; max-width:1000px; margin:0 auto;}
.technologymain .technologypart2 .main .text{ display:block; width:100%; margin:0 0 50px 0; overflow:hidden;}
.technologymain .technologypart2 .main .text p.img{ display:block; width:25%; padding:0; max-width:250px; float:left;}
.technologymain .technologypart2 .main .text p{ display:block; width:70%; padding:80px 0 0 0; float:right; font-size:18px; line-height:35px; color:#555;}

.technologymain .technologypart2 .main .text.right p.img{ width:31%; max-width:307px; padding:0; float: right;}
.technologymain .technologypart2 .main .text.right p{ width:62%; padding:50px 0 0 0; float: left;}
.technologymain .technologypart2 .main .text.right p strong{ display:block; font-size:35px; line-height:40px; color:#644533;}

.technologymain .technologypart3{ display:block; width:100%; height:635px; margin:-80px auto 50px auto; padding:130px 0 20px 0; background:url(../images/technology/energy_part3_bg.png) no-repeat center top; overflow:hidden;}
.technologymain .technologypart3 .main{ display:block; width:100%; max-width:1000px; margin:0 auto;}
.technologymain .technologypart3 .main h2{ display:block; width:100%; margin:0 0 30px 0; font-size:40px; line-height:45px; color:#FFF;}
.technologymain .technologypart3 .main ul{ display:block; width:100%; margin:0 0 50px 0; overflow:hidden;}
.technologymain .technologypart3 .main ul li{ display:block; width:50%; margin:0 0 8px 0; padding:0 0 0 10px; float:left; background:url(../images/link_bg.png) no-repeat left 7px; font-size:18px; line-height:21px; color:#FFF;}
.technologymain .technologypart3 .main ul li p.img{ display:block; width:100%; max-width:115px; margin:0 auto 15px auto;}
.technologymain .technologypart3 .main ul li h3{ width:100%; max-width:115px; margin:0 auto; font-size:22px; line-height:25px; color:#FFF; text-align:center; font-weight: normal;}
.technologymain .technologypart3 .main ul li.last{ background: none;}
.technologymain .technologypart3 .main p.text{ display:block; width:100%; font-size:18px; line-height:28px; color:#FFF; overflow:hidden;}
.technologymain .technologypart3 .main p.text img{ width:100%; max-width:790px; height:auto;}
.technologymain .technologypart3 .main p.text strong{ display:block; font-size:30px; color:#ffd545; font-weight: normal; letter-spacing:2px;}

.technologymain .technologypart4{ display: none; width:100%; max-width:1100px; margin:0 auto; overflow:hidden;}
.technologymain .technologypart4 h2{ display:block; width:100%; margin:0 auto 30px auto; font-size:40px; line-height:45px; color:#252525; text-align:center; text-transform: uppercase;}

/*filtration*/
.technologymain.filtration{background:url(../images/technology/technology_bg2.png) no-repeat left 80px; background-size: 50% auto;}
.technologymain.filtration .technologypart1{ margin:0 auto 50px auto;}
.technologymain .technologypart1 .filtrationpast1{ display:block; width:100%; max-width:890px; margin: 0; overflow: hidden; float:right;}
.technologymain .technologypart1 .filtrationpast1 p{ display:block; width:50%; padding:0 0 0 50px; float:left; line-height:31px;}
.technologymain .technologypart1 .filtrationpast1 p strong{ display:block; font-size:20px; color:#333;}

.technologymain .technologypart2 .filtrationpast2{ display:block; width:100%; max-width:1100px; margin: 0 auto 80px auto; overflow: hidden;}
.technologymain .technologypart2 .filtrationpast2 .left{ display:block; width:100%; margin:0 0 20px 0;}
.technologymain .technologypart2 .filtrationpast2 .left h2{ display:block; font-size:40px; line-height:45px; color:#333; text-transform:uppercase;}
.technologymain .technologypart2 .filtrationpast2 .right{ display:block; width:100%;}
.technologymain .technologypart2 .filtrationpast2 .right p{ display:block; width:100%; margin:0 0 30px 0; font-size:18px; line-height:28px; color:#555;}
.technologymain .technologypart2 .filtrationpast2 .right p strong{ display:block; font-size:22px; color:#644533;}

.technologymain .technologypart3.filtration{  background:url(../images/technology/energy_part3_bg2.png) no-repeat center top;}
.technologymain .technologypart3 .filtrationmain{ display:block; width:90%; max-width:1100px; margin:0 auto; overflow:hidden;}
.technologymain .technologypart3 .filtrationmain .left{ display:block; width:60%; float:left;}
.technologymain .technologypart3 .filtrationmain .left img{ width:100%; max-width:572px; height:auto;}
.technologymain .technologypart3 .filtrationmain .right{ display:block; width:40%; float: right;}
.technologymain .technologypart3 .filtrationmain .right p{ display:block; width:100%; margin:0 0 50px 0; font-size:18px; line-height:28px; color:#fff;}
.technologymain .technologypart3 .filtrationmain .right p strong{ display:block; font-size:25px; color:#FFF; margin:0 0 5px 0;}

.technologymain .technologypart3_2{ display:block; width:100%; margin:0 auto 120px auto; overflow:hidden;}
.technologymain .technologypart3_2 .main{ display:block; width:90%; max-width:800px; margin:0 auto;}
.technologymain .technologypart3_2 .main .text{ display:block; width:100%; margin:0 0 50px 0; overflow:hidden;}
.technologymain .technologypart3_2 .main .text p.img{ display:block; width:20%; padding:0; max-width:250px; float: right;}
.technologymain .technologypart3_2 .main .text p{ display:block; width:70%; padding:80px 0 0 0; float: left; font-size:18px; line-height:35px; color:#555;}
.technologymain .technologypart3_2 .main .text p strong{ display:block; font-size:25px; line-height:40px; color:#644533;}

.technologymain .technologypart3_2 .main .text.right p.img{ width:25%; max-width:307px; padding:0; float: left;}
.technologymain .technologypart3_2 .main .text.right p{ width:62%; padding:50px 0 0 0; float: right;}
.technologymain .technologypart3_2 .main .text.right p strong{ display:block; font-size:25px; line-height:40px; color:#644533;}


/*Global*/
.technologymain.global{  background:url(../images/technology/global_bg.png) no-repeat center 180px;}
.technologymain.global .technologypart1{ margin:0 auto 100px auto;}
.technologymain.global .technologypart1 p{ padding:0 0 0 80px;}
.technologymain.global .technologypart1 p.pglobal{ padding:0 0 0 120px;}
.technologymain.global .technologypart1 p.img{ padding:0 0 0 120px; margin:0 0 20px 0;}
.technologymain.global .technologypart1 p.img img{ max-width:524px;}
.technologymain.global .technologypart1 p span{ display:inline-block; width:45%; margin:0 0 5px 0; text-align:left;}
.technologymain.global .technologypart1 p span em.color1{ display:inline-block; width:8px; height:8px; background:#4876ad; margin:0 8px 0 0; vertical-align: middle;}
.technologymain.global .technologypart1 p span em.color2{ display:inline-block; width:8px; height:8px; background:#af4946; margin:0 8px 0 0; vertical-align: middle;}
.technologymain.global .technologypart1 p span em.color3{ display:inline-block; width:8px; height:8px; background:#91af53; margin:0 8px 0 0; vertical-align: middle;}
.technologymain.global .technologypart1 p span em.color4{ display:inline-block; width:8px; height:8px; background:#775d97; margin:0 8px 0 0; vertical-align: middle;}

.technologymain.global .globalpart2{ display:block; width:100%; margin:0 auto 150px auto; padding: 80px 0 0 0; background:url(../images/main_bg.png) repeat-x; background-size:100% 100%;}
.technologymain.global .globalpart2 h2{display:block; width:100%; overflow:hidden; margin:0; padding:0 0 50px 0; background:url(../images/title_bg.png) no-repeat center bottom; font-size:35px; line-height:40px; color:#252525; text-align:center; text-transform:uppercase;}
.technologymain.global .globalpart2 ul{ display:block; width:100%; max-width:1400px; margin:0 auto; overflow:hidden;}
.technologymain.global .globalpart2 ul li{ display:block; width:33.33%; margin:0 0 20px 0; padding:0 20px; float:left;}
.technologymain.global .globalpart2 ul li .main{ display:block; width:100%; background:#e2e2e2; padding:20px 15px 15px 15px; position:relative; border-radius:8px;}
.technologymain.global .globalpart2 ul li .main p.img{ width:100%; margin:0 0 20px 0;}
.technologymain.global .globalpart2 ul li .main h3{ display:block; width:90%; margin:0 auto 10px auto; font-size:20px; line-height:25px; color: #252525;}
.technologymain.global .globalpart2 ul li .main h3 span{ font-weight: lighter;}
.technologymain.global .globalpart2 ul li .main p.text{ display:block; width:90%; margin:0 auto 20px auto; padding:0 0 0 25px; background:url(../images/line.png) no-repeat left 13px;}
.technologymain.global .globalpart2 ul li .main p.text strong{ display:block; margin:0 0 5px 0; font-size:19px; line-height:28px; color:#8a4929; font-weight: bold;}
.technologymain.global .globalpart2 ul li .main p.text a{ display:block; font-size:19px; line-height:29px; color:#555;}
.technologymain.global .globalpart2 ul li .main .icon{ display: none; width:77px; height:77px; background:url(../images/technology/global_icon.png) no-repeat; position:absolute; top:0; left:0;}
.technologymain.global .globalpart2 ul li .main .icon2{ display: none; width:77px; height:77px; background:url(../images/technology/global_icon2.png) no-repeat; position:absolute; top:0; left:0;}


.classlist{ display:block; width:100%; padding:0 35px; position:relative;}
.classlist .scrollable { position:relative; top:0px; overflow:hidden; width:100%; height:255px; padding:0; margin:0 auto;}
.classlist .scrollable .items { width:1000%; position:absolute; clear:both;}
.classlist .scrollable .items div{ display:block; float:left; width:10%; height:255px; position:relative; overflow:hidden; padding:0px; color:#333;}
.classlist .scrollable .items div ul{ display:block; width:100%; overflow:hidden;}
.classlist .scrollable .items div ul li{ display:block; width:33.3%; height:255px; float:left; padding:0 25px 35px 25px;}
.classlist .scrollable .items div ul li p.img{ display:block; width:100%; margin:0 0 0px 0; z-index:1; text-align:center; overflow:hidden;}
.classlist .scrollable .items div ul li p.img img{-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
.classlist .scrollable .items div ul li p.name{ display:block; margin:-5px 0 0 0; padding:15px 0 0 0; font-size:20px; line-height:28px; color:#555; text-align:center; position:relative;}
.classlist .scrollable .items div ul li.current{ background:url(../images/class_current.png) no-repeat center bottom; background-size:100% 15px;}
.classlist .scrollable .items div ul li.current p.name{ border-top:5px solid #ff9212; padding:10px 0 0 0; color:#252525; font-weight: bolder;}


.classlist a.next{ display:block; width:35px; height:41px; background: url(../images/next_btn.png) no-repeat 0 0; text-indent:-5000px; position:absolute; top:calc(50% - 35px); right:0px; z-index:2; cursor:pointer; opacity:1; -webkit-transition:all .5s ease;  -moz-transition:all .5s ease;  -o-transition:all .5s ease;  -ms-transition:all .5s ease;  transition:all .5s ease;}
.classlist a.prev{ display:block; width:35px; height:41px; background:url(../images/prev_btn.png) no-repeat 100% 0; text-indent:-5000px; position:absolute; top:calc(50% - 35px); left:0px; z-index:2; cursor:pointer; opacity:1; -webkit-transition:all .5s ease;  -moz-transition:all .5s ease;  -o-transition:all .5s ease;  -ms-transition:all .5s ease;  transition:all .5s ease;}

.classlist a.disabled{ display: none;}

/*Product*/
.productmain{ display:block; width:100%; padding:170px 0 0px 0;}
.productmain .productpart1{ display:block; width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.productmain .productpart1 h1{ display:block; width:100%; margin:0 auto 30px auto; font-size:40px; line-height:45px; color:#252525; text-align:center; text-transform: uppercase;}

.productmain .productpart2{ display:block; width:100%; margin:0 auto 0 auto; padding:90px 0 0 0; overflow:hidden; background:#FFF;}
.productmain .productpart2 .sub{ max-width:800px;}
.productmain .productpart2 .sub ul li{ width:50%;}
.productmain .productpart2 .sub ul li.last{ display: none;}

.productmain .productpart2 h2{ display:block; width:100%; margin:0 auto 30px auto; font-size:40px; line-height:45px; color:#252525; text-align:center; text-transform: uppercase;}
.productmain .productpart2 h2 strong{ display:inline-block;}
.productmain .productpart2 h2 strong span{ display: none; width:20px; height:30px; font-size:16px; line-height:16px; color:#ff9212; vertical-align: middle; position:relative;}
.productmain .productpart2 h2 strong span em{ display:block; width:7px; height:7px; background:#868686; border-radius:15px; position: absolute; bottom:3px; left:5px;}
.productmain .productpart2 h2 strong span.current em{ background:#ff9212;}
.productmain .productpart2 .producttext{ display:block; width:90%; max-width:1200px; margin:0 auto 50px auto; font-size:18px; line-height:200%; color:#555;}
.productmain .productpart2 .producttext img{ max-width:100%; height:auto !important;}

.productmain .productpart2 a.inquiry{ display:block; width:100%; max-width:500px; height:45px; margin:0 auto 50px auto; overflow:hidden;} 
.productmain .productpart2 a.inquiry span{ display:block; width:calc(100% - 60px); height:45px; padding:0 0 0 30px; font-size:20px; line-height:45px; color:#252525; text-align:center; text-transform:uppercase;  float: right; border:1px solid #9d9d9d; border-left: none;}
.productmain .productpart2 a.inquiry strong{ display:block; width:60px; height:45px; border:1px solid #ff932a; border-right: none; background:url(../images/btn_icon2.png) no-repeat right center; float: left;}

.productmain .productpart2 ul.productlist{ display:block; width:100%; max-width:1200px; margin:0 auto 80px auto;}
.productmain .productpart2 ul.productlist li{ display:inline-block; width:24.5%; min-height:265px; margin:0; padding:0 25px 0 25px; background:url(../images/line3.png) repeat-y right top; vertical-align: top;}
.productmain .productpart2 ul.productlist li.last{ background: none;}
.productmain .productpart2 ul.productlist li a{ cursor:pointer;}
.productmain .productpart2 ul.productlist li p.img{ width:100%; margin:0 0 20px 0;}
.productmain .productpart2 ul.productlist li p.name{ display:block; width:100%; height:50px; padding:8px 10px 0 10px; border-radius:45px; overflow:hidden; font-size:20px; line-height:22px; color:#6a4a40; text-align:center; letter-spacing:0;}

.productmain .productpart2 .characteristic{ display:block; width:100%; padding:80px 0 0 0;}
.productmain .productpart2 .characteristic h2{ display:block; width:100%; overflow:hidden; margin:0; padding:0 0 50px 0; background:url(../images/title_bg.png) no-repeat center bottom; font-size:35px; line-height:40px; color:#252525; text-align:center; text-transform:uppercase;}
.productmain .productpart2 .characteristic .main{ display:block; width:100%; margin:0 auto; background:#50ace7 url(../images/characteristic_bg.jpg) repeat-x left bottom;}
.productmain .productpart2 .characteristic .main .text{ display:block; width:100%; max-width:1500px; margin:0 auto; font-size:18px; line-height:200%; color:#FFF;}
.productmain .productpart2 .characteristic .main .text img{ display:block; max-width:100%; height:auto !important;}
.productmain .productpart2 .characteristic .main .text span{ line-height:normal;}

.productmain .productpart3{ display: none; width:90%; max-width:1200px; margin:0 auto; overflow:hidden;}
.productmain .productpart3 .left{ display:block; width: 35%; float:left;}
.productmain .productpart3 .left .title{ display: inline-block; height:31px; margin:0 0 10px 0; padding:0 20px; background:url(../images/product/programs_title.png) no-repeat; background-size:100% 100%; font-size: 20px; line-height:31px; color:#FFF; text-transform:uppercase;}
.productmain .productpart3 .left h3{ display:block; width:100%; font-size:30px; line-height:38px; color:#5e3f35; font-weight: normal;}

.productmain .productpart3 .right{ display:block; width: 60%; float:right;}
.productmain .productpart3 .right p{ display:block; margin:0 0 30px 0; font-size:18px; line-height:38px; color:#555;}
.productmain .productpart3 .right a{ display:block; width:50%; max-width:245px; height:45px; overflow:hidden;} 
.productmain .productpart3 .right a span{ display:block; width:calc(100% - 40px); height:45px; padding:0 0 0 30px; font-size:20px; line-height:45px; color:#252525;  float:left; border:1px solid #9d9d9d; border-right: none;-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
.productmain .productpart3 .right a strong{ display:block; width:40px; height:45px; border:1px solid #ff932a; border-left: none; background:url(../images/btn_icon.png) no-repeat left center; float: right;-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}

.productmain .productclass{ display:block; width:100%; max-width:1200px; margin:0 auto;}
.productmain .productclass h1{ display:block; width:100%; margin:0 auto 40px auto; font-size:40px; line-height:45px; color:#252525; text-align:center; text-transform: uppercase;}
.productmain .productclass h1 strong{ display:inline-block;}
.productmain .productclass h1 strong span{ display: none; width:20px; height:30px; font-size:16px; line-height:16px; color:#ff9212; vertical-align: middle; position:relative;}
.productmain .productclass h1 strong span em{ display:block; width:7px; height:7px; background:#868686; border-radius:15px; position: absolute; bottom:3px; left:5px;}
.productmain .productclass h1 strong span.current em{ background:#ff9212;}
.productmain .productclass .class{ display:block; width:100%; border-bottom:3px solid #0979c3; text-align:center;}
.productmain .productclass .class a{ display:inline-block; margin:0 0 -18px 0; padding:10px 25px 25px 25px; font-size:20px; line-height:32px; color:#848484; vertical-align:middle;-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
.productmain .productclass .class a.current{ background:url(../images/class_current2.png) no-repeat center bottom; color:#252525; font-size:22px; line-height:25px; font-weight: bold;}

.productmain .productpart2 ul.productlist.class li{ width:33%;  padding:0 35px 0 35px;}
.productmain .productpart2 ul.productlist li p.name{ position:relative; overflow:visible;-webkit-transition:all .5s ease;  -moz-transition:all .5s ease;  -o-transition:all .5s ease;  -ms-transition:all .5s ease;  transition:all .5s ease; top:0;}
.productmain .productpart2 ul.productlist li p.name span{ display:block; width:100%; height:7px; position:absolute; top:-3px; left:0;}
.productmain .productpart2 ul.productlist li p.name span em{ display:block; width:calc(100% - 45px); height:7px; margin:0 auto; background:url(../images/product/product_icon.jpg) no-repeat center top;}
.productmain .productpart2 ul.productlist li a.current p.name{ top:20px; background:#ff9d12; border-radius:24px; border-bottom-left-radius:0; border-bottom-right-radius:0; color:#FFF; font-weight: bold;}
.productmain .productpart2 ul.productlist li a.current p.name span{ display: none;}

.productmain .productpart2 ul.productlist li .informain{ display: none; width:100%; height:600px; margin:0 auto; padding:20px 0 0 0; overflow:hidden; opacity:0; -webkit-transition:all .5s ease;  -moz-transition:all .5s ease;  -o-transition:all .5s ease;  -ms-transition:all .5s ease;  transition:all .5s ease;}
.productmain .productpart2 ul.productlist li .informain.current{ opacity:1; -webkit-transition:all 1s ease;  -moz-transition:all 1s ease;  -o-transition:all 1s ease;  -ms-transition:all 1s ease;  transition:all 1s ease;}

.productmain .productpart2 ul.productlist li .informain .main{ display:block; width:100%; height:600px; position:absolute; top: auto; left:0;}
.productmain .productpart2 ul.productlist li .informain .main .textmain{display:block; width:95%; max-width:1500px; height:600px; margin:0 auto; padding:40px 20px 40px 40px; background:#eae9e9 url(../images/product/product_main_line.jpg) repeat-x left top; border-radius:20px; overflow:hidden; position:relative;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft{ display:block; width:55%; height:520px; background: #FFF; border-radius:15px; float:left; position:relative; overflow:hidden;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft ul{ display:block; width:100%; height:520px; position:relative; }
.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft ul li{ display:block; width:100% !important; height:520px; min-height:inherit; margin:0; padding:0; position:absolute; top:0; left:0; z-index:2; font-size:0; line-height:0; background: none;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft ul li img{ position:absolute; max-width:100%; width:auto; height:auto; max-height:520px; top:50%; left:50%; transform:translateY(-50%) translateX(-50%);}

.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls{ display:block; width:100%; position:absolute; top:0;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls .bx-pager{ display: none;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls a.bx-prev{ display:block; width:20px; height:38px; text-indent:-5000px; position:absolute; top:240px; left:10px; z-index:99; background:url(../images/prev_btn2.png) no-repeat;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls a.bx-next{ display:block; width:20px; height:38px; text-indent:-5000px; position:absolute; top:240px; right:10px; z-index:99; background:url(../images/next_btn2.png) no-repeat;}

.productmain .productpart2 ul.productlist li .informain .main .textmain .right{ display:block; width:42%; height:520px; float: right; position:relative; overflow:hidden;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor{ display:block; width:100%; height:380px; margin:0 0 70px 0; padding:30px 0 0 0;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .timain{ padding:0 30px 0 0;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .name{ display:block; width:100%; margin:0 0 35px 0;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .name span{ display:inline-block; height:30px; margin:0 20px 0 0; padding:0 20px; font-size:20px; line-height:30px; color:#FFF; vertical-align: middle; background:url(../images/product/class_bg.png) no-repeat; background-size:100% 100%;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .name h3{ display:inline-block; font-size:35px; line-height:40px; color:#252525; vertical-align: middle;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .introduction{ display:block; padding:35px 0 0 0; background:url(../images/line5.png) repeat-x left top;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .introduction p{ display:block; width:100%; margin:0 0 20px 0; font-size:18px; line-height:29px; color:#555;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .introduction p strong{ display:block; font-size:20px; color:#252525; text-transform:uppercase;}

.productmain .productpart2 ul.productlist li .informain .main .textmain .right a.inquiry{ display:block; width:100%; height:45px; overflow:hidden;} 
.productmain .productpart2 ul.productlist li .informain .main .textmain .right a.inquiry span{ display:block; width:calc(100% - 60px); height:45px; padding:0 0 0 30px; font-size:20px; line-height:45px; color:#252525; text-align:center; text-transform:uppercase;  float: right; border:1px solid #9d9d9d; border-left: none;-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right a.inquiry strong{ display:block; width:60px; height:45px; border:1px solid #ff932a; border-right: none; background:url(../images/btn_icon2.png) no-repeat right center; float: left;-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}

.productmain .productpart2 ul.productlist li .informain .main .textmain .boxmain{ display:block; width:100%; height:450px; margin:0 auto 30px auto}
.productmain .productpart2 ul.productlist li .informain .main .textmain .boxmain .timain{ padding:0 30px 0 0;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .boxmain .timain img{ width:auto; max-width:100%; height:auto !important;}



/*Product*/
.newsmain{ display:block; width:90%; max-width:1200px; margin:0 auto; padding:170px 0 150px 0; overflow:hidden; background:url(../images/news/news_bg.png) no-repeat 28% 170px;}
.newsmain .left{ display:block; width:28%; float:left;}
.newsmain .left .title{ display:block; width:100%; height:136px; padding:50px 0 0 0; overflow:hidden; border-top-left-radius:8px; border-top-right-radius:8px; background:url(../images/news/news_title_bg.png) no-repeat right top;}
.newsmain .left .title .en{ display:block; width:80%; margin:0 auto; font-size:12px; line-height:15px; color:#ff8712;}
.newsmain .left .title h1{ display:block; width:80%; margin:0 auto; font-size:45px; line-height:50px; color:#FFF; text-transform:uppercase;}
.newsmain .left ul{ display:block; width:100%; padding:30px 0 0px 0; background:url(../images/main_bg.png) repeat-x left top; background-size:100% 100%;}
.newsmain .left ul li{ display:block; width:80%; margin:0 auto 15px auto; padding:0 0 0 20px; background:url(../images/icon4.png) no-repeat left 5px;}
.newsmain .left ul li span{ display:block; font-size:15px; line-height:18px; color:#909090;}
.newsmain .left ul li p{display:block; padding:0 0 20px 0; font-size:22px; line-height:28px; color:#252525; font-weight: lighter; background: url(../images/line6.png) repeat-x left bottom;}
.newsmain .left ul li.current{ background:url(../images/icon5.png) no-repeat left 5px;}
.newsmain .left ul li.current p{ color:#8f5f3d;}
.newsmain .left .pages{ display:block;  width:80%; margin:0 auto; text-align: right;}
.newsmain .left .pages a{ display:inline-block; margin:0 5px; font-size:15px; line-height:18px; color:#888;}
.newsmain .left .pages a.current{ color:#252525;}

.newsmain .right{ display:block; width:65%; float:right; padding:3px 0 0 0;}
.newsmain .right .title{ display:block; width:100%; margin:0 0 40px 0; padding:0 0 30px 0; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
.newsmain .right .title .date{ display:inline-block; margin:0 0 15px 0; padding:15px 0 0 0; font-size:20px; line-height:25px; color:#4b4b4b; font-weight: bolder; font-style: italic; position:relative;}
.newsmain .right .title .date span{ display:block; width:100%; height:5px; border-radius:5px; background:#585858; position:absolute; top:-3px; left:0;}
.newsmain .right .title h2{ display:block; width:100%; font-size:45px; line-height:50px; color:#8f5f3d;}
.newsmain .right .textmain{ display:block; width:100%; margin:0 0 60px 0; font-size:18px; line-height:200%; color:#555;}
.newsmain .right .textmain span{ line-height: normal;}
.newsmain .right .textmain img{ width:auto; max-width:100% !important; height:auto !important;}
.newsmain .right .pages{ display:block; width:100%; padding:55px 0 0 0; text-align:center; background:url(../images/news/pages_line.png) repeat-x left top;}
.newsmain .right .pages a{ display: inline-block; width:94px; height:33px; font-size:15px; line-height:33px; color:#9e9e9e; text-align:center;}
.newsmain .right .pages a.prev{ background:url(../images/news/prev_btn.png) no-repeat;}
.newsmain .right .pages a.next{ margin:0 0 0 -1px; background:url(../images/news/next_btn.png) no-repeat;}

/*contact*/
.contactmain{ display:block; width:100%; padding:170px 0 150px 0; background:url(../images/contact/contact_bg.png) no-repeat right top; background-size:50% auto}
.contactmain.inquiry{ background: none;}
.contactmain .contactpart1{ display:block; width:90%; max-width:1100px; margin:0 auto 80px auto; overflow:hidden;}
.contactmain .contactpart1 .title{ display:block; width:100%; max-width:760px; margin:0 0 50px 0; padding:0 0 25px 25px; background:url(../images/contact/contact_title_bg.png) no-repeat left bottom; position:relative;}
.contactmain .contactpart1 .title span{ display:block; width:5px; height:5px; background:#252525; position: absolute; right:-8px; bottom:4px;}
.contactmain .contactpart1 .title h1{ display:block; width:100%; font-size:45px; line-height:50px; color:#252525;}
.contactmain .contactpart1 p.lclass{ display:block; width:280px; height:40px; margin:0 0 10px 0; font-size:18px; line-height:40px; color:#333; background: #dddddd; text-transform:uppercase; letter-spacing:5px; text-align:center; border-radius:40px;}
.contactmain .contactpart1  ul{display:block; width:100%; max-width:760px; overflow:hidden;}
.contactmain .contactpart1  ul li{ display:block; width:50%; margin:0 0 50px 0; padding:0 0 0 25px; background:url(../images/line.png) no-repeat left 13px; float:left;}
.contactmain .contactpart1  ul li p.ltitle{ margin:0 0 10px 0; color:#8a4929; font-weight: bold; font-size:22px;}
.contactmain .contactpart1  ul li a{ display:block; font-size:18px; line-height:29px; color:#252525;}
.contactmain .contactpart1  ul li a span{ color:#555;}

.contactmain .contactpart2{ display:block; width:90%; max-width:1100px; margin:0 auto 50px auto; padding:40px 0; overflow:hidden; background:url(../images/contact/information_bg.jpg) no-repeat left bottom;}
.contactmain .contactpart2 h2{ display:block; width:280px; height:39px; padding:0 0 0 60px; font-size:25px; line-height:39px; color:#FFF; background:url(../images/contact/infor_title_bg.png) no-repeat; float:left;}
.contactmain .contactpart2 p{ display:block; width:calc(100% - 280px); padding:0 20px; font-size:18px; line-height:20px; color:#c3d3e1; float:right;}

.contactmain .contactpart3{ display:block; width:90%; max-width:1100px; margin:0 auto; overflow:hidden;}
.contactmain .contactpart3 ul{ display:block; width:50%; padding:0 20px 0 0; float:left;}
.contactmain .contactpart3 ul.right{padding:0 0 0 20px;}
.contactmain .contactpart3 ul li{ display:block; width:100%; margin:0 0 30px 0; overflow:hidden; position:relative; vertical-align:middle;font-size:16px; line-height:50px; color:#3f3f3f;}
.contactmain .contactpart3 ul li input.text{ display:block; width:100%; height:50px; background:#FFF; padding: 0 40px 0 20px; border: 1px solid #c9c9c9;border-left: 5px solid #c9c9c9; font-size:16px; line-height:50px; color:#3f3f3f; float:left; font-family:Calibri,"微軟正黑體",Arial, Helvetica, sans-serif;}
.contactmain .contactpart3 ul li input.text.name{ width:48%; float:left;}
.contactmain .contactpart3 ul li input.text.name2{ margin:0 4% 0 0;}
.contactmain .contactpart3 ul li input.must{ background:#FFF;border-left: 5px solid #9c1414;}
.contactmain .contactpart3 ul li .musticon{ display: none; width:19px; height:19px; background:url(../images/contact/must.png) no-repeat left top; position:absolute; top:0; left:2px;}
.contactmain .contactpart3 ul li textarea{ display:block; width:100%; height:130px; background:#FFF; padding: 0 40px 0 20px; border: 1px solid #c9c9c9; font-size:16px; line-height:50px; color:#3f3f3f; float:left; font-family:Calibri,"微軟正黑體",Arial, Helvetica, sans-serif; border-left: 5px solid #c9c9c9;}
.contactmain .contactpart3 ul li .code{ display:block; width:145px; height:38px; line-height:45px; background:#141414; position:absolute; right:10px; top:6px; vertical-align:middle; padding:0 10px;}
.contactmain .contactpart3 ul li .code img{ display:inline-block;}
.contactmain .contactpart3 ul li .code a.reload{ display:inline-block; width:38px; height:38px; background:url(../images/reload.jpg) no-repeat;}
.contactmain .contactpart3 input.submit{ display:block; width:100%; height:50px; background: #aa9a8f url(../images/submit_icon.png) no-repeat 90% 50%; font-size:15px; line-height:50px; text-align:center; color:#FFF; font-weight: bolder; float:left; cursor: pointer; letter-spacing:2px; border-radius:0;-webkit-transition:all 0.5s ease;  -moz-transition:all 0.5s ease;  -o-transition:all 0.5s ease;  -ms-transition:all 0.5s ease;  transition:all 0.5s ease;}

/*inquiry*/
.contactmain .inquirypart1{ display:block; width:90%; max-width:1100px; margin:0 auto 30px auto; overflow:hidden;}
.contactmain .inquirypart1 h1{ display:block; width:100%; margin:0 0 30px 0; font-size:45px; line-height:50px; color:#252525; text-align:center;}
.contactmain .inquirypart1 .title{ display:block; width:100%; margin:0 0 20px 0; overflow:hidden}
.contactmain .inquirypart1 .title p.left{ display:block; width:55%; padding:0 0 15px 0; background:url(../images/news/pages_line2.png) repeat-x left bottom; font-size:18px; line-height:20px; text-align:center; color:#313131; float:left;}
.contactmain .inquirypart1 .title p.right{ display:block; width:45%; padding:0 0 15px 0; background:url(../images/news/pages_line.png) repeat-x left bottom; font-size:18px; line-height:20px; text-align:center; color:#313131; float:left;}
.contactmain .inquirypart1 .classname{ display:block; width:100%; margin:0 0 20px 0; padding:20px 50px; font-size:20px; line-height:25px; color:#252525; background:#DCDCDC url(../images/link_icon2.png) no-repeat 20px center; border-radius:20px; font-weight: bold;}
.contactmain .inquirypart1 ul{ display:block; width:100%; margin:0 auto 50px auto;}
.contactmain .inquirypart1 ul li{ display:block; width:100%; margin:0 0 15px 0; padding:0 0 15px 0; background:url(../images/line6.png) repeat-x left bottom; overflow:hidden;}
.contactmain .inquirypart1 ul li.last{ margin:0; padding:0; background: none;}
.contactmain .inquirypart1 ul li .left{display:block; width:55%; height:130px; float:left; position:relative; overflow:hidden;}
.contactmain .inquirypart1 ul li p.img{ display:block; width:30%; height:130px; background:#FFF; border-radius:8px; overflow:hidden; position:relative;}
.contactmain .inquirypart1 ul li p.img img{ display:block; max-width:100%; max-height:100%; width:auto; height:auto; position:absolute; top:50%; transform:translateY(-50%);border-radius:8px; overflow:hidden;}
.contactmain .inquirypart1 ul li .name{ display:block; width:70%; position:absolute; top:50%; left:30%; transform:translateY(-50%); background:url(../images/contact/line.png) repeat-x left 15px;}
.contactmain .inquirypart1 ul li .name .class{ display: inline-block; height:23px; margin:0 0 5px 0; padding:0 11px 0 0;line-height:23px; background:url(../images/contact/inquiry_icon.png) no-repeat right center;}
.contactmain .inquirypart1 ul li .name .class p{ display:inline-block; height:23px; padding:0 20px 0 20px; font-size:15px; line-height:23px; color:#FFF; background:#7e7e7e;}
.contactmain .inquirypart1 ul li .name .productname{ display:block; width:100%; padding:0 0 0 20px; font-size:20px; line-height:25px; color:#252525;}
.contactmain .inquirypart1 ul li .name .productname a{ color:#252525;}

.contactmain .inquirypart1 ul li .right{display:block; width:45%; height:130px; float:right; position:relative; overflow:hidden;}
.contactmain .inquirypart1 ul li .right input{ display:block; width:calc(100% - 60px); height:54px; padding: 0 20px; background:#FFF; border:1px solid #c9c9c9; position:absolute; top:50%; transform:translateY(-50%); font-size:18px; line-height:28px;}
.contactmain .inquirypart1 ul li .right a.clear{ display:block; width:34px; height:34px; border-radius:8px; background:#aa9a8f url(../images/contact/clear.png) no-repeat center center; position:absolute; top:50%; right:0; transform:translateY(-50%); }
.inquiryfrome{ display:block; width:100%; padding:50px 0 0 0; background:url(../images/main_bg.png) repeat-x; background-size:100% 100%;}

.navbtn,select.moblie{ display: none;}

@media screen and (min-width: 1020px) {
	
header .main nav .menu a:hover span{  bottom:-20px; opacity:1;}
header .main nav ul.link li:hover a{ opacity:1;}
.indexmain .product .right ul li:hover p.img{ transform:scale(1.11,1.11);}
.indexmain .product .right ul li:hover .text{ background:#ff8712; left:55%; width:45%;}
.indexmain .product .right ul li.blue:hover .text{ background:#ff8712; left:0; width:45%;}
.indexmain .product .left ul li a:hover { color:#ff8712;}
.indexmain .product .left ul li a:hover span{ background:#ff8712;}
.indexmain .product .left a.more:hover{ background:#b4b4b4 url(../images/icon2.png) no-repeat 95% center; color:#FFF;}
footer .main .left a.link:hover{ background:#a4a6a8 url(../images/link_icon.png) no-repeat 90% center; color:#FFF;}
.sub ul li a:hover{ color:#ffb619;}
.sub ul li.current a:hover{ color:#FFF;}
.classlist .scrollable .items div ul li:hover p.img img{ transform:scale(1.2,1.2);}
.productmain .productpart2 ul.productlist li:hover p.name{ color:#961c2b;}
.productmain .productpart3 .right a:hover span{ background:#9d9d9d; color:#FFF;}
.productmain .productpart3 .right a:hover strong{ background:#ff932a url(../images/btn_icon_hover.png) no-repeat 10px center;}
.aboutmain .main .careerpart3 .right a:hover span{ background:#9d9d9d; color:#FFF;}
.aboutmain .main .careerpart3 .right a:hover strong{ background:#ff932a url(../images/btn_icon_hover.png) no-repeat 10px center;}
.productmain .productclass .class a:hover{ color:#252525;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right a.inquiry:hover span{ background:#9d9d9d; color:#FFF;}
.productmain .productpart2 ul.productlist li .informain .main .textmain .right a.inquiry:hover strong{ background:#ff932a url(../images/btn_icon2_hover.png) no-repeat 80% center;}
.contactmain .contactpart3 input.submit:hover{ background:#853c3c url(../images/submit_icon.png) no-repeat 95% 50%;}
.newsmain .left ul li:hover{ background:url(../images/link_icon2.png) no-repeat left 2px;}
.newsmain .left ul li a:hover p{ color:#8f5f3d;}
.newsmain .left .pages a:hover{ color:#333;}
}

@media screen and (max-width: 1400px) {.aboutmain.global .globalpart2{ background:url(../images/technology/global_bg2.png) no-repeat 0 150px; background-size:50% auto}}
@media screen and (max-width: 1200px) {
	header .main nav .menu a{ font-size:18px; padding:0 10px;}
	
}
@media screen and (max-width: 1050px) {
	header{ height:70px;}
	header .main{ height:70px;}
	header .main .logo{ width:250px; height:70px; background-position: right top;}
	header .main .logo a{ height:50px; background-size:auto 50px;}
	header .main nav{ display: none; background: rgba(255,255,255,1); width:100%; height:100%; padding:15px 0 0 0; position:fixed; opacity:0; border-right:5px solid #ff8a0f}
	header .main nav .menu{ display:block; width:70%; height:auto; margin:0 auto 20px auto; position: relative; top:inherit; right:inherit; overflow:hidden;}
	header .main nav .menu a{ display:block; width:50%; margin:0 0 20px 0; padding:0 0 0 20px; color:#333; text-align:left; background:url(../images/icon.png) no-repeat 90% center; float:left;}
	header .main nav .menu a.last{ background:url(../images/icon.png) no-repeat 90% center;}
	header .main nav .menu a .inquiry{ background: #EBEBEB;}
	header .main nav .lau{ display:block; width:70%; height:40px; line-height:40px; margin:0 auto 30px auto; padding:0 0 0 20px; position: relative; top:inherit; right:inherit; background:#0a7ac4 url(../images/lau_icon2.png) no-repeat 90% 18px; border-radius:25px;}
	header .main nav .lau a{ color:#FFF; height:40px; line-height:40px;}
	header .main nav .lau.open{ background:#0a7ac4 url(../images/lau_icon2.png) no-repeat 90% 18px;}
	header .main nav .lau a.other{ color:#FFF; opacity:0.5}
	header .main nav ul.link{ display:block; width:70%; margin:0 auto; position: relative; top:inherit; right:inherit;}
	header .main nav ul.link li{ display:block; width:30%; height:30px; margin:0 0 10px 2%; background: url(../images/link_icon3.png) no-repeat 90% center; border:1px solid #999; border-radius:30px; float:left; opacity:0.6;}
	header .main nav ul.link li.last{ background: url(../images/link_icon3.png) no-repeat 90% center}
	header .main nav ul.link li a{ display:block; width:100%; height:30px; color:#333; line-height:30px; padding:0; background: none; text-align:left;}
	
	.navbtn{ display:block; width:50px; height:65px; position:fixed; top:5px; right:0px; z-index:9999;}
	.navbtn .line{ display:block; width:20px; height:1px; background:#FFF; position:absolute; top:25px; left:15px;-webkit-transition:all 1s ease;  -moz-transition:all 1s ease;  -o-transition:all 1s ease;  -ms-transition:all 1s ease;  transition:all 1s ease;}
	.navbtn .line2{ display:block; width:20px; height:1px; background:#FFF; position:absolute; top:30px; left:15px;-webkit-transition:all 1s ease;  -moz-transition:all 1s ease;  -o-transition:all 1s ease;  -ms-transition:all 1s ease;  transition:all 1s ease;}
	.navbtn .line4{ display:block; width:20px; height:1px; background:#FFF; position:absolute; top:30px; left:15px;-webkit-transition:all 1s ease;  -moz-transition:all 1s ease;  -o-transition:all 1s ease;  -ms-transition:all 1s ease;  transition:all 1s ease;}
	.navbtn .line3{ display:block; width:20px; height:1px; background:#FFF; position:absolute; top:35px; right:15px;-webkit-transition:all 1s ease;  -moz-transition:all 1s ease;  -o-transition:all 1s ease;  -ms-transition:all 1s ease;  transition:all 1s ease;}
	.navbtn.open{ background: rgba(255,158,3,0);}
	.navbtn.open .line2{ background:#ff8a0f; transform:rotate(45deg); transform-origin: center;-webkit-transition:all 1s ease;  -moz-transition:all 1s ease;  -o-transition:all 1s ease;  -ms-transition:all 1s ease;  transition:all 1s ease;}
	.navbtn.open .line4{ background:#ff8a0f; transform:rotate(-45deg); transform-origin: center;-webkit-transition:all 1s ease;  -moz-transition:all 1s ease;  -o-transition:all 1s ease;  -ms-transition:all 1s ease;  transition:all 1s ease;}
	.navbtn.open .line,.navbtn.open .line3{ background:#ff8a0f;  width:0;-webkit-transition:all 1s ease;  -moz-transition:all 1s ease;  -o-transition:all 1s ease;  -ms-transition:all 1s ease;  transition:all 1s ease;}
}
@media screen and (max-width: 780px) {
	body{ letter-spacing:0;}
	
	
	.sub{ display: none;}
	select.moblie{ display:block; width: 80%;  height:45px; margin:0 auto 30px auto; padding:0 40px 0 20px; overflow:hidden; border:1px solid rgba(255,255,255,0.3); background: url(../images/select_bg.jpg) no-repeat right center; font-size:16px; color:#FFF; font-family:Myriad Pro; z-index:11; letter-spacing:0; letter-spacing:1px;  -webkit-appearance: none;  -moz-appearance: none;appearance: none; border-radius:8px; overflow:hidden;}
	select.moblie option{ color:#333;}

	.indexmain{ padding: 120px 0 80px 0;}
	
	
	.indexmain .banner a.ad p.slogan{ font-size:42px; line-height:32px; top:20%; left:50px;}
	.indexmain .banner a p.slogan span{ margin:0 0 5px 0; font-size:18px;}
	.indexmain .banner .control{ left:-20px; top:20%; bottom:inherit;}
	.indexmain .banner .control a{ margin:0 0 8px 0;}
	.indexmain .banner .control a.on{ width:50px;}
	
	.indexmain .product{ width:80%; margin:0 auto; padding:50px 0;}
	.indexmain .product .left{ width:100%; float: none; margin:0 0 30px 0; padding:0;}
	.indexmain .product .left p.title{ font-size:12px;}
	.indexmain .product .left h2{ font-size:35px; line-height:40px; margin:0 0 20px 0;}
	.indexmain .product .left ul{ display: none;}
	.indexmain .product .right{ width:100%; float: none; margin:0; padding:0; background: none;}
	.indexmain .product .right ul li{ margin:0 0 20px 0;}
	.indexmain .product .right ul li .text .main h3{ font-weight: normal; font-size:22px;}
	.indexmain .product .right ul li.blue .text{ text-align:left;}
	.indexmain .about .main{ width:80%; margin:0 auto;}
	.indexmain .about .main h2{ font-size:30px; line-height:35px;}
	.indexmain .about .main .text p{ width:100%; float: none; padding:0;}
	.indexmain .about .main a.more{ position:relative; top:inherit; left:inherit;}
	.indexmain .about .main .text p strong{ display:block; margin:0 0 8px 0;}
	.indexmain .about .main .text p img{ margin:0 5px;}
	.indexmain .sold{ padding:110px 0 0 0; background-size: auto 250px; background-position: 15% 0px; position: relative;}
	.indexmain .sold .news .main p.title{ position:absolute; left:-153px; transform:skewX(15deg)}
	.indexmain .sold .news .main .list{ width:80%; margin:0 auto; float: none; overflow:visible;}
	.indexmain .sold .news .main .list ul li{ padding:0 0 0 0;}
	.indexmain .sold .news .main .list .bx-controls{ right:-50px;}
	.indexmain .sold .main .right{ width:80%; margin:0 auto; float: none;}
	.indexmain .sold .main .right h2{ font-size:35px; line-height:40px;}
	.indexmain .sold .main .right h2 span em{ display: none;}
	.indexmain .sold .main a.contact{ width:100%; position:relative; top:inherit; left:inherit; text-align:center;}
	
	footer .main .left{ width:100%; height:auto; float: none; padding:30px 0 30px 0; background-size:200% 100%; position:inherit; top:inherit; left:inherit;}
	footer .main .left a.logo{ margin:0 0 20px 10%;}
	footer .main .left p{ width:80%; margin:0 auto 10px auto;}
	footer .main .left a.link{ display: none; width:80%; margin:0 auto 10px auto;}
	footer .main .right{ width:100%; float: none;}
	footer .main .right ul.navlink{ display: none;}
	footer .main .right p.copyright{ width:80%; margin:0 auto 20px auto; text-align:left;}
	
	.aboutmain{ padding: 120px 0 80px 0;}
	h1.subtitle{ font-size:35px; line-height:40px;}
	.aboutmain .main .aboutpart1{ width:80%;}
	.aboutmain .main .aboutpart1 p{ padding:0;}
	.aboutmain .main .aboutpart2 p.img strong{ display: block; position:inherit; top:inherit; right:inherit; width:80%; margin:0 auto 10px auto;}
	.aboutmain .main .aboutpart2 ul{ width:80%;}
	.aboutmain .main .aboutpart2 ul li{ width:100%; margin:0 0 20px 0; padding:0; background: none;}
	.aboutmain .main .aboutpart2 ul li p{ min-height:inherit !important;}
	.aboutmain .main .aboutpart3{}
	.aboutmain .main .aboutpart3 .title{ height:60px;}
	.aboutmain .main .aboutpart3 .title p{ width:100%;}
	.aboutmain .main .aboutpart3 ul li p.year{ height:100%;  top:0; left:0;}
	.aboutmain .main .aboutpart3 ul li .right{ width:calc(95% - 110px); margin:0 5% 0 0; float: right;}
	.aboutmain .main .aboutpart3 ul li .left{ width:calc(95% - 110px); margin:0 5% 0 0; float: right;}
	.aboutmain .main .aboutpart3 ul li .left span{ right:inherit; left:-15px; background:url(../images/about_history_icon3.png) no-repeat;}
	.aboutmain .main .aboutpart3 ul li .center{ width:calc(95% - 110px); margin:0 5% 0 0; float: right;}
	.aboutmain .main .aboutpart3 ul li .center span{ display: block; right:inherit; left:-15px; background:url(../images/about_history_icon3.png) no-repeat;}
	
	.aboutmain .main .careerpart1{ width:80%;}
	.aboutmain .main .careerpart1 p.img{ width:100%; float: none; margin:0 0 30px 0;}
	.aboutmain .main .careerpart1 .text{ width:100%; float: none; padding:0;}
	.aboutmain .main .careerpart2{ padding:0;  width:90%;}
	.aboutmain .main .careerpart2 .textmain .text{ position:relative; top:inherit; transform: none; left:inherit; float: left; padding:20px;}
	.aboutmain .main .careerpart2 .textmain .text h3{ clear: both;}
	.aboutmain .main .careerpart3{ width:80%;}
	.aboutmain .main .careerpart3 .left{ width:100%; float: none; margin:0 0 30px 0;}
	.aboutmain .main .careerpart3 .left p{ width:100% !important;}
	.aboutmain .main .careerpart3 .right{ width:100%; float: none; padding:0;}
	.aboutmain .main .careerpart3 .right a{ width:100%;}
	
	
	.technologymain{ padding: 120px 0 80px 0; background-size:50% auto; background-position:left 70px;}
	.technologymain.filtration{padding: 120px 0 80px 0; background-size:50% auto; background-position:left 50px;}
	.technologymain.global{ background-size:250% auto; background-position:20% 180px;}
	.technologymain h1.subtitle{ font-size:35px; line-height:40px; text-align:center !important;}
	.technologymain .technologypart1 p{ width:80%; float: none; margin:0 auto 20px auto;}
	.technologymain .technologypart2{ padding:80px 0;}
	.technologymain .technologypart2 .main{ width:80%;}
	.technologymain .technologypart2 .main .text p,.technologymain .technologypart2 .main .text.right p{ padding:0;}
	.technologymain .technologypart3{ height:auto; background-size: auto 100%; padding:130px 0 80px 0}
	.technologymain .technologypart3 .main{ width:80%; }
	.technologymain .technologypart3 .main h2,.technologymain .technologypart2 .filtrationpast2 .left h2{ font-size:35px; line-height:40px;}
	.technologymain .technologypart3 .main p.text{ background: none;}
	
	.classlist .scrollable .items div ul li{ padding:0 10px;}
	
	.technologymain.global .technologypart1{ width:100%; margin:0 auto;}
	.technologymain.global .technologypart1 p{ padding: 180px 0 0 0;}
	.technologymain.global .globalpart2{ margin:0 0 80px 0;}
	.technologymain.global .globalpart2 h2{ width:80%; margin:0 auto; font-size:30px; line-height:35px;}
	.technologymain.global .globalpart2 ul{ width:80%; margin:0 auto;}
	.technologymain.global .globalpart2 ul li{ width:100%; margin:0 0 30px 0; padding:0; float: none;}
	
	.aboutmain .globalpart2{ background:url(../images/technology/global_bg.png) no-repeat center 280px; background-size:250% auto; background-position:20% 200px;}
	.aboutmain.global .technologypart1{ width:100%; margin:0 auto;}
	.aboutmain .globalpart2 p.img{ margin:180px 0 0 0;}
	.aboutmain .globalpart2 p span{ width:100%;}
	.aboutmain .globalpart2 p{ width:80%; margin:0 auto 30px auto; padding: 0px 0 0 0; float:none;}
	.aboutmain .globalpart2 p.img{ margin:180px auto 30px auto; padding:0}
	.aboutmain .globalpart2 p.pglobal{ padding:0;}
	
	.aboutmain.global .globalpart2{ margin:0 0 80px 0;  background:url(../images/technology/global_bg.png) no-repeat center 280px; background-size:250% auto; background-position:20% 200px;}
	.aboutmain.global .globalpart2 h2{ width:80%; margin:0 auto; font-size:30px; line-height:35px;}
	.aboutmain .main ul.loca{ width:80%; margin:0 auto;}
	.aboutmain .main ul.loca li{ width:100%; margin:0 0 30px 0; padding:0; float: none;}
	
	.technologymain .technologypart1 .filtrationpast1{ width:90%;}
	.technologymain .technologypart1 .filtrationpast1 p{ width:100%; padding:0; float: none;}
	.technologymain .technologypart2 .filtrationpast2{ width:80%; margin:0 auto 30px auto}
	.technologymain .technologypart2 .filtrationpast2 .left{ width:100%; float:none; margin:0 0 30px 0;}
	.technologymain .technologypart2 .filtrationpast2 .right{ width:100%; float:none;}
	.technologymain .technologypart3.filtration{ background-size: auto 100%; margin:-120px 0 0 0;}
	.technologymain .technologypart3 .filtrationmain .left{width:100%; float:none; margin:0 0 30px 0;}
	.technologymain .technologypart3 .filtrationmain .right{ width:100%; float:none; }
	
	.productmain{ padding: 120px 0 80px 0;}
	.productmain .productpart1 h1{ margin:0 0 50px 0;}
	.productmain .productpart1 .classlist.pc{ display: none;}
	.productmain .productpart2 select.moblie{ margin:0px auto 50px auto; position:relative; top:-20px;}
	.productmain .productpart2{ margin:0 0 80px 0; padding:0; overflow:visible}
	.productmain .productpart2 h2{ width:80%; font-size:32px; line-height:40px; letter-spacing:0;}
	.productmain .productpart2 h2 b{ display: block;}
	.productmain .productpart2 .producttext{ width:80%;}
	.productmain .productpart2 ul.productlist{ width:95%; margin:0 auto;}
	.productmain .productpart2 ul.productlist li,.productmain .productpart2 ul.productlist li.last{ width:49.5%; margin:0 0 30px 0; padding: 0 20px 0px 20px;}
	.productmain .productpart2 ul.productlist.class li{ width:32.8%; margin:0 0 30px 0; padding: 0 10px 0px 10px;}
		
	.productmain .productpart2 .characteristic{ padding:50px 0 0 0;}
	.productmain .productpart2 .characteristic .main{ background-size: auto 100%;}
	.productmain .productpart2 .characteristic .main .text{ padding:50px 20px;}
	.productmain .productpart3{ width:80%;}
	.productmain .productpart3 .left{ width:100%; float: none; margin:0 0 30px 0;}
	.productmain .productpart3 .right{ width:100%; float: none;}
	.productmain .productpart3 .right a{ width:100%; max-width:100%;}
	.productmain .productclass h1{ width:80%; font-size:35px; line-height:40px;}
	.productmain .productclass h1 b{ display: block;}
	.productmain .productclass .class{ display: none;}
	
	.productmain .productpart2 ul.productlist li .informain { height: 400px;}
	.productmain .productpart2 ul.productlist li .informain .main{ height: 400px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain{ width:100%; padding:40px 20px; height: 400px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .boxmain{ height:250px;}
	
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft{ width:45%; height:220px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft ul{ width:100%; height:220px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft ul li{ width:100%; height:220px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft ul li img{ max-height:220px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right{ width:50%; height: auto; }
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor{ height: 240px; margin:0 auto 30px auto; padding:0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .name{ margin:0 0 20px 0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .introduction{ padding:20px 0 0 0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .timain{ }
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .name h3{ font-size:30px; line-height:35px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls a.bx-prev,.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls a.bx-next{ top:90px;}
	
	.productmain .productpart2 a.inquiry{ width:80%;}
	
	.newsmain{ padding: 120px 0 80px 0; background: none;}
	.newsmain .right{ width:80%; margin: 0 auto 80px auto; float: none;}
	.newsmain .right .title h2{ font-size:40px; line-height:45px;}
	.newsmain .left{ width:80%; margin: 0 auto 80px auto; float: none;}
	.newsmain .left ul li p{ font-weight: normal; font-size:20px;}
	
	.contactmain{ padding: 180px 0 80px 0; background-size:100% auto;}
	.contactmain .contactpart1{ width:80%; margin:0 auto 50px auto;}
	.contactmain .contactpart1 .title{ margin:0 0 30px 0;}
	.contactmain .contactpart1 .title h1{ font-size:35px; line-height:40px;}
	.contactmain .contactpart1  ul li{ width:100%; float:none;}
	.contactmain .contactpart2{ width:80%; padding:30px 0;}
	.contactmain .contactpart2 h2{ width:100%; float:none; margin:0 0 20px 0; padding:0 0 0 40px; background-position:-10px center}
	.contactmain .contactpart2 p{ width:100%; float: none;}
	.contactmain .contactpart3 ul,.contactmain .contactpart3 ul.right{ width:80%; margin:0 auto; float: none; padding:0;}
	.contactmain .contactpart3 ul li input.text.name{ width:100%; float: none;}
	.contactmain .contactpart3 ul li input.text.name2{ width:100%; margin:0 0 30px 0;}
	.contactmain.inquiry{ padding: 120px 0 80px 0;}
	.contactmain .inquirypart1 .title{ display: none;}
	.contactmain .inquirypart1 ul li{ padding:0 0 20px 0; margin:0 0 40px 0;}
	.contactmain .inquirypart1 ul li .left{ width:100%; float: none;}
	.contactmain .inquirypart1 ul li .right{ width:100%; height:80px; float: none;}
	.contactmain .inquirypart1 h1{ font-size:35px; line-height:40px;}
}

@media screen and (max-width: 480px) {
	header .main nav .menu{ margin:0 auto 30px auto}
	header .main nav .menu a{ width:100%; float: none;}
	header .main nav .lau{  margin:0 auto 30px auto;}
	header .main nav ul.link li{ width:90%; height:30px; margin:0 auto 10px auto; float: none;}
	header .main nav ul.link li a{ line-height:28px;}
	
	.indexmain .banner{ width:100%; padding:120px 0 0 0;}
	.indexmain .banner a.ad .img{ display:block; width:100%; float:none; overflow:hidden;}
	.indexmain .banner a.ad .img img{ width:120%; float: none; margin:0 0 0 -10%;}
	.indexmain .banner img{ width:120%; float: none; margin:0 0 0 -10%;}
	.indexmain .banner img.bg{ width:120%; float: none; margin:0 0 0 -10%;}
	.indexmain .banner a.ad{ padding:120px 0 0 0; top:0;}
	.indexmain .banner a.ad p.slogan{ font-size:42px; line-height:32px; top:0; left:50px;}
	.indexmain .banner .control{ left:-20px; top:0; bottom:inherit;}
	
	.indexmain .product .right ul li p.img{ width:100%; float: none;}
	.indexmain .product .right ul li.blue p.img{ width:100%; float: none;}
	.indexmain .product .right ul li .text{ width:100%; position:relative; left:inherit; top:inherit; height:auto; padding:20px 0 30px 0;}
	.indexmain .product .right ul li .text .main{ position:relative; top:inherit; transform: none;}
	
	.indexmain .about .main ul{ width:120%; margin:0 0 0 -10%;}
	.indexmain .about .main ul li p.img img{ width:110%;}
	
	.aboutmain .main .careerpart2 .textmain p.img{ width:100%; margin:0 0 30px 0; float: none;}
	.aboutmain .main .careerpart2 .textmain .text{ width:80%; margin:0 auto 30px auto; padding:0; position:relative; top:inherit; left:inherit; transform: none; float: none;}
	
	.technologymain .technologypart3 .main ul li{ width:100% !important; margin:0 0 20px 0;}
	
	.classlist .scrollable{ width:100%; height:auto;}
	.classlist .scrollable .items{ width:100%; height:auto; position:inherit;}
	.classlist .scrollable .items div{width:100%; height:auto; float: none;}
	.classlist .scrollable .items div ul li{ width:100%; float: none; margin:0 0 20px 0; padding:0;}
	.classlist a.next,.classlist a.prev{ display: none;}
	
	.technologymain .technologypart2 .main .text p.img,.technologymain .technologypart2 .main .text.right p.img{ width:100%; float: none; margin:0 auto 0px auto;}
	.technologymain .technologypart2 .main .text p,.technologymain .technologypart2 .main .text.right p{width:100%; float: none; padding:0;}
	.technologymain.global{ background-size:250% auto; background-position:20% 220px;}
	.technologymain.global .technologypart1 p{ padding: 80px 0 0 0;}
	.technologymain.global .technologypart1 p.img{ padding:120px 0 0 0; margin:0 auto 20px auto;}
	.technologymain.global .technologypart1 p.pglobal{ padding:0px 0 0 0;}
	.technologymain.global .technologypart1 p span{ width:100%;}
	
	
	.technologymain .technologypart3_2{ padding:50px 0 0 0;}
	.technologymain .technologypart3_2 .main .text p.img,.technologymain .technologypart3_2 .main .text.right p.img{ width:90%; float: none; margin:0 auto 0px auto;}
	.technologymain .technologypart3_2 .main .text p,.technologymain .technologypart3_2 .main .text.right p{width:90%; float: none; padding:0;}
	.technologymain .technologypart3_2 .main .text p.img,.technologymain .technologypart3_2 .main .text.right p.img{ max-width:200px;}
	
	.productmain .productpart2 ul.productlist{ width:80%; margin:0 auto;}
	.productmain .productpart2 ul.productlist li,.productmain .productpart2 ul.productlist li.last,.productmain .productpart2 ul.productlist.class li{ width:100%; margin:0 0 30px 0; padding: 0 0 40px 0; background: url(../images/line6.png) repeat-x left bottom;}
	
	.productmain .productpart2 ul.productlist li .informain { height: auto;}
	.productmain .productpart2 ul.productlist li .informain .main{ height: auto; position:relative;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain{ width:100%; padding:40px 20px; height: auto; background-image: none; border-top-left-radius:0; border-top-right-radius:0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor{ height: auto; margin:0 auto 30px auto;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft{ width:100%; height:220px; margin:0 0 20px 0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft ul{ width:100%; height:220px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft ul li{ width:100%; height:220px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft ul li img{ max-height:220px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right{ width:100%; height: auto; }
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor{ height: auto; margin:0 auto 30px auto;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .name{ margin:0 0 20px 0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .name span{ margin:0 0 8px 0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .introduction{ padding:20px 0 0 0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .timain{ padding:0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right .textinfor .name h3{ font-size:30px; line-height:35px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls a.bx-prev,.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls a.bx-next{ top:95px; background-size: 70% auto; background-position:50% 50%;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls a.bx-prev{ left:5px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .imgleft .bx-controls a.bx-next{ right: 5px;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .right a.inquiry{ margin:0;}
	
	.productmain .productpart2 ul.productlist li .informain { height: auto;}
	.productmain .productpart2 ul.productlist li .informain .main{ height: auto}
	.productmain .productpart2 ul.productlist li .informain .main .textmain{ width:100%; padding:40px 20px; height: auto;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .boxmain{ height: auto; padding:0;}
	.productmain .productpart2 ul.productlist li .informain .main .textmain .boxmain .timain{ padding:0;}

}
@media screen and (max-width: 350px) {
	header .main nav .menu{ margin:0 auto 20px auto}
	header .main nav .menu a{ width:100%; float: none; margin:0 auto 8px auto;}
	header .main nav .lau{  margin:0 auto 15px auto;}
	header .main nav ul.link li{ width:100%; height:30px; margin:0 0 10px 0;}

}


@keyframes moveBannerM {0%{left:0%;}  100%{left:-50%;}}
@-moz-keyframes moveBannerM {0%{left:0%;}  100%{left:-50%;}}
@-webkit-keyframes moveBannerM {0%{left:0%;}  100%{left:-50%;}}

@keyframes moveBanner2 {0%{ transform:scale(0.8);opacity:0;} 70%{ transform:scale(1);opacity:1;} 100%{ transform:scale(1);opacity:1;}}
@-moz-keyframes moveBanner2 {0%{ transform:scale(0.8);opacity:0;} 70%{ transform:scale(1);opacity:1;} 100%{ transform:scale(1);opacity:1;}}
@-webkit-keyframes moveBanner2 {0%{ transform:scale(0.8);opacity:0;} 70%{ transform:scale(1);opacity:1;} 100%{ transform:scale(1);opacity:1;}}

.fadeInUp {  -webkit-animation-name: fadeInUp;  -moz-animation-name: fadeInUp;  animation-name: fadeInUp;}
.fadeInLeft {  -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft;  animation-name: fadeInLeft;}
.fadeInRight {  -webkit-animation-name: fadeInRight;  -moz-animation-name: fadeInRight;  animation-name: fadeInRight;}
.animated {  -webkit-animation-duration: 1s; -moz-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;  animation-fill-mode: both;}
.animated2{  -webkit-animation-duration: .5s; -moz-animation-duration: .5s;  animation-duration: .5s;  -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both;  animation-fill-mode: both;}

/*down*/
@keyframes fadeInUp { 
0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px);  }
100% { opacity: 1; -webkit-transform: translateY(0)scale(1); -moz-transform: translateY(0)scale(1); transform: translateY(0)scale(1);  }
}

/*fadeInUp*/
@keyframes fadeInUp { 
0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px);  }
100% { opacity: 1; -webkit-transform: translateY(0)scale(1); -moz-transform: translateY(0)scale(1); transform: translateY(0)scale(1);  }
}
@-moz-keyframes fadeInUp { 
0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px);  }
100% { opacity: 1; -webkit-transform: translateY(0)scale(1); -moz-transform: translateY(0)scale(1); transform: translateY(0)scale(1);  }
}
@-webkit-keyframes fadeInUp { 
0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px);  }
100% { opacity: 1; -webkit-transform: translateY(0)scale(1); -moz-transform: translateY(0)scale(1); transform: translateY(0)scale(1);  }
}

/*fadeInLeft */
@keyframes fadeInLeft { 
0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px);  }
100% { opacity: 1; -webkit-transform: translateX(0)scale(1); -moz-transform: translateX(0)scale(1); transform: translateX(0)scale(1);  }
}
@-moz-keyframes fadeInLeft { 
0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px);  }
100% { opacity: 1; -webkit-transform: translateX(0)scale(1); -moz-transform: translateX(0)scale(1); transform: translateX(0)scale(1);  }
}
@-webkit-keyframes fadeInLeft { 
0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px);  }
100% { opacity: 1; -webkit-transform: translateX(0)scale(1); -moz-transform: translateX(0)scale(1); transform: translateX(0)scale(1);  }
}