@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
html {color: #666666; height: 100%; overflow-x: auto; overflow-y: scroll; background:#FFFFFF;}
img{ border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
body {font-size:12px; background-color:#FFFFFF; font-family:Helvetica,Arial,sans-serif;}
a:link {color: #648BB1; text-decoration: none;}
a:visited{color: #648BB1; text-decoration: none;}
a:hover {color: #8CACCA; text-decoration: underline;}
a:active {color: #648BB1;}
@font-face{font-family:"Noto Sans";src:url(../fonts/notosans-italic-webfont.eot);src:url(../fonts/notosans-italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/notosans-italic-webfont.woff2) format("woff2"),url(../fonts/notosans-italic-webfont.woff) format("woff"),url(../fonts/notosans-italic-webfont.ttf) format("truetype"),url(../fonts/notosans-italic-webfont.svg#noto_sansitalic) format("svg");font-weight:400;font-style:italic}
@font-face{font-family:"Noto Sans";src:url(../fonts/notosans-regular-webfont.eot);src:url(../fonts/notosans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/notosans-regular-webfont.woff2) format("woff2"),url(../fonts/notosans-regular-webfont.woff) format("woff"),url(../fonts/notosans-regular-webfont.ttf) format("truetype"),url(../fonts/notosans-regular-webfont.svg#noto_sansregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:"Noto Sans";src:url(../fonts/notosans-bolditalic-webfont.eot);src:url(../fonts/notosans-bolditalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/notosans-bolditalic-webfont.woff2) format("woff2"),url(../fonts/notosans-bolditalic-webfont.woff) format("woff"),url(../fonts/notosans-bolditalic-webfont.ttf) format("truetype"),url(../fonts/notosans-bolditalic-webfont.svg#noto_sansbold_italic) format("svg");font-weight:700;font-style:italic}
@font-face{font-family:"Noto Sans";src:url(../fonts/notosans-bold-webfont.eot);src:url(../fonts/notosans-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/notosans-bold-webfont.woff2) format("woff2"),url(../fonts/notosans-bold-webfont.woff) format("woff"),url(../fonts/notosans-bold-webfont.ttf) format("truetype"),url(../fonts/notosans-bold-webfont.svg#noto_sansbold) format("svg");font-weight:700;font-style:normal}
/*		↓↓header↓↓			*/
.header:before, .header:after,
ul.navi:before, ul.navi:after,
.subNavi:before, .subNavi:after,
.hd-sns:before, .hd-sns:after,
ul.subItem:before, ul.subItem:after,
ul.subItem-2:before, ul.subItem-2:after,
.footer:before, .footer:after,
#copyright:before, #copyright:after,
.mainContent:before, .mainContent:after,
.videolist:before, .videolist:after,
.dsType:before, .dsType:after,
.license:before, .license:after,
.awards:before, .awards:after,
.productTabs:before, .productTabs:after,
ul.productlist:before, ul.productlist:after,
.productItem ul:before, .productItem ul:after,
.mapItem ul:before, .mapItem ul:after,
.acc ul:before, .acc ul:after,
#navigatioin:before, #navigatioin:after{
  display: table;
  content: " ";
}
.header:after,
ul.navi:after,
.subNavi:after,
.hd-sns:after,
ul.subItem:after,
ul.subItem-2:after,
.mainContent:after,
#navigatioin:after,
.videolist:after,
.dsType:after,
.license:after,
.awards:after,
.productTabs:after,
ul.productlist:after,
.productItem ul:after,
.mapItem ul:after,
.acc ul:after,
#copyright:after,
.footer:after{clear: both;}
.wrapper_fix{position:fixed;}
.header{padding:10px 20px; height:70px; background-color:#000; position:relative; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); z-index:666; margin-left:auto; margin-right:auto; max-width: 1366px;}
.logo{float:left; margin:5px 30px 0px 0px; width:80px; height:40px; background:url(../header/logo.png) no-repeat center top;}
.logo a{ width:80px; height:40px; display:block; text-indent:-9999px; overflow:hidden;}
ul.navi{margin-top:10px;}
ul.navi > li{float:left; font-size:16px; position:relative;}
ul.navi > li > a{padding:15px 20px; line-height:20px; color:#fff; display:block; font-family:"Noto Sans",Helvetica,Arial,sans-serif;}
ul.navi > li > a:hover, ul.navi > li.current > a,.subNavi a:hover{ color:#ed1017; text-decoration:none;}
ul.navi > li > a .icon-navi-down{margin-left:5px; width:12px; height:12px; background:url(../header/down-arrow-navi-md.png) no-repeat; display:inline-block; vertical-align:middle;}
ul.navi > li > a:hover .icon-navi-down{background:url(../header/down-arrow-navi-md-red.png) no-repeat;}


.subNavi{position:absolute; left:0px; top:50px; padding:0px 20px 10px; font-size:14px; background:rgba(0,0,0,.8); /*border:1px solid #e0e0e0; border-top:3px solid #ed1017;*/ display:none;}
.hd-product{width:800px; padding-bottom:20px;}
.hd-news{width:160px;}
.hd-aboutus{width:200px;}
.hd-support{width:240px;}
.subNavi a{line-height:18px; font-size:11px; color:#fff; font-family:"Noto Sans",Helvetica,Arial,sans-serif;}
.subNavi li.title{margin:10px 0px 5px;}
.subNavi li.title a{ line-height:18px; font-size:14px; font-weight:500;}
.hd-product ul{float:left; padding-right:20px; width:25%; height:160px;}
.hd-link{position:absolute; right:20px; top:6px; z-index:900;}
.hd-sns{float:left;margin-left:5px; padding:1px; width:77px; height:24px; background:url(images/link.gif) no-repeat 1px 1px;}
.hd-sns a{float:left; margin-right:3px; width:22px; height:22px; display:block; text-indent:-9999px; overflow:hidden;}
#siteArea{float:left; width:157px; height:24px; position:relative; z-index:1000;}
#siteArea > a{padding:1px 5px 1px 30px; width:157px; color:#fff; line-height:24px; background:url(../header/global.png) no-repeat 5px center; display:block;}
#siteArea > a.on{ border-bottom:none; text-decoration:none; background-color:#000;}
.language{position:absolute; left:0px; top:23px; width:157px; padding:7px 1px 7px; background:rgba(0,0,0,0.8); display:none; border-top:none; z-index:1003;}
.language a{padding:0px 8px; color:#fff; font-size:12px; height:22px; line-height:20px; display:block;}


.searchBox{position:absolute; right:2px; top:32px; padding:2px 2px 4px 3px; width:155px; height:26px; border-bottom:1px solid #eee; z-index:800;}
/*.searchBox{float:left; margin-right:5px; padding:2px 2px 4px 3px; width:155px; height:26px; border:1px solid #eee; z-index:800;}*/
.searchBox form{position:relative; z-index:801;}
.searchBox .searchTip{position:absolute; left:3px; top:2px; color:#eee; width:120px; height:22px; line-height:22px; z-index:802;}
.searchBox input{position:absolute; left:3px; top:2px; width:129px; height:22px; border:none; color:#fff; font-size:12px; line-height:22px; background:none; z-index:803;}
.searchBox a{position:absolute; left:132px; top:4px; width:16px; height:16px; display:inline-block; z-index:804; background:url(../header/search_xs.png) no-repeat;}
.hd-mobile-menu{float:right; padding-top:10px; display:none;}
.menu-list{float:right;margin-left:10px;}
.mobile-search{float:right;}
ul.mobile-menu-list{}
.menu-list img{cursor:pointer;}
.menu-list > ul{position:absolute; left:0px; top:70px; width:100%; display:none;}
.menu-list > ul > li{ width:100%; background-color:#2e2e2e; border-bottom:1px solid #666; position:relative;}
.menu-list > ul > li > a{margin:0 10px; padding:5px 0 ; font-size:14px; line-height:30px; color:#fff; display:block; background:url(../header/open.png) no-repeat right center;}
ul.subItem-1{padding:0 10px 0px 0px; background:#2e2e2e; border-left:5px solid #ed1017; display:none;}
ul.subItem-1 > li{border-bottom:1px solid #666;}
ul.subItem-1 > li:last-child{border-bottom:none;}
ul.subItem-1 > li > a{ padding:5px 0px 5px 10px; color:#fff; font-size:14px; line-height:24px; background:url(../header/go.png) no-repeat right center; display:block;}
ul.subItem-1 > li.active > a{ background:url(../header/open.png) no-repeat right center;}
ul.subItem-2{ background:#2e2e2e; display:none;}
ul.subItem-2 > li{float:left; padding-left:8px; width:50%;}
ul.subItem-2 > li > a{padding:5px 6px 5px 12px; font-size:12px; color:#fff; display:block; background:url(../icons_arrow.png) no-repeat left center;}
.menu-list a:hover{text-decoration:none;}

.search-form{position:absolute; left:0px; top:70px; padding:10px; width:100%; border-bottom:1px solid #ccc; background-color:#2e2e2e; display:none; cursor:default;}
.search-form .body{padding:5px 20px;border:1px solid #ccc; border-radius:30px; background-color:#fff;}
.search-form input{padding:0 5px; width:90%; line-height:20px; border:none;}
.search-form a{float:right; width:32px; height:20px; background:url(../header/search_s.png) center center no-repeat; display:block;}
#navigatioin{ margin-bottom:20px; padding:5px 20px 0px; text-align:left; margin-left:auto; margin-right:auto; max-width: 1366px;}
#navigatioin span {padding:5px 0px; font-size:11px; line-height:24px; color:#333; border-bottom: 1px solid #CCCCCC; display: block; font-family:"Noto Sans",Helvetica,Arial,sans-serif;}
#navigatioin span a{color: #333; text-decoration: none;}
#navigatioin span a:hover{color:#ed1017; text-decoration:underline;}
#navigatioin h1 {float:right; padding-top:5px; font-size:16px; line-height:24px; color:#ed1017;}

.mainArea{ margin-left:auto; margin-right:auto; padding:0 20px 40px; width:100%; display:table; vertical-align:top; max-width: 1366px;}
#sideBar{width:24%; max-width:300px; display:table-cell; vertical-align:top;}
/*sideBar*/
#treeNav a{font-family:"Noto Sans",Helvetica,Arial,sans-serif; color:#000; display:block;}
#treeNav a:hover{color:#ed1017; text-decoration:none;}
#treeNav > li.channel_title{padding:2px 0px 2px 10px; font-size:16px; background:#333; color: #fff; line-height: 32px;}
#treeNav > li.treeNavTitle{border-bottom:1px solid #ddd;}
#treeNav > li.treeNavTitle > a strong{padding-left:10px; font-size:14px; font-weight:500; line-height:32px;}
#treeNav > li.treeNavTitle > ul.subNav{padding:0px 0px 0px 15px; background-color:#f8f8f8; display:none;}
#treeNav > li.treeNavTitle > ul.subNav > li{line-height:20px;}
#treeNav > li.treeNavTitle > ul.subNav > li:first-child{padding-top:5px;}
#treeNav > li.treeNavTitle > ul.subNav > li:last-child{padding-bottom:5px;}
#treeNav > li.treeNavTitle > ul.subNav > li.secondTitle > a{color:#ed1017;}
#treeNav ul.subNav > li > a{padding-left:10px; background:url(../icons_arrow_gray.png) no-repeat left 5px;}
#treeNav > li.treeNavTitle > ul.subNav ul{padding-left:15px; display:none;}
#treeNav > li.firstTitle > a,
#treeNav ul.subNav li.threeTitle a{color:#ed1017;}
#sideBar .img{margin-top:15px;}
#sideBar .img img{max-width:100%; height:auto;}
/*sideBar*/

.mainContent{padding:0px 0px 0px 30px; width:76%; display:table-cell; vertical-align:top;}
.newspage{padding:0px;}
.newspage h1{padding:0px 0px 30px;font-size:32px; color:#000; font-family:Georgia, Helvetica,Arial,sans-serif;}
.newspage h1.newstitle{padding:10px 0px; text-align:center;}
.newspage h1.videotitle{padding:10px 0px 30px; text-align:center;}
.newspage .detail h2.newssubtitle{margin-top:25px; font-size:20px; line-height:24px; color:#000; font-family:Georgia, Helvetica,Arial,sans-serif;}
.newspage .detail ol.decimal{margin:20px 0px 0px 20px; list-style-type: decimal;}
.newspage .detail ol.decimal li{margin-top:7px; padding-left:5px; font-size:16px; line-height:24px; color:#000; font-family:Georgia, Helvetica,Arial,sans-serif; list-style-type: decimal;}
.newspage .detail p{margin-top:25px; font-size:16px; line-height:24px; color:#000; font-family:Georgia, Helvetica,Arial,sans-serif;}
.newspage .detail img{max-width:100%; height:auto;}
.newspage .media{margin:0px 0px 20px; padding-bottom:20px; width:100%; border-bottom:1px solid #eee;}
.newspage .media:first-child{padding-top:20px; border-top:1px solid #eee;}
.newspage .media h2{margin-bottom:10px; padding:5px 0px; font-size:16px; color:#000;}
.newspage .media .media-left{width:22%;}
.newspage .media .media-body{width:78%;}
.newspage .media h2 a,.datasheet li a{color:#000;}
.newspage .media h2 a:hover, .datasheet li a:hover{color:#ed1017;}
.newspage .media .date, .newspage .media .summary, .newspage .media .event-summary{margin-top:10px; font-size:12px; color:#666;}
.newspage .media .media-left img{max-width:100%; height:auto;}
.panelItem .media-left img{border:1px solid #eee;}
.panelItem .media-body{padding-right:20px; background:url(../header/next.png) no-repeat right center;}
.panelItem .media-body:hover{text-decoration:none;}
.panelItem .media-body h2{cursor:pointer;}
.panelItem .media-body h2:hover{color:#ed1017; text-decoration:underline;}

.videolist li{float:left; margin:0; padding-right:30px; width:25%; max-width:230px; min-height:180px; display:inline;}
.videolist li img{margin-bottom:5px; max-width:100%; height:auto; display:block;}
.videolist li a{color:#333;}
.videolist li a:hover{color:#ed1017;}
ul.event-calender{margin-bottom:30px;}
ul.event-calender li, .dsType li{float:left; margin:0px 10px 0px 0px; padding:0 10px; height:24px; font-size:14px; text-align:center; line-height:24px; color:#333; cursor:pointer; display:inline;}
ul.event-calender li:last-child, .dsType li:last-child{margin:0px;}
ul.event-calender li.active, .dsType li.active{background-color:#ed1017; color:#fff; border-radius:1px;}

.videobox{margin:0 auto; width:100%; max-width:800px;}
.datasheet li{padding:10px 0px; border-bottom:1px solid #eee;}
.datasheet li a{padding-left:20px; font-size:14px; background:url(../../2014/icons.gif) no-repeat 6px -93px; display:block;}
.dsType{margin-bottom:20px;}
.license{}
.license > div{float:left; padding:0px; width:50%; font-size:12px; display:inline;}
.license > div a{margin:0px 10px 0px 0px; padding:10px 40px 10px 15px; font-size:14px; line-height:20px; color:#333; border:1px solid #eee; display:block; background:url(../header/next.png) no-repeat right center;}
.license > div a:hover{text-decoration:none; background-color:#f9f9f9;}
.license > div a strong{font-size:16px; line-height:32px; color:#000; font-weight:normal;}
.license > div a:hover strong{color:#ed1017;}
.licenseBox{margin:0 auto; width:100%;}
.company h2{padding:20px 0px 25px; font-size:28px; color:#000; font-weight:bold; font-family:"Noto Sans",Helvetica,Arial,sans-serif;}
.company p{padding-bottom:20px; font-size:14px; line-height:24px; color:#000; font-family:"Noto Sans",Helvetica,Arial,sans-serif;}
.headquarters{margin-bottom:20px; display:table;}
.headquarters .text{padding-right:10px; width:65%;display:table-cell; vertical-align:top;}
.headquarters .img{width:35%;display:table-cell; vertical-align:top; text-align:center;}
.headquarters .img img{width:340px; height:auto;}
.reginal{padding:0px 0px 10px 0px; width:100%; border-top:1px solid #eee; color:#333; height:42px; overflow:hidden;}
.reginal.open{height:auto;}
.reginal:last-child{border-bottom:1px solid #eee;}
.reginal h3{margin-bottom:5px; padding-left:30px; font-size:18px; font-weight:normal; line-height:42px; color:#333; cursor:pointer; background:url(../plus.png) no-repeat 10px center;}
.reginal.open h3{padding-left:30px; background:url(../minus.png) no-repeat #fafafa 10px center;}
.reginal p{padding-left:30px; padding-bottom:0px;}
ul.history, ul.innovation{display:table; vertical-align:top;}
ul.history{margin-bottom:30px;}
ul.history li, ul.innovation li{width:16.66667%; padding:0px 10px; display:table-cell; font-size:14px; color:#000; font-family:"Noto Sans",Helvetica,Arial,sans-serif; vertical-align:top; }
ul.history li strong{font-size:32px; line-height:98px; color:#fff; text-align:center; display:block; min-height:130px; font-weight:normal; background:url(../history_01.gif) no-repeat center top;}
ul.history li strong.yellow{background:url(../history_02.gif) no-repeat center top;}
ul.history li strong.earth{color:#000; background:url(../history_03.gif) no-repeat center top;}
ul.history li span{color:#f29c13;}
ul.history li p{padding:0;}
ul.innovation{padding-top:30px; width:100%;}
ul.innovation li{width:25%;}
ul.innovation li div{margin-bottom:20px; text-align:center;}
ul.innovation li p{font-size:14px; line-height:24px; text-align:center; display:block;}
ul.innovation li p span{color:#0a6b9f; font-weight:bold;}
ul.innovation li img{max-width:100%; height:auto;}
.patent{padding:0 30px; width:100%; display:table;}
.patent .img{width:40%; display:table-cell; vertical-align:middle; text-align:center; border-right:3px solid #207ac0;}
.patent .img img{max-width:100%; height:auto;}
.patent .text{padding-left:50px; width:60%; display:table-cell; vertical-align:middle;}
.patent .text p{padding:0px; font-size:18px; line-height:42px; color:#333;}
.patent .text p strong{font-size:24px;}
.patent .img .date{text-align:center;}
.social{margin-bottom:30px; display:table;}
.social p{padding-right:15px; font-size:14px; line-height:32px; font-weight:bold; display:table-cell; vertical-align:middle;}
.social ul{width:128px height:32px; background:url(../header/sns.gif) no-repeat; display:table-cell;}
.social li{float:left; margin-right:8px; display:inline;}
.social li a{width:32px; height:32px; display:block; text-indent:-9999px;}
.map{text-align:center;}
.map img{max-width:100%; height:auto;}
.partner{margin-bottom:15px; width:100%; height:450px; background-color:#f9f9f9;}
.globalmap{margin:0 auto; width:780px; height:450px; background:url(../map.jpg) no-repeat; position:relative;}
.globalmap a{font-size:12px; color:#000; position:absolute; cursor:pointer; display:block; display:block; height:50px;}
.globalmap a.on, .globalmap a:hover{color:#ed1017; font-weight:bold; text-decoration:none;}
.north_america{left:95px; top:105px;}
.latin_america{left:200px; top:260px;}
.europe{left:380px; top:98px;}
.africa{left:385px; top:205px;}
.middle_east{left:425px; top:160px;}
.asia{left:575px; top:140px;}
.oceania{left:650px; top:280px;}
.areatitle, .areatitle_xs{margin-bottom:20px; padding:5px; border-bottom:1px solid #eee;}
.areatitle_xs{display:none; position:relative; z-index:300;}
.areatitle strong, .areatitle_xs strong{ font-size:20px; color:#111; line-height:20px; font-weight:normal;}
.areatitle span, .areatitle_xs span{float:right; margin-top:5px; text-align:right; font-size:12px; color:#ed1017;}
.areatitle_xs em{vertical-align:middle; font-style:normal;}
#PJS{position:absolute; left:0px; top:31px; width:100%; display:none;}
#PJS td{padding:5px; font-size:14px; border:1px solid #eee; background-color:#fff;}
#PJS td a{color:#000; display:block;}
#PJS td a:hover{color:#ed1017; text-decoration:none;}
#PJS table.years td{padding:5px; font-size:16px; border:1px solid #eee; background-color:#fff; text-align:center; cursor:pointer;}


.partnerItem{margin-bottom:50px; padding-left:270px; position:relative;}
.clogo{width:250px; border:1px solid #eee; position:absolute; left:0px; top:0px;}
.clogo img{max-width:100%; height:auto;}
.cintro label{margin:0px; color:#ed1017; font-weight:normal;}
.cintro dt{margin-bottom:10px; padding-right:50px; font-size:20px;}
.cintro dd{margin-bottom:5px; font-size:12px; line-height:18px; color:#000; font-family:"Noto Sans",Helvetica,Arial,sans-serif;}
.cintro dd.profile{margin-top:5px; height:54px; overflow:hidden; position:relative;}
.cintro dd.profile.max{height:auto; overflow:hidden;}
.cintro dl{padding-bottom:10px;}
.cintro dl .button{position:absolute; right:0px; bottom:-10px; font-size:14px; color:#ed1017; cursor:pointer;}
.country{position:absolute; right:0px; top:0px;}
.technology{margin-bottom:20px;}
.technology img{max-width:100%; height:auto;}
.awardsItem{float:left; padding:0px 5px; width:20%; min-width:170px; height:240px; font-size:12px; display:inline;}
.awardsItem a{color:#333; display:block;}
.awardsItem a:hover{color:#ed1017;}
.awardsItem a span{margin-bottom:5px; height:160px; border:1px solid #ccc; display:block; background-repeat:no-repeat; background-position:center center;}
.awardsPhoto{text-align:center;}
.partner-banner{margin-bottom:15px;}
.partner-banner img, .awardsPhoto img{max-width:100%; height:auto;}

.tools-table{margin:0; border-collapse:collapse;}
.tools-table th,.tools-table td{padding:15px 20px; font-size:14px; line-height:24px; border:1px solid #ccc; color:#333;}
.tools-table th{ color:#ed1017; background-color:#f2f2f2;}
.tools-table a{float:right; margin-left:20px; padding-left:20px; color:#333; display:block; }
.tools-table a:hover{color:#ed1017;}
.tools-table a.sdl{background:url(../header/download.png) no-repeat left center;}
.tools-table a.pdf{background:url(../header/pdf.png) no-repeat left center;}

.rotation{
transform-origin:center center;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transition: transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
}
.rotation2{
transform-origin:center center;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transition: transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-o-transition: -o-transform 0.2s;
-ms-transition: -ms-transform 0.2s;
}
.page{ width: 100%; text-align: center; padding: 10px 0px 10px 0px; margin-top: 16px;  line-height: 25px; height: 25px; }
	.page input{ margin: 0px 5px; height:22px; display:inline-block;}
	.page input[type="button"]{padding:0px 8px; height:24px; display:inline-block;}
	.page img{ margin: 0px 5px; height:25px; display:inline-block; vertical-align: top;}
	.page span{ margin: 0px 5px; height:25px; line-height:25px; display:inline-block;}

.proheadline{margin:30px 0px 0px; font-size:32px; line-height: 30px; font-family: "Noto Sans", Helvetica,Arial,sans-serif; font-weight: normal; text-align: center; color: #ed1017; display:none;}
.proheadline span{font-size:16px;}
.productSummary{width:100%; display:table; vertical-align:top;}
.productSummary .photo{width:370px; display:table-cell; vertical-align:top;}
.productSummary .photo > div{width:370px; text-align:center;}
.productSummary .proname{padding:20px 0px 0px 20px; display:table-cell; vertical-align:top;}
.productSummary .proname h1, .productSummary .proname h2{margin-bottom:10px; font-size:32px; line-height:32px; color:#ed1017; font-family: "Noto Sans", Helvetica,Arial,sans-serif; font-style:normal;}
.productSummary .proname h2{margin-bottom:20px; font-size:16px; color:#666; line-height:20px;}
.zoomlist{width:100%; display:inline-block; text-align:left;}
.zoomlist img{margin-right:10px; border:1px solid #ddd; cursor:pointer;}
.zoomlist img:last-child{margin-right:0px;}
.zoomlist img.focus{border:1px solid #ed1017;}
.productTabs{background:#f0f0f0;}
.productTabs .tab{float:left; display:inline;}
.productTabs a{padding:12px 15px; font-size:16px; line-height:24px; color:#333; display:block; font-family: "Noto Sans", Helvetica,Arial,sans-serif;}
.productTabs a:hover{background-color:#f0f0f0; border-bottom:3px solid #f0f0f0; text-decoration:none;}
.productTabs .tab.focus a{border-bottom:3px solid #333; background-color:#e3e3e3;}

.productSummary img, .productDetail img{max-width:100%; height:auto;}
.productDetail{border:1px solid #eee; min-height:300px;}
.productDetail .infotab{padding:15px; display:none;}
.productDetail .infotab h3{padding-top:10px; font-size:16px; font-weight:bold; line-height:30px; color:#333;}
.productDetail .infotab h3:first-child{padding-top:0px;}
.productDetail .infotab p{line-height:26px; font-size:13px; color:#333;}
.productDetail label{margin:0px; padding-left:10px; font-size:18px; color:#333; line-height:45px; height:45px; display:none; font-weight:normal; cursor:pointer; background-color:#f8f8f8; border-bottom:1px solid #f0f0f0;}
.tableProDetails{border-collapse:collapse;}
.tableProDetails th, .tableProDetails td{padding:0.4em 0.6em; font-size:12px; line-height:24px; color:#333; border:1px solid #0070c0; background-color:#FFFFFF;}
.tableProDetails th, .tableProDetails td.thead{background-color:#c6dbf7; text-align:left; font-weight:normal;}
.download{padding-left:10px;}
.download a{padding:0px 0px 0px 25px; line-height:36px; background:url(../pdf.png) no-repeat left center; color:#444;}
.download a:hover{color:#ed1017;}
.productsort{margin-bottom:15px; padding:5px 0px 10px 10px; border-bottom:1px solid #eee; font-size:20px; line-height:20px; color:#ed1017; font-family: "Noto Sans", Helvetica,Arial,sans-serif; position:relative;}
.subprotype #PJS{top:24px; width:122px;}
.subprotype{position:absolute; right:5px; top:5px; width:auto; padding:0px 5px 0px 8px; font-size:14px; color:#666; line-height:24px; display:none; background-color:#fff; cursor:pointer; border:1px solid #eee; z-index:88;}
.subprotype ul{position:absolute; left:-1px; top:-1px; padding:5px 5px 5px 3px; width:100%; background-color:#f8f8f8; border:1px solid #eee; border-top:none; z-index:90;}
.subprotype li{font-size:14px;}
.subprotype li a{padding:0px 5px; color:#666; line-height:24px; display:block;}
.subprotype li a:hover{color:#ed1017;}
.productbanner{margin-bottom:10px; height:160px;}
.productbanner div{height:160px; background:url(../product/shadow.png) no-repeat center top;}
.productbanner h1{margin-bottom:10px; padding:50px 0px 0px 50px; font-size:32px; line-height:32px; color:#fff; font-family: Arial,sans-serif; text-shadow:1px 1px 1px #666;}
.productbanner p{padding:0px 0px 0px 50px;font-size:16px; color:#fff; font-family: Arial,sans-serif; text-shadow:1px 1px 1px #666;}
.productbanner img{max-width:100%; height:auto;}
ul.productlist li{float:left; margin:0 10px; width:220px; min-height:200px; display:inline; text-align:center;}
ul.productlist li div{text-align:center;}
ul.productlist li img{max-width:100%; height:auto;}
ul.productlist li h3{line-height:16px; }
ul.productlist li a{color:#000;}
.client{margin:30px 0px; display:table;}
.client .img{width:20%; display:table-cell; vertical-align:top; text-align:center;}
.client .img img{padding:10px; border:1px solid #eee; max-width:100%; height:auto;}
.client .text{width:80%; display:table-cell; vertical-align:top; line-height:20px;}
.client .text a{margin-bottom:5px; font-size:16px; color:#333; display:block;}
.client .text p{margin-bottom:5px;}
.client .text img{margin-right:10px; width:160px; height:auto;}
ul.productlist li a:hover{color:#ed1017;}
.productHome{ margin-left:auto; margin-right:auto; padding: 0px 100px; width:100%; max-width: 1366px; background:url(../product.jpg) no-repeat center top;}
.productHome h1{padding-top:60px; font-size:36px; height:220px; text-shadow:1px 1px 1px #999; font-family:Georgia, Helvetica,Arial,sans-serif;}
.productHome h2{padding:0px 0px 20px;font-size:32px; color:#000; font-family:Georgia, Helvetica,Arial,sans-serif;}
.productHome h3{margin:0px 10px 5px 0px; padding:8px 10px; font-size:14px; background:#f5f5f5;}
.productItem{float:left; width:25%; min-height:200px; display:inline;}
.productItem ul{padding-left:10px;}
.productItem li{padding-left:15px; font-size:14px; line-height:24px; background:url(../../2014/icons.gif) no-repeat 2px -91px;}
.productItem li a{color:#333;}
.productItem li a:hover{color:#ed1017;}
.sitemap{ padding: 0 100px; background:url(../sitemap.jpg) no-repeat left top;}
.sitemap h1{margin-bottom:20px; padding-top:60px; width:100%; font-size:36px; color:#000; height:220px;  font-family:Georgia, Helvetica,Arial,sans-serif; }
.sitemap h2{padding:0px 0px 10px 10px;font-size:20px; color:#000; border-bottom:1px solid #eee;}
.siteList{margin-bottom:30px; padding:0 10px;}
.mapItem{float:left; margin-top:10px; width:25%; display:inline;}
.mapItem a{ color:#333; }
.mapItem a:hover{ color:#ed1017; }
.mapItem h3 a{padding-left:25px; font-size:16px; background:url(../../2014/icons.gif) no-repeat 5px -50px; display:block;}
.mapItem ul{margin:5px 0px 0px 20px;}
.mapItem li{padding-left:18px; font-size:14px; line-height:24px; color:#333; background:url(../../2014/icons.gif) no-repeat 8px -91px;}
.mapItem li a{display:block;}
.slideBox{margin:0 auto; width:100%; max-width:1366px;}
.slideBox .carousel-indicators li {margin:0px 2px; width:16px; height:16px; background:#fff; border-radius:20px; border:none;}
.slideBox .carousel-indicators .active {width:16px; height:16px; border:none; background-color: #ed1017;}
.homeBox{margin:0 auto; width:100%; max-width:1366px; padding:0 20px;}
.homeTitle{margin-bottom:15px; padding-left:28px; font-size:24px; color:#c4261d; line-height:26px; font-weight:normal; height:28px; font-family: "Noto Sans", Helvetica,Arial,sans-serif; background:url(../tmp/title.jpg) no-repeat left bottom;}
.productRow{margin:30px 0px; width:100%; display:table;}
.star-product{width:80%; display:table-cell; vertical-align:top; }
.star-product .list{width:100%; height:240px; overflow:hidden;}
.new-product{width:20%; display:table-cell; text-align:right;}
.new-product a{display:block;}
.new-product img{max-width:100%; height:auto;}
.starBox{padding:0 36px; width:100%; height:200px; position:relative;}
.starBox span{position:absolute; top:70px; width:17px; height:28px; display:block; cursor:pointer;}
.starBox span.prev{left:9px; background:url(../tmp/arrow.png) no-repeat -7px -41px;}
.starBox span.next{right:9px; background:url(../tmp/arrow.png) no-repeat -37px -41px;}
.starList{width:100%; height:200px; overflow:hidden; position:relative;}
.starList ul{width:2200px; position:absolute; left:0px; top:0px; display:none;}
.starList li a .starview{position:absolute; left:0px; top:0px; width:54px; height:55px; background:url(../home/ico_starview.png) no-repeat;}
.starList li .pname,.starList li .pdesc{font-size:12px;}
.star-product .starList:before, .star-product .starList:after{display: table; content: " ";}
.star-product .starList:after{clear: both;}
.star-product li{float:left; padding:5px; width:25%; padding-top:0px; height:190px; display:inline; position:relative;}
.star-product li img{max-width:100%; height:auto;}
.star-product li a,.news-event li a{color:#333;}
.news-event{margin-bottom:50px;}
.news-event li{float:left; padding:0px 10px; width:25%; font-size:14px; display:inline;}
.news-event li img{margin-bottom:5px; max-width:100%; height:auto; display:block;}
.news-event li a:hover, .starList li a:hover{color:#ed1017;}
.w50p{width:50%;}
.carousel-control {width:5%;}
.carousel-indicators li {background:#f2f2f2;}
.carousel-control.left,.carousel-control.right{background-image:none;}
.carousel-control .jdt-left,.carousel-control .jdt-right {position: absolute; top: 45%; z-index: 5; width:17px; height:28px; display: inline-block;}
.jdt-left{left: 50%; margin-left: -10px; background:url(../tmp/arrow.png) no-repeat -7px -41px;}
.jdt-right{right: 50%; margin-right: -10px; background:url(../tmp/arrow.png) no-repeat -37px -41px;}
.caseRow{margin-bottom:50px; width:100%; display:table;}
.topCase{padding-right:5px; width:50%; display:table-cell;}
.topCase .body{width:100%; max-width:650px; vertical-align:top;}
.topAboutus{padding-left:5px; width:50%; display:table-cell; vertical-align:top;}
.topAboutus img{max-width:100%; height:auto;}
.sort-switch{position:absolute; left:0px; top:20px; width:100%; height:32px; cursor:pointer; display:none;}
.sort-switch ul{position:absolute; left:0px; top:32px; width:100%; display:none; background-color:#fff; border:1px solid #eee; display:none;}
.sort-switch ul li{padding-left:10px; font-size:16px; line-height:32px; border-bottom:1px solid #eee;}
.sort-switch ul li a{color:#333; display:block; background:url(../header/go_gray.png) no-repeat right center;}
.acc li{float:left; padding:0px 20px; width:33.3333%; min-height:160px; display:inline-block;}
.acc li a{padding:15px 0px 15px 0px; color:#333; text-align:center; display:block;}
.acc li a:hover{color:#ed1017;}
.acc li strong{font-size:14px; font-weight:normal;}
.acc li .img{margin-bottom:5px; text-align:center;}
.acc li img{max-width:120px; height:auto;}
.acc li span{text-align:center; font-size:12px; line-height:20px; font-family: "Noto Sans", Helvetica,Arial,sans-serif; display:block;}

.hflink{padding:20px 0px; margin:0 auto; width:100%; display:table; border-top:1px solid #eee;}
.hflink a{width:20%; color:#333; text-align:center; font-size:12px; font-family: "Noto Sans", Helvetica,Arial,sans-serif; display:table-cell; border-left:1px solid #eee;}
.hflink a:first-child{border-left:none;}
.hflink a span{margin:0 auto 15px; width:53px; height:50px; cursor:pointer; background:url(../home/ficon.gif) no-repeat; display:block;}
.hflink a .icon-download{background-position:0 0;}
.hflink a .icon-partners{background-position:0 -50px;}
.hflink a .icon-contact{background-position:0 -100px;}
.hflink a span.icon-events{margin:0 auto 15px; width:91px; height:50px; cursor:pointer; background:url(../home/ficon_events.gif) no-repeat center 0px; display:block;}
.hflink a span.product-selector{margin:0 auto 15px; width:91px; height:50px; cursor:pointer; background:url(../home/ficon_camera.gif) no-repeat center 5px; display:block;}


.footer{ margin-left:auto; margin-right:auto; padding:20px 0px; width:100%; background-color:#eee; display:table; max-width:1366px;}
.footer .fbody{width:90%;}
.fbody > ul{float:left; margin-right:30px; min-width:12%; padding-left:20px;}
.footer li a{color:#333; font-size:13px;line-height:20px;}
.footer li.title{margin-bottom:10px; font-size:18px; font-weight:500; color:#000;}
.footer li.title a{font-size:18px; font-weight:500; color:#000;}
.footer li.sns{width:200px; height:32px; background:url(../header/sns.gif) no-repeat;}
.footer li.sns a{float:left; margin-right:8px; width:32px; height:32px; font-size:10px; display:inline; text-indent:-9999px; overflow:hidden;}
#copyright{ margin-left:auto; margin-right:auto; padding:4px 20px; color: #333; text-align:center; background-color: #eee; border-top:1px solid #ccc; line-height:24px; max-width: 1366px;}
#copyright .cl{float:left;}
#copyright .cr{float:right; text-align:right;}
#copyright a{color:#333;}