header{border-bottom:1px solid #ddd;max-height:120px;}/*.main-content{min-height:1200px;}*/
/* start search-form */
.main-logo {margin: 10px 0px 0px;}
.links-nav li:nth-child(2){display:block;float:right;}
.mobile-icon .icon-search,.mobile-contact .links-nav .link{display:none;}
/* end search-form */
.nav-menu li.active,.nav-menu li:hover,.nav-menu li:focus{background-color:rgba(255,255,255,0) !important;}
/* drop nav */
.back-bg-nav{display: none !important;position: fixed; top: 90px;left: 0%;width: 100%;height: 100%;background-color:#000;z-index:10;-moz-opacity: 0.5;  opacity:.50;  filter: alpha(opacity=30);}
.nav-menu-open{display:none;position:absolute;border-top:4px solid #ff8b3d;min-height:300px;width:100%;text-align:left;z-index:99999;padding:0px 40px 40px;}
.nav-menu-open .container{background-color:#f5f5f5;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);border-bottom-right-radius:6px;border-bottom-left-radius:6px;}
.nav-menu-open li{float:left;width:100%;font-size:12px;line-height:24px;color:#666;}
.nav-menu-open h3{margin-top:20px;}
.nav-menu-open h3 a{color:#333;font-size:14px;line-height:36px;}
.nav-menu-open li a{color:#666;}
.nav-menu-open h3 a:hover,.nav-menu-open h3 a:focus,.nav-menu-open li a:hover,.nav-menu-open li a:focus{color:#005fcc;}
.nav-menu-open .col-md-2{height:270px;overflow:hidden;width:14.2%;padding-left:35px;}
.nav-menu-open:first-child .col-md-2{height:290px;}
@media only screen and (max-width: 768px) {.nav-menu-open,.back-bg-nav{display:none !important;}}

.breadcrumb{font-size:12px;color:#333;background-color:#fff;padding:0px 0px;margin-bottom:10px;}.breadcrumb em{margin:0px 3px;}
.breadcrumb a{color:#ff8b3d;}
/* banner */
.imgfocus{height:400px;overflow:hidden;position:relative;}
.imgfocus ul{position:absolute;width:5000em}
.imgfocus ul li{float:left;height:400px; position: relative;}
.imgfocus ul li img{height:420px}
.imgfocus:hover .main-focus-btn{display: block;}
.adv{height:200px;}.adv ul li{height:200px;}.adv ul li img{width:1190px;height:200px}
@media only screen and (max-width: 768px) {
	.imgfocus ul li img{max-width: 100%;width:100%;height: auto;vertical-align: middle;}
}
@media only screen and (max-width: 560px) {
	.imgfocus ul li{width:480px;}
}
@media only screen and (max-width: 400px) {
	.imgfocus ul li{width:400px;}
}
.triggers{display: inline-block;position: absolute;bottom: 30px;left: 0;width: 100%;height: 20px;vertical-align: middle;text-align: center;}
.triggers a{display: inline-block;font-size: 0;margin: 0 5px;width: 14px;height: 14px;border-radius: 50%;line-height: 14px;background-color:transparent; border: 2px solid #fff;}
.triggers a.current{background-color:#005fcc;width: 14px;height: 14px;border: 2px solid #005fcc;}

.main-focus-btn {position: absolute;top: 50%;z-index: 10;display: none;margin-top: -30px;width: 24px;height: 4pc;background: rgba(0,0,0,.2);}
.main-focus-prev{left: 10px;}
.main-focus-next{right: 10px;}
.main-focus-next .ic-icon, .main-focus-prev .ic-icon{position: relative;top: 18px;left: 5px;display: inline-block;width: 16px;height: 32px;}
.main-focus-prev .ic-icon{background: url(../images/icon-sprites.png) no-repeat -200px -64px;}
.main-focus-next .ic-icon{background: url(../images/icon-sprites.png) no-repeat -232px -64px;}

.breadcrumbs{background-color:#f5f5f5;height:40px;color:#666;font-size:12px;padding-top:10px;margin-left:-10px;padding-left:10px;}
article.img-list{margin-top:40px;margin-bottom:40px;font-size:14px;color:#666;line-height:24px;}
article.img-list .entry-title a{font-size:18px;color:#333;font-weight:400;margin-bottom:20px}
article.img-list .entry-cover {float: left;padding-right: 10px;}
article.img-list .entry-cover img{width:262px;height:160px;}
article.img-list .entry-wrapper .entry-content-wrap {padding: 10px 0px 60px 0px;float:left;width:62%;border-bottom:1px solid #ddd;}
.event-page article.img-list .entry-wrapper .entry-content-wrap{width:74%;}
article.img-list .entry-content{height:50px;overflow: hidden;word-wrap: break-word; word-break: normal;}
article .cblue{margin-left:6px;}
.keywords a{background-color:#eee;padding:0px 20px 0px;border-radius:15px;margin:10px 10px 0px 0px;color:#999;font-size:12px;border:none;}
.keywords a:hover,.keywords a:focus{}
.cgray{color:#333;font-size:12px;}.cgray span{color:#666;}
.left-sidebar{padding:0px 40px 0px 0px;}
.hc-h2{background-color:#ff8b3d;color:#fff;padding:42px 45px 42px 60px;}
.hc-h2 h3{font-size:30px;}
.left-sidebar ul{min-height:400px;border: 1px solid #ddd;background-color:#f8f8f8;margin-top:20px;}
.left-sidebar ul li{float:left;width:100%;border-bottom: 0.5px solid #ddd;}
.left-sidebar ul li>a{font-size:16px;color:#333;padding:10px 20px 10px}
.left-sidebar ul li:hover,.left-sidebar ul li:focus,.left-sidebar ul li.active{background-color:#f2f2f2;}
.left-sidebar ul li:hover a,.left-sidebar ul li:focus a,.left-sidebar ul li.active a{color:#ff8b3d;}

.single-content{padding:40px 0px;letter-spacing:1.2px;line-height:30px;font-size:14px;color:#333;min-height:1000px;}
.single-content h3{line-height:36px;font-size:18px;font-weight:400;color:#000;text-align:center;padding:10px;border-bottom:1px solid #ddd;}
.single-content p{margin-bottom:10px;line-height:30px;font-size:14px;color:#333;text-indent:2em;margin-bottom:30px;}
.single-content .cnote{line-height:24px;font-size:14px;color:#666;}
.single-content img{max-width:100%;height:auto;margin-bottom:30px;}
.share{height:40px;margin-bottom:10px;}
.pre-next{border-top:1px solid #ddd;display: block;width: 100%;padding:10px 0px 0px;}
.pre-next em{font-style:normal;display: block;width: 100%;height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#666;font-size:12px;}
.pre-next em a{color:#666;font-size:12px;}
.pre-next em a:hover,.pre-next em a:focus{color:#ff8b3d;}
/* home page */
.back-bg-white{display: none;position: absolute; top: 0px;left: 0px;width: 100%;height: 100%;background-color: #fff;z-index:99;opacity:.50;  filter: alpha(opacity=50);}
.main-bg{background: url(../images/cea_bg.png) no-repeat;background-size:100% 100%;background-color:#f5f5f5;text-align: center;float: left;position: relative;height:580px;max-width:580px;margin-right:30px;margin-bottom:20px;}
.main-bg-s{background: url(../images/cea_bg_s.png) no-repeat;background-size:100% 100%;background-color:#f5f5f5;text-align: center;float: left;position: relative;height:580px;max-width:580px;}
@media only screen and (max-width: 560px) {
	.main-bg,.main-bg-s{width:400px;height:400px;}
}
@media only screen and (width: 1024px) {
	.main-bg,.main-bg-s{width:100%;}
}
.main_category {position: absolute;color: #ff8b3d;display: block;font-size: 18px;line-height: 36px;top: 50%;left: 50%;z-index: 3;margin-left:-35px;margin-top:-15px;}
.main_category_sec{position: absolute;font-size:14px;color:#000;line-height: 36px;left: 255px;}
.main_category_sec dt a {color: #fff;width:70px;font-weight:400;}
.main-bg .main_category_sec dt a {width:70px;}

.main-bg .main_category_sec.c1{left:44%;top:12%;}
.main-bg .main_category_sec.c2{left:61%;top:16%;} .main-bg .main_category_sec.c13{left:27%;top:17%;}
.main-bg .main_category_sec.c3{left:74%;top:28%;}.main-bg .main_category_sec.c12{left:14%;top:27%;}
.main-bg .main_category_sec.c4{left:80%;top:44%;}.main-bg .main_category_sec.c11{left:8%;top:45%;}
.main-bg .main_category_sec.c5{left:78%;top:61%;}.main-bg .main_category_sec.c10{left:10.5%;top:62%;}
.main-bg .main_category_sec.c6{left:68%;top:75%;}.main-bg .main_category_sec.c9{left:20%;top:76%;}
.main-bg .main_category_sec.c7{left:53%;top:84%;}.main-bg .main_category_sec.c8{left:36%;top:82.5%;}

.main-bg-s .main_category_sec.c1{left:44%;top:12%;} .main-bg-s .main_category_sec.c7{left:44%;top:84.5%;}
.main-bg-s .main_category_sec.c2{left:62%;top:16%;}.main-bg-s .main_category_sec.c12{left:26%;top:17%;}
.main-bg-s .main_category_sec.c3{left:75.5%;top:30%;}.main-bg-s .main_category_sec.c11{left:13%;top:30%;}
.main-bg-s .main_category_sec.c4{left:80.2%;top:48%;}.main-bg-s .main_category_sec.c10{left:8%;top:48%;}
.main-bg-s .main_category_sec.c5{left:76%;top:66%;}.main-bg-s .main_category_sec.c9{left:13%;top:67%;}
.main-bg-s .main_category_sec.c6{left:62%;top:80%;}.main-bg-s .main_category_sec.c8{left:26%;top:80%;}
@media only screen and (max-width: 600px) {
	.main_category_sec dt a{font-size:6px !important;width:48px !important;}
	.main-bg .main_category_sec.c1{left:44%;top:11.5%;}
	.main-bg .main_category_sec.c2{left:61%;top:15.5%;} .main-bg .main_category_sec.c13{left:27%;top:15%;}
	.main-bg .main_category_sec.c3{left:74%;top:27%;}.main-bg .main_category_sec.c12{left:14%;top:26%;}
	.main-bg .main_category_sec.c4{left:80%;top:43.5%;}.main-bg .main_category_sec.c11{left:8%;top:44.5%;}
	.main-bg .main_category_sec.c5{left:78%;top:60.5%;}.main-bg .main_category_sec.c10{left:10.5%;top:61.5%;}
	.main-bg .main_category_sec.c6{left:68%;top:74.5%;}.main-bg .main_category_sec.c9{left:20%;top:75.5%;}
	.main-bg .main_category_sec.c7{left:53%;top:83.5%;}.main-bg .main_category_sec.c8{left:36%;top:82%;}

	.main-bg-s .main_category_sec.c1{left:44%;top:11%;} .main-bg-s .main_category_sec.c7{left:44%;top:84%;}
	.main-bg-s .main_category_sec.c2{left:62%;top:15.5%;}.main-bg-s .main_category_sec.c12{left:26%;top:16.5%;}
	.main-bg-s .main_category_sec.c3{left:75.5%;top:29.5%;}.main-bg-s .main_category_sec.c11{left:13%;top:29%;}
	.main-bg-s .main_category_sec.c4{left:80.2%;top:47.5%;}.main-bg-s .main_category_sec.c10{left:8%;top:47.5%;}
	.main-bg-s .main_category_sec.c5{left:76%;top:65.5%;}.main-bg-s .main_category_sec.c9{left:13%;top:65%;}
	.main-bg-s .main_category_sec.c6{left:62%;top:78.5%;}.main-bg-s .main_category_sec.c8{left:26%;top:78%;}
}
/*.main-bg .main_category_sec dt a {width:70px;}
.main-bg .main_category_sec.c1{left:256px;top:70px;}
.main-bg .main_category_sec.c2{left:352px;top:95px;} .main-bg .main_category_sec.c13{left:155px;top:95px;}
.main-bg .main_category_sec.c3{left:428px;top:160px;}.main-bg .main_category_sec.c12{left:82px;top:155px;}
.main-bg .main_category_sec.c4{left:463px;top:255px;}.main-bg .main_category_sec.c11{left:46px;top:260px;}
.main-bg .main_category_sec.c5{left:452px;top:355px;}.main-bg .main_category_sec.c10{left:59px;top:360px;}
.main-bg .main_category_sec.c6{left:396px;top:440px;}.main-bg .main_category_sec.c9{left:115px;top:440px;}
.main-bg .main_category_sec.c7{left:306px;top:485px;}.main-bg .main_category_sec.c8{left:208px;top:478px;}

.main-bg-s .main_category_sec.c1{left:255px;top:68px;} .main-bg-s .main_category_sec.c7{left:255px;top:490px;}
.main-bg-s .main_category_sec.c2{left:360px;top:92px;}.main-bg-s .main_category_sec.c12{left:150px;top:100px;}
.main-bg-s .main_category_sec.c3{left:437px;top:175px;}.main-bg-s .main_category_sec.c11{left:74px;top:175px;}
.main-bg-s .main_category_sec.c4{left:467px;top:282px;}.main-bg-s .main_category_sec.c10{left:45px;top:282px;}
.main-bg-s .main_category_sec.c5{left:438px;top:385px;}.main-bg-s .main_category_sec.c9{left:74px;top:386px;}
.main-bg-s .main_category_sec.c6{left:360px;top:465px;}.main-bg-s .main_category_sec.c8{left:150px;top:462px;}*/
.play-button {
  position: relative;
  width: 80px;
  height: 80px;
  z-index: 99;
}
.play-button:hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 10px;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 90px;
  height: 90px;
  background: #0e7eff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.main-bg-s .play-button:hover:before{background: #4eb7e1;}
.play-button:hover:after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 10px;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 90px;
  height: 90px;
  background: #0e7eff;
  border-radius: 50%;
  transition: all 200ms;
}
.main-bg-s .play-button:hover:after {background: #4eb7e1;}
.main_category_sec.c12 .play-button:hover:before,.main_category_sec.c8 .play-button:hover:before {top: 20px;}
.main-bg-s .main_category_sec.c12 .play-button:hover:before,.main-bg-s .main_category_sec.c8 .play-button:hover:before {top: 10px;}

.play-button:hover:after {
  background-color: transparent;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.tutorItemhoverbox a{color:#333;}
.tutorItemhoverbox a:hover,.tutorItemhoverbox a:focus{color:#005fcc;}
.textover{height:40px;position: relative;  overflow: hidden; line-height:20px;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2!important;-moz-box-orient: vertical;color:#666;}
.textover:after {background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 0%) repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 0;content: "...";padding: 0 5px 1px 10px;position: absolute;right: 0;color:#666;}
.shadowbox{background:#fff;border:1px solid #ddd \0;+border:1px solid #ddd ;-moz-box-shadow:0px 0px 8px #999;  -webkit-box-shadow:0px 0px 8px #999;  box-shadow:0px 0px 8px #999;  }
@-webkit-keyframes tIfetdanimation { 0%   { width:0px;} 100% { width:326px;} }
.tutorItemhoverbox{ position: absolute;top:-40px; width:266px; min-height: 100px;display: none;}
.tutorItemhoverbox-c{ position: absolute;top:5px;background: #fff; display: inline-block; text-align: left; width:230px;min-height: 100px;z-index: 2; overflow: hidden;border-radius:6px;}
.tutorItemhoverbox .inner{ padding: 5px 15px;background:#fff;}
.tutorItemhoverbox-c p{border-top:1px solid #ddd;text-align:center;padding:5px 0px 5px;}
.tutorItemhoverbox-c p:first-child{border-top:none;}
.tutorItemhoverbox b,.tutorItemhoverbox s{position:absolute;font-size:0;height:0}
.tutorItemhoverbox-left s{border:6px dashed transparent;border-right:9px solid #fff;top:50px;left:3px;z-index:12}
.tutorItemhoverbox-left b{border:7px dashed transparent;border-right:10px solid #ddd;top:50px;left:0px;z-index:11;}
.tutorItemhoverbox-left .tutorItemhoverbox-c{ left:17px;}
.tutorItemhoverbox-right s{border:6px dashed transparent;border-left:9px solid #fff;top:50px;right:3px;z-index:12}
.tutorItemhoverbox-right b{border:7px dashed transparent;border-left:10px solid #ddd;top:50px;right:0px;z-index:11;}
.tutorItemhoverbox-right .tutorItemhoverbox-c{ right:17px;}
.tutorItemhoverbox.tutorItemhoverbox-left{left:70px;}
.tutorItemhoverbox.tutorItemhoverbox-right{right:70px;}
.blur{-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);    
filter: blur(5px);}
.main_category_sec:hover .tutorItemhoverbox{display:block;animation:tIfetdanimation 0.2s;  -webkit-animation:tIfetdanimation 0.2s;  animation-fill-mode: forwards; z-index:999;}
.index-brand{width:100%;border:1px solid #ddd;height:62px;}
.brand-title{background-color:#f8f8f8;text-align:center;font-size:18px;color:#333;float:left;height:60px;padding:15px 0px 0px;width:120px;}
.brand-more{font-size:14px;padding-top:20px;text-align: right;}
@media only screen and (min-width: 768px) {
	.brand-more{padding-right:20px;width:12%;}
}
@media only screen and (min-width: 1025px) {
	.brand-more{padding-right:20px;width:6%;}
}
.als-container{position:relative;margin:0 auto;}
.als-viewport{position:relative;overflow:hidden;margin:0 auto;}
.als-wrapper{position:relative;list-style:none}
.als-item{position:relative;display:block;text-align:left;cursor:pointer;float:left;}
.als-next,.als-prev{position:absolute;cursor:pointer;clear:both; top:0}
.als-container .als-item{margin-right:10px;}
.als-container .als-item img{position:relative;display:block;vertical-align:middle;margin-bottom:0px;width:120px;height:60px;padding:8px;}

.brand-page .doc-imgfocus,.brand-page .doc-imgfocus ul li{width:1190px;height:450px;}
.brand-page .doc-imgfocus{overflow:hidden;position:relative;}
.brand-page .doc-imgfocus ul{position:absolute;width:5000em;list-style-type:none;}
.brand-page .doc-imgfocus ul li{float:left;position: relative;}
.brand-page .doc-imgfocus .arrow{ position: absolute; right: -10px; top:0px; width: 40px; padding: 0 15px; text-align: center;}
.brand-page .doc-imgfocus .triggers{ display: none}
.brand-page .imglists {
    width: 180px;
    height: 90px;
    position: relative;
    margin-top: 10px;
    margin-right: 19px;
    float: left;
    text-align: center;
    background-color: #fff;
}
.brand-page .imglists:nth-child(6n){margin-right:0px;}
.brand-page .imglists:hover,.brand-page .imglists:focus{border: 1px solid #ff8b3d;}
.brand-page .imglists img{width: 180px; height: 90px;padding: 5px;}
.brand-page .arrow .num{font-size:14px;color:#666;}
.brand-page .arrow .als-prev, .arrow .als-next{ border: 12px solid transparent;display: inline-block;height: 0px;width: 0px;position: absolute;cursor:pointer;top:3px;}
.brand-page .arrow .als-prev{border-right-color: #1b252f; left: 20;right:40px;  }
.brand-page .arrow .als-prev.dis{border-right-color: #999999; background: none !important; }
.brand-page .arrow .als-next{border-left-color: #1b252f;right:0;}
.brand-page .arrow .als-next.dis{border-left-color: #999999;background: none !important; }
@media only screen and (max-width: 768px) {
	.brand-page .doc-imgfocus .arrow{right:40px;}
	.brand-page .doc-imgfocus,.brand-page .doc-imgfocus ul li{width:768px;height:800px;}
}
@media only screen and (max-width: 600px) {
	.brand-page .doc-imgfocus .arrow{right:50px;}
	.brand-page .doc-imgfocus,.brand-page .doc-imgfocus ul li{width:440px;height:960px;}
	.brand-page .imglists,.brand-page .imglists img{width: 180px; height: 80px;}
}
/*
.brand-page .als-prev{margin-right:14px;}
.brand-page .als-prev,.brand-page .als-next{width:10px;height:10px;top:5px;}
.brand-page .icon-left-arrow{border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #1b252f;}
.brand-page .icon-right-arrow{border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #1b252f;}
*/
.brand-px {width: 100%; height: 32px;background: #fff;border-bottom: 1px solid #ddd;}
.brand-px li{width:3.2%;font-size: 14px;color:#333;line-height: 32px;text-align: center;cursor:pointer;}
.brand-px li a{color:#333;cursor:pointer;}
.brand-px li.active,.brand-px li:hover,.brand-px li:focus{background-color:#3392ff;color:#fff;margin-top:-1px;}
.brand-px li.active a,.brand-px li:hover a,.brand-px li:focus a{color:#fff;}
.brand-px-f{padding-left:10px;padding-top:3px;background:#f8f8f8;width:9% !important;height:30px;}
@media only screen and (max-width: 768px) {
	.brand-px li{width:2.7%;}
	.brand-px-f{width:13.8% !important;}
	.brand-px-o{width:8% !important;}
}
@media only screen and (max-width: 600px) {
	.brand-px{min-height:180px;}
	.brand-px-f{width:30% !important;}
	.brand-px li{width: 15% !important;}	
}
.brand-list{padding:0px 20px 40px;}
.brand-list li {
    float: left;
    border: 1px solid #ddd;
    width: 160px;
    height: 80px;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: center;
}
.brand-list li img{width:160px;height:80px;padding:5px;}
.brand-list li:hover,.brand-list li:focus{border: 1px solid #3392ff;}

.brand-tab-content{display:none;}
.brand-tab-content.active{display:block;}
.brand-tab{border-bottom:1px solid #ff8b3d;margin-top:30px;}
.brand-tab li{float:left;width:12%;font-size:14px;text-align:center;color:#666;}.brand-tab li a{color:#666;}.brand-tab li.active{font-weight:700;}
.brand-tab li.active a,li:hover a,li:focus a{color:#ff8b3d;}
.brand-tab li .icon-top-arrow{display:none;margin-left:45%;margin-top:5px;margin-bottom:0px;}
.brand-tab li.active .icon-top-arrow,.brand-tab li:hover .icon-top-arrow,.brand-tab li:focus .icon-top-arrow{border-bottom-color:#ff8b3d;border-top-color:#ff8b3d;display:block;}
.brand-intro{padding:10px 20px 40px;font-size:14px;}.brand-intro h5{margin-bottom:5px;}.brand-intro img{width:200px;height:100px;}
/*.brand-intro p{height:78px;overflow:hidden;}*/
.brand-intro p,.brand-intro span{color:#666;}
.brand-intro.box-shadow{padding:30px 40px;margin-bottom:20px;}
.brand-intro.box-shadow img{width:200px;height:100px;}
.line{position: absolute;height: 70px;width: 1px;background: #ddd;margin-top:10px;margin-left:30px;}
@media only screen and (width: 1024px) {
	.brand-intro .entry-content.col-md-9{width:70%;margin-left:30px;}
}
@media only screen and (max-width: 768px) {
	.brand-tab li{width:20%;}
}
@media only screen and (max-width: 600px) {
	.brand-list li{max-width:162px;margin-right:10px;}.brand-list li:nth-child(2n){margin-right:0px;}
}
ul{margin:0;padding:0;list-style:none;}  
.tbl{display:table;border-collapse:collapse;width:100%;text-align:center;color:#333;font-size:14px;margin-top:10px;border-top:1px solid #333;border-right:1px solid #333;} 
.tbl-row-group{display:table-row-group;}  
.tbl-row{display:table-row;}  
.tbl-cell{display:table-cell;padding:10px 5px;width:12%;height:40px;border-left:1px solid #333;border-bottom:1px solid #333;word-wrap:break-word;}
.tbl-row .tbl-cell:nth-child(3n){width:52%;}
.tbl-row-group .tbl-row:hover{background:#f6f6f6;}
.tbl-header .tbl-cell{font-weight:700;}
.tab-product table{width:100%;text-align:left;color:#333;font-size:14px;margin-top:10px;} 
.tab-product table tr td{padding:12px 15px;width:12%;height:40px;word-wrap:break-word;font-size:13px;}
.tab-product table tr td:first-child{width:6%;}
table tr{background-color: #fff;}
table tr:nth-child(2n+1){background-color: #f5f5f5;}
table tr.tbl-header{background-color: #3392ff;color: #fff;}table tr.tbl-header td{font-size:14px;}
table tr:hover,table tr:active {background-color: #e5f1ff;}
table tr.tbl-header:hover,table tr.tbl-header:active {background-color: #3392ff;}
.btn-view{/*background-color:#3392ff;*/border:1px solid #3392ff;border-radius:20px;padding:3px 15px;color:#3392ff !important;font-size:12px;}
.news-list .btn-category{padding-right: 6px;height: 22px;background-color: #3392ff;position: relative;color:#fff !important;font-size:12px;padding-left:6px;margin-right:20px;}
.news-list .btn-category:after{border: solid transparent;content: ' ';height: 0;left: 100%;position: absolute;width: 0;}
.news-list .btn-category:after{border-width: 5px;border-left-color: #3392ff;top: 5px;}
.news-list .btn-category:hover,.news-list .btn-category:focus{background: #ff8b3d;-webkit-transition:all .5s cubic-bezier(0.4, 0, 1, 1);transition: all .5s cubic-bezier(0.4, 0, 1, 1);}
.news-list .btn-category:hover:after,.news-list .btn-category:focus:after{border-left-color: #ff8b3d;-webkit-transition:all .5s cubic-bezier(0.4, 0, 1, 1);transition: all .5s cubic-bezier(0.4, 0, 1, 1);}
.btn-buy{/*background-color:#1b252f;*/border:1px solid #3392ff;border-radius:20px;padding:3px 15px;color:#3392ff !important;font-size:12px;}
.btn-view:hover,.btn-view:focus,.btn-buy:hover,.btn-buy:focus{background: #ff8b3d;color: #fff !important;-webkit-transition:all .5s cubic-bezier(0.4, 0, 1, 1);transition: all .5s cubic-bezier(0.4, 0, 1, 1);}
@media only screen and (max-width: 768px) {
	.tbl-cell{min-height:120px;width:14%;}
	.tbl-row .tbl-cell:nth-child(3n){width:44%;}
	.tbl-header .tbl-cell {min-height:50px;}
}
@media only screen and (max-width: 600px) {
	.tab-product table tr td{padding:12px 2px;}
}
.news-list .pagination {margin:40px 0px;}
.news-list{padding:0px 20px 20px;}.news-list article{border-bottom:1px solid #ddd;padding:20px 0px;}
.news-list article h2{font-weight:400;font-size:18px;color:#333}
.news-list .btn-view{border-radius:0px;margin-right:10px;}
@media (min-width: 1025px){
	.news-list .entry-content{margin-left:-35px;}
}
.news-list img{max-width:210px;height:140px;}.news-list .entry-content p,.news-list .entry-content a{font-size:14px;}
.news-list p.cgray{color:#666;font-size:12px;}
.item-tip {position: absolute;width: 210px;height: 140px;display: block;top: 0;left: 0;display: block;}
.s-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;display: inline-block;background: rgba(0,0,0,0.3);}
.icon-radio {position: absolute;top: 50%;left: 50%;margin-left: -30px;margin-top: -30px;z-index: 2;width: 60px;height: 60px;display: inline-block;background: url(../images/icon-radio.png) no-repeat;}
@media only screen and (max-width: 768px) {
	.news-list .entry-content.col-sm-9{margin-left:60px !important;width: 65%;padding-left:0px !important;}.news-list .entry-content h2{margin-top:10px;}
}
@media only screen and (max-width: 600px) {
	.news-list .entry-content.col-sm-9{margin-left:0px !important;width: 100%;}
}
.tab-message{background-color:#f5f5f5;padding:40px 0px;text-align:center;}
.dl-tbl{background-color:#fff;padding:40px;font-size:14px;display:inline-block;width:66.66666667%;text-align:left;}
.dl-tbl dl{width:100%;font-size: 14px;}.dl-tbl dt em { color: #ff0000;margin-right: 5px;}
.dl-tbl dt{display: inline-block;width: 20%;vertical-align: top;text-align: right;font-weight:400;}
.dl-tbl dd{position: relative;display: inline-block;vertical-align: middle;margin-left:10px;}
.dl-tbl input{height: 38px;width:330px;border: 1px solid #ddd;font-size:14px;margin-top:-8px;}
.dl-tbl textarea{border: 1px solid #ddd;width:430px;padding: 10px;font-size:14px;}
.dl-tbl .sub-btn .button{background-color:#ff8b3d;color:#fff;padding:8px 45px;font-size:16px;border:none;}
@media only screen and (max-width: 768px) {
	.dl-tbl{width:90%;padding:40px 20px;}
}
@media only screen and (max-width: 600px) {
	.dl-tbl dt{width:100%;text-align:left;}.dl-tbl input{margin-top:5px;width:280px;}.dl-tbl textarea{margin-top:5px;width:280px;}
}
/* search drop */
.search_show{border:1px solid #ddd;border-top:none;background-color:#f5f5f5;height:200px;position: absolute;
width:330px;margin-top:30px;overflow-y:auto;z-index:6;display:none;}
.search_show li{width:100%;float:left;font-size:14px;color:#999;padding:5px 10px;cursor:pointer;}
.search_show li:hover,.country-list ul li:focus{background-color: #1a6dff;color:#fff;}
.search_show li:hover a,.country-list ul li:focus a{color:#fff;}
.sale-logo{width:100%;border-bottom: 1px solid #ddd;padding:25px;}
.sale-page section{margin-bottom:0px !important;}
.area-list{max-width: 120px;display: flex;position:fixed;margin-left: -40px;margin-top:20px;z-index:9999;}
.area-list.fixed{top:0px;}
.area-list li{width:100%;float:left;border:1px solid #707070;font-size:16px;color:#707070;
text-align:center;padding:5px 0px;cursor:pointer;margin-bottom:5px;}
.area-list li a{color:#707070;width:100%;}
.area-list li:hover,.area-list li:focus,.area-list li.active{background:#1473D3;color:#fff;border-color:#1473D3;}
.area-list li:hover a,.area-list li:focus a,.area-list li.active a,.cfff{color:#fff !important;}
.sale_title span{font-size:20px;color:#1A1311;padding:20px 0px 10px;border-bottom:1px solid #707070;width:28%;display:block;margin-bottom:15px;}
.sale_list{margin-top:100px;}.sale_list:first-child{margin-top:-200px;}
.sale_list ul{width: 100%;display: inline-block;position: relative;}
/* sale-page */
.sale-page .banner-bg{margin-top:-12px;}
.sale-page section.container.mt40:first-child{margin-top:200px;}
.sale-page h4{font-size:18px;color:#1A1311;margin-bottom:20px;margin-top:20px;}
.sale-page h5{font-size:16px;margin-bottom:10px;color:#1A1311;}.sale-page p{line-height:24px;color:#1A1311;}
.sale_list li{margin-bottom:20px;padding-right:70px;height:140px;}.sale_list .iTopic{display:block;}
@media only screen and (max-width: 768px) {
	.sale_list{margin-top:0px;}
	.sale_list#area_south{margin-top:-60px;}
	
	.sale_list li{padding-right:0px;}
	.sale_list:first-child{margin-top:0px;}
	.sale-map{margin-top:20px;}
	.sale-page section.container.mt40:first-child{margin-top:0px;}
}
.sale-dots-list div[class^="s-play-button"]{width:20px;height:20px;z-index:99;position:absolute;cursor:pointer;border-radius:50%;}
.s-play-button {
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 99;
}
.s-play-button:hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 10px;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background: #ff6600;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.s-play-button:hover:after {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 10px;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background: #ff6600;
  border-radius: 50%;
  transition: all 200ms;
}
.s-play-button:hover:after {background-color: transparent;}
.sale-dots-box{position:absolute;margin-top:30px;margin-left:-173px;color:#999;line-height:22px;}
.sale-dots-box h5{font-size:18px;font-weight:400;}.sale-dots-box p{color:#999;line-height:22px;}
.sale-dots-box .inner{font-size: 14px;text-align: left;padding: 15px;width: 350px;overflow: hidden;background: #f9f9f9;line-height: 22px;border: 1px solid #e2e2e2;border-radius: 5px;position: relative;z-index: 10;color: #333;}
.sale-dots-box b,.sale-dots-box s{position:absolute;font-size:0;height:0}
.sale-dots-box s{border: 8px dashed transparent; border-bottom: 8px solid #f9f9f9;top: -15px;left: 176px;z-index:12}
.sale-dots-box b{border: 9px dashed transparent;border-bottom: 9px solid #b6b6b6;top: -17px;left: 175px;z-index:11;}
.sale-dots-box{display:none;}
.sale-dots-list .s-play-button:hover .sale-dots-box{display:block;animation:tIfetdanimation 0.2s;  -webkit-animation:tIfetdanimation 0.2s;  animation-fill-mode: forwards; z-index:99;}
/* application page */
.application-list li{float:left;text-align:center;font-size:14px;color:#333;background: url(../images/a-list.png) no-repeat;
width:210px;height:38px;margin-bottom:10px;border:1px solid #c2d4da;padding-top:6px;}
.application-list li a{font-size:14px;color:#333;}
.application-list li:hover,.application-list li:focus{border:1px solid #ff8b3d;}
.application-list li:hover a,.application-list li:focus a{color:#ff8b3d;}
.application-right{padding-left:30px;}
@media only screen and (max-width: 768px) {
	.area-list{display:none;}
	.application-right{padding-left:0px;}
	.application-list li{width:180px;margin-right:10px;}
}
.application-page .news-list{padding:0px 0px 20px;}
.application-page .news-list .entry-content{margin-left:0px;padding-left:10px;}
.application-page .application-intro .title-section{margin-bottom:30px;}
 
/* application-detail-page */
.application-detail-page .content{padding-left:50px;padding-right:50px;}
.application-detail-page .application-diagram{min-height:340px;}
.application-detail-page .application-diagram .content{text-align:center;width:100%;min-height:150px;padding-top:20px;position:relative;float:left;}
.i-row{width: 50px;height: 10px;background-color: #5b9bd5;position: relative;border: 1px solid #41719c;position:relative;display:inline-block;border-left:none;}
.application-detail-page .application-diagram .diagram{display:inline-block;background-color:#5b9bd5;text-align:center;color:#fff;margin-right:20px;margin-bottom:20px;
font-size:18px;width:100px;height:50px;border-radius:6px;padding-top:10px;float:left;position:absolute;}
.application-detail-page .application-diagram .diagram.big{width:200px;height:100px;padding-top:40px;float:left;position:absolute;top:50%;}
.i-row:after, .i-row:before {border: solid transparent;content: ' ';height: 0;width: 0;left: 100%;position: absolute;}
.i-row:after {border-width: 10px;border-left-color: #5b9bd5;top: -5px;}
.i-row:before {border-width: 12px;border-left-color: #41719c;top: -7px;}
.application-brand .brands{padding:20px 50px;}.application-brand .brand-title{height: 80px;width:120px;padding-top:25px;border-right:1px solid #ddd;}
.application-brand .brands .als-container{border:1px solid #ddd;height: 82px;width:100%;margin-bottom:20px;}
.application-brand li{height: 80px;width:160px;}
.application-brand .als-container .als-item img{width:160px;height:80px;border-right:1px solid #ddd;}
.als-next,.als-prev{position:absolute;cursor:pointer;clear:both; top:0}
.application-brand .als-next,.application-brand .als-prev{top:50%; margin-top: -10px}
.application-brand .als-prev{left:140px}
.application-brand .als-next{right:20px}
@media only screen and (max-width: 600px) {
	.application-detail-page .application-diagram .diagram{font-size:14px;width:50px;height:25px;padding-top:3px;}
	.application-detail-page .application-diagram .diagram.big{width:100px;height:50px;padding-top:20px;}
	.application-detail-page .application-diagram .diagram.big.one{margin-left:-40px !important;}	
	.application-detail-page .application-diagram .diagram.big.more{margin-left:80px !important;}	
	.application-detail-page .application-diagram .diagram.big.more:nth-child(2n){margin-left:-10% !important;}
	
	.application-detail-page .content{padding-left:0px;padding-right:0px;}
	.application-brand .brands{padding:20px 0px;}
}
.imgfocus-adv{overflow:hidden;position:relative;margin-top:-1px;}
.imgfocus-adv ul{position:absolute;width:5000em}
.imgfocus-adv ul li{float:left;position: relative;}
.imgfocus-adv:hover .main-focus-btn{display: block;}
.imgfocus-adv .triggers{display: inline-block;position: absolute;bottom: 30px;left: 0;width: 100%;height: 20px;vertical-align: middle;text-align: center;}
.imgfocus-adv .triggers a{display: inline-block;font-size: 0;margin: 0 5px;width: 14px;height: 14px;border-radius: 50%;background: #ccc;line-height: 14px;background:rgba(255,255,255,0);}
.imgfocus-adv .triggers a.current{background:#007aff;}
.imgfocus-adv .main-focus-btn {position: absolute;top: 50%;z-index: 10;display: none;margin-top: -30px;width: 24px;height: 4pc;background: rgba(0,0,0,.2);}

.brands-box{padding-bottom:100px;}
.brand-list div{width:100%;display:inline-block;}
.brand-list h3{font-size:20px;margin-bottom:5px;background-color:#ECECEC;line-height:40px}
.new-brands{z-index:9;width: 100px;}
.new-brands.fixed{position:fixed;top:0px;}
.new-brands ul li{float:left;height:19px;line-height:19px;width: 100%;width:100px;text-align: center;background-color: #ECECEC;border-top: 1px solid #fff;cursor:pointer;}
.new-brands ul li.active,.new-brands ul li:hover,.new-brands ul li:focus{background-color: #0178ff;}
.new-brands ul li a{color:#666;width:100%;}
.new-brands ul li.active a,.new-brands ul li:hover a,.new-brands ul li:focus a{color:#fff;}
.footer-copyright{position:relative;}
.footer,.footer-copyright{z-index:99999;}
@media only screen and (max-width: 600px) {
	.brands-box .new-brands ul{display:none;}
	.brands-box .col-xs-11{width:100% !important;}
	.brand-list {padding: 10px 0px;}
}