body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin: 0; padding: 0;box-sizing: border-box;}
/* Resetting HTML5! */
section, article, aside, header, footer, nav, dialog, figure {display:block;}
body{font:14px/2 tahoma,arial,Microsoft Yahei,'微软雅黑';word-wrap:break-word;color:#333;background:#FFF;}
abbr,acronym{ border: 0; font-variant: normal; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; }
caption,th{ text-align: left; }
fieldset,img{ border: none; }
h1{ font-size: 150%; }
h1,h2,h3{margin: 1em 0; }
h1,h2,h3,h4,h5,h6,strong{ font-weight: bold; }
h2{ font-size: 135%; }
h3{ font-size: 120%; }
h4{font-size:110%;}
h5{font-size:100%;}
img,input,textarea,button{vertical-align:middle;}
input,textarea,select{font-family: inherit; font-size: inherit; font-weight: inherit;*font-size: 100%;}
textarea{line-height:1.3em;padding:3px 4px;resize: none;}
legend{ color: #000; }
li{ list-style: none;}
q:before,q:after{content: '\20'; }
sub{ vertical-align: text-bottom; }
sup{ vertical-align: text-top; }
table{ border-collapse: collapse; border-spacing: 0;}
pre,code,kbd,samp,tt{ font-family: monospace; *font-size: 108%; line-height: 100%; }
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

a:link,a:visited{font-size:inherit;color:#4C4C4C;text-decoration:none;}
a:hover,a:active{text-decoration:underline;color:#d61518;}
.wrapper:after,.inner:after,#topbar:after,#header:after,#bodyer:after,#footer:after,section:after,.mainbar:after,.sidebar:after,.hd:after,.bd:after,.sidebox:after,.mainbox:after,.subbox:after,.midbox:after{content:"\0020";height:0;visibility:hidden;display:block;clear:both;}
.wrapper,.inner,#topbar,#header,#bodyer,#footer,section,.mainbar,.sidebar,.hd,.bd,.sidebox,.mainbox,.subbox,.midbox{display:inline-block;zoom:1;}
.wrapper,.inner,#topbar,#header,#bodyer,#footer,section,.mainbar,.sidebar,.hd,.bd,.sidebox,.mainbox,.subbox,.midbox{display:block;}
.wrapper,.topbox{margin:0 auto;clear:both;}
.wrapper{margin:0 auto;}
.wrapfix{*zoom:1;}
.wrapfix:after{content:"\20";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{clear:both;display:block;overflow:hidden;visibility:hidden;width:0px;height:0px;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display:;}
.tcenter{text-align:center;}
.ipt-txt{background:#FFFFFF;border:1px solid #C9B990;border-radius:4px;line-height:18px;padding:5px;}
.ipt-mtxt{background:#FFFFFF;border:1px solid #C9B990;border-radius:4px;line-height:18px;padding:5px;}
.ipt-txt:hover,.ipt-mtxt:hover,.ipt-txt:focus,.ipt-mtxt:hover:focus{border-color:#E88B05;}

/*Leading*/
.swiper-button-prev,.swiper-button-next{opacity: 0.3;filter: opacity(0.3);}
.swiper-button-prev:hover,.swiper-button-next:hover{opacity: 1;filter: opacity(1);}

.slider,.fslider{position:relative;}
.fslider{width:100%;}
.fslider .fimgs{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fslider .fimgs ul{width:100% !important;}
.fslider .fimgs ul li{float:left;width:100% !important;overflow:hidden;text-align:center;}
.fslider .fimgs ul li a{display:block;height:100%;}
.sctrl{position:absolute;z-index:99;left:0;bottom:10px;height:22px;padding-top:8px;text-align:center;width:100%;opacity:0.6;_filter:alpha(opacity=60);}
.sctrl li{display:inline-block;*display:inline;zoom:1;width:14px;height:14px;line-height:99px;overflow:hidden;background:url(../images/switch.png) 0 -70px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.sctrl li.on{background-position:0 -90px;filter:alpha(opacity=100);opacity:1;}

.fslider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:580px;cursor:pointer;}
.fslider .prev{left:-50%;margin-left:-600px;}
.fslider .next{left:50%;margin-left:600px;}
.fslider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:60px;filter:alpha(opacity=0);opacity:0;}
.fslider .pnBtn .arrow{display:none;position:absolute;top:0;z-index:1;width:60px;height:60px;}
.fslider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.6;}
.fslider .prev .arrow{right:0;background:url(../images/slider-arrow.png) -120px center no-repeat;}
.fslider .next .arrow{left:0;background:url(../images/slider-arrow.png) 0 center no-repeat;}

.slidectrl{position:absolute;width:100px;height:20px;bottom:10px;left:50%;margin-left:-50px;text-align:center;z-index:99;}
.switcher{display:inline-block;background:rgba(255, 255, 255, 0.3);text-align:center;font-size:0;border-radius:10px;padding:3px 6px;}
.switcher li{float:left;width:14px; height:10px; overflow:hidden; text-indent:-80px; cursor:pointer; background:url("../images/switch.png") 2px -10px no-repeat;}
.switcher li.on{background-position:2px 0;}

.switch .hd .prev,.switch .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}
.switch .hd .next{ background-position:0 -50px;}
.switch .hd .prevStop{ background-position:-60px 0;}
.switch .hd .nextStop{ background-position:-60px -50px;}
.switch{position:absolute;bottom:10px;right:10px;z-index:99;height:16px;}
.switch ul{float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.switch li{float:left;width:10px; height:10px; overflow:hidden; margin-right:8px; text-indent:-999px; cursor:pointer; background:url("../images/slider-btn.png") 0 -10px no-repeat; }
.switch li.on{background-position:0 0; }

.xcont{color:#333;line-height:28px;font-size:14px}
.xcont a{font-size:14px;color:#4C33E5;}
.xcont p {margin: 0 0 0.6em; line-height:28px;}
.xcont ul { margin: 1em 0; padding-left: 30px; }
.xcont ul li { list-style-type: disc; line-height:22px; }
.xcont ol { margin: 1em 0; padding-left: 40px; }
.xcont ol li { list-style-type: decimal; line-height:22px; }
.xcont table { border-collapse: separate; border-spacing: 1px; white-space: normal; }
.xcont td { padding: 5px; margin: 8px; line-height: normal; line-height:22px; }
.xcont em { font-style: italic; }
.xcont pre { margin: 8px; }
.xcont img{max-width:100%;}
.content {line-height:1.8;word-wrap: break-word;overflow: hidden;}

/*Pager Style*/
.pagebox{clear:both;padding:12px 0;}
.pagers{text-align:center;}
.pagers a,.pagers .cpb,.pagers span{display:inline-block;height:28px;line-height:28px;padding:0 10px;color: #444; margin-right:6px;text-decoration:none;border-radius:4px;background:#B3B3B3;color:#666;}
.pagers a:hover{background:#EEE;color:#222;text-decoration:none;cursor:pointer;}
.pagers span.cpb {background:#555555;color: #999;font-weight:bold;}
.pagers span.disabled{color:#BBB;background:#555555;}


.wrapper{margin:0;}
.page-home,.page-bg{padding-top:73px;min-width:1080px;}

.header{height:72px;position:fixed;top:0;left:0;right:0;z-index:99;overflow:hidden;border-bottom:4px solid #37AEA2;}
.header .mask{height:72px;position:absolute;top:0;left:0;right:0;z-index:9;background:#FFF;opacity: 0.9;}
.header .inner{position:relative;z-index:100;margin:0 auto;height:74px;width:1080px;}
h1.logo{margin:0;padding:0;width:300px;height:72px;position:absolute;z-index:100;left:10px;top:6px;}
h1.logo a{display:block;width:100%;height:100%;background:url(../images/logo.png) 0 5px no-repeat;text-indent:-1000px;overflow:hidden;}

.navbar{padding-left:320px;}
.navbox{border-bottom:none;}
.navbox ul{zoom:1;height:72px}
.navbox li{z-index:9999;height:72px;position:relative;float:left;}
.navbox li:last-child{background:none;}
.navbox li a.nav{display:block;height:72px;padding:0 18px;line-height:72px;font-size:14px;text-align:center;color:#222;white-space:nowrap;box-sizing: border-box;}
.navbox li a.nav:hover,.navbox li.actived a{background:#37AEA2;color:#FFF;text-decoration:none;}
.navbox li:after{position:absolute;right:0;top:30px;content:"\20";display:inline-block;width:1px;font-size:0;height:24px;}

.navbox dl{z-index:9999;position:absolute;left:0px;top:35px;width:82px;text-align:left;background:#000;padding:10px 0;display:none; opacity: 0.4;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;}
.navbox dl dd{height:26px;line-height:26px;text-align:center;}
.navbox dl dd a:link,.navbox dl dd a:visited{color:#EEE;display:block;}
.navbox dl dd a:hover{background:#3E3E3E;text-decoration:none;}
.header .lang{position:absolute;top:22px;right:0;z-index:9;font-size:12px;color:#222;}
.header .lang a{display:inline-block;color:inherit;width: 60px;font-size:inherit;border: 1px solid #B5B5B5;text-align: center;}
.header .lang a:hover{text-decoration: none;}
.header .lang a.active{background-color: #F8CBCB;}
.header .lang a:first-child {border-right: none;border-radius: 4px 0px 0px 4px;}
.header .lang a:last-child {border-left: none;width: 64px;border-radius: 0px 4px 4px 0px;}


@-moz-keyframes tipmove {
	0% {bottom:10px;opacity:0.4}
	50% {bottom:15px;opacity:1}
	100% {bottom:20px;opacity:0.4}
}
@-webkit-keyframes tipmove {
	0% {bottom:10px;opacity:0.4}
	50% {bottom:15px;opacity:1}
	100% {bottom:20px;opacity:0.4}
}
@keyframes tipmove {
	0% {bottom:10px;opacity:0.4}
	50% {bottom:15px;opacity:1}
	100% {bottom:20px;opacity:0.4}
}

.footer{margin:0 auto;background:#3C3C3C;min-width: 1080px;}
.footer .inner{width:1080px;position:relative;margin:0 auto;padding:40px 0 15px;color:#C2C2C2;}
.ft-info{margin:0;padding:0 0 30px;}
.ft-wchat{position: absolute;right:50px;top:30px;width:96px;height:96px;background:url(../images/qr-wchat.png) 0 0 no-repeat;padding-top:106px;}
.ft-wchat p{text-align: center;}
.footer-nav{text-align: left;padding:0 50px;}
.footer-nav dl{position:relative;float:left;margin-right:50px;padding:0 10px 0 8px;}
.footer-nav dl dt a{color:#C2C2C2;}
.footer-nav dl dd a{display:block;color:#888;font-size:12px;}


.crpt{position:relative;margin-top:10px;color:#888;font-size:12px;text-align:right;border-top:1px solid #575A5B;padding-top:16px;}
.crpt a{color:inherit;}
.ft-tel{position: absolute;top:12px;left:10px;padding-left:56px;background:url(../images/tel.png) 0 2px no-repeat;text-align: left;}
.ft-tel h5{font-size:14px;margin:0;font-weight:normal}
.ft-tel p{font-size:16px;margin:0;padding:0;font-weight:bold;line-height:18px;}
.soft-support,.soft-support a{font-size:10px;color:#888;}

.scroll{zoom:1;overflow:hidden;}
.scroll .prev,.scroll .next{display:block;text-indent:-200px;overflow:hidden;width:18px;}
.scroll .prev {background: url("../images/scroll.gif") no-repeat scroll 0 center transparent;float: left;}
.scroll .next{background:url("../images/scroll.gif") no-repeat scroll right center transparent;float:right;}

.page-err{width:1200px;margin:0 auto;padding:40px 0;}
.errmsg{width:400px;height:200px;margin:0 auto;padding-left:172px;background:url("../images/err.jpg") 0 0 no-repeat;}
.errmsg h3{font-size:18px;padding-top:20px;}
.errmsg .txt{font-size:14px;}

.br-bg{border:#cadae7 1px solid;background:#fafdff;}
.bodyer{background:#F2F2F2;min-width: 1080px;}
.fluid{background:#FFF;margin:20px auto 0;min-width: 1080px;}
.fluid.odd{margin:0;}
.fluid.even{margin:0;}
.bodyer .section{width:1080px;margin-left:auto;margin-right:auto;}
.fluid .section{width:1080px;padding:20px 0;}
/*index news*/
.page-lead{width:100%;height:100%;}
.index-pros{padding:20px 0 0;}
.index-pros .hder{position: relative;border-bottom:1px #CCC solid;height:60px;}
.index-pros .hder h3{margin:0;padding:0;display:inline-block;width:100px;line-height:58px;text-align:center;border-bottom:3px #37AEA2 solid;}
.index-pros .hder .plus-cate{position: absolute;right:0;bottom:12px;}
.index-pros .hder .plus-cate a{padding:0 15px;}
.ipros{padding:30px 0 0;}
.ipros ul{margin:0 -15px;}
.ipros .item{float:left;width:320px;background:#FFF;margin:0 15px 20px;text-align:center;}
.ipros .item img{max-width:100%;height:340px;}
.ipros .item h5{margin-top:6px;line-height:24px;font-weight:normal;padding:0 0 20px;}

.iabout{margin-right:0;}
.iabout .item{float:left;width:320px;text-align:center;padding:30px;box-sizing: border-box;}
.iabout .item .icon {display: block;width: 80px;height: 80px;margin:0 auto;border:2px solid transparent;}
.iabout .item .icon.icon-me {background: url(../images/me.png) 0 0 no-repeat ;}
.iabout .item .icon.icon-doc {background: url(../images/article.png) 0 0 no-repeat ;}
.iabout .item .icon.icon-service {background: url(../images/service.png) 0 0 no-repeat ;}
.iabout .item .icon.icon-download {background: url(../images/download.png) 0 0 no-repeat;}
.iabout .item a{display:block;}
.iabout .item a:hover .icon{border:2px #38AEA2 solid;border-radius: 80px;}
.iabout .item a:hover{text-decoration: none;}
.iabout .item .txt{color:#999;}

.bodyer.page-sub{padding:0 0 20px;}

.banner{min-width:1080px;margin:0 auto;}
.location{position:relative;background:#FFF;border:0 #dfe0e2 solid;height:45px;z-index:1;box-shadow: 1px 2px 6px #CCC;}
.subnav{width:1000px;margin:0 auto;}
.subnav ul{text-align:center;margin:0;}
.subnav ul li{display:inline-block;height:45px;line-height:45px;margin:0;*display:inline;*zoom:1;}
.subnav ul li a{display:block;padding:0 16px;height:100%;font-size:16px;}
.subnav ul li a.actived,.subnav ul li a:hover{background:#38AEA2;color:#FFF;text-decoration:none;}

.position{padding:20px 0 0;font-size:12px;}

.bodyer .page-cont,.bodyer .ui-download{margin:30px auto 0;padding:10px 40px 40px;box-sizing:border-box;background:#FFF;}
.phead{padding:10px 0 0;border-bottom:1px #EEE solid;margin-bottom:30px;clear:both;}
.phead::after{clear:both;height:0;font-size:0;overflow: hidden;content: "\20"}
.phead h2{display:inline-block;*display:inline;*zoom:1;margin:0;height:44px;line-height:44px;color:#333;font-size:18px;border-bottom:3px #d7a449 solid;padding:0 12px;}


.page-cont .hder{padding:10px 0 0;border-bottom:1px #EEE solid;}
.page-cont .hder h2{display:inline-block;margin:0;height:44px;line-height:44px;color:#333;font-size:18px;border-bottom:3px #d7a449 solid;padding:0 12px;}
.contbox{padding:30px 0;}


/*channel feedback*/
.ui-gbs{padding:30px 0;}
.gbs{padding:30px 0;border:2px #D5BA9C solid;border-radius:8px;}
.gb-hd{font-size:14px;line-height: 150%;}
.gb-hd .ptime{font-size:11px;color:#888;padding-left:12px;}
.gb-hd h5{float:left;width:540px;height:28px;font-size:14px}
.gb-author{float:right;width:250px;color:#666666;}
.gb-con{line-height:150%;padding:5px 0 5px 0;font-size:12px}
.gb-re{padding:5px 0 0 0;}
.gb-re h5{height:24px;color:#876A4A;}
.gb-recon{color:#876A4A;}
.gbform{border:0px #33D0B3 solid}
.gbform .hder h4{margin:0;line-height:48px;color:#444;font-size:22px;font-weight:normal;text-align:center;}
.gbform .bder{padding:20px 30px 0;}
.gbform .form-item {clear:both;padding: 10px 10px 6px 128px;box-sizing: border-box;}
.gbform .form-item label { float:left; line-height: 28px; width:120px; text-align: right; margin: 0 5px 0 -128px; font-size:14px;}
.gbform .form-item .cont {line-height: 28px; }
.gbform .form-item input.ipt{border:1px #D4D4D4 solid;padding: 5px;line-height:28px;font-size:14px;width:90%;}
.gbform .form-item .iptm{border:1px #D4D4D4 solid; height: 100px; width: 90%;font-size:14px;line-height:24px;padding:5px;}
.gbform .form-item.ctrl{padding:20px 0 0 128px;}
.gbform .btn-submit{border:none;height:42px;width:300px;background:#CDAB85;line-height:42px;text-align:center;color:#EEEEEE;border-radius:3px;font-size:18px;}
.btn-submit:hover{background:#BFA07E;color:#EEEEEE;text-decoration:none;cursor:pointer;}

.cpager{margin:15px auto 18px;text-align:center;}
.cpager a,.cpager .cpb,.cpager span{color:#333;font-size:12px;display:inline-block;margin:0 3px;padding:3px 8px 3px;height:20px;line-height:20px;background:#999999;color:#FFF;}
.cpager a:hover{background:#333333;color: #FFF;text-decoration:none;}
.cpager span.cpb {background:#333333;border-color:#333;color:#fff}
.cpager span.disabled{color:#BBB;display:none;}

/*Tags*/
.tags{padding:8px 0;}
.tags ul li{display:inline-block;display:inline;zoom:1;margin:0 5px;line-height:26px;white-space:nowrap;}
.tags ul li a{font-size:14px;}
.tags ul li sup{font-style:normal;color:#999;}
.tagcloud{padding:8px 0;}
.tagcloud a{font-size:14px;line-height:24px;padding:0 12px 0 0;}
.tag-max:link,.tag-max:visited{font-size:18px;color:#245A2E;}
.tag-mid:link,.tag-mid:visited{font-size:16px;color:#7C6CAF;}
.tag-normal:link,.tag-normal:visited{font-size:14px;color:#326F3A;}
.tag-small:link,.tag-small:visited{font-size:12px;color:#666;}

.ui-atcs-hder{position:relative;height:42px;background:#fafafa;border-bottom:1px #E4E2E3 solid;}
.ui-atcs-hder .position{padding-top:10px;}
.ui-atcs-hder h2{margin:0;height:42px;line-height:42px;font-size:18px;font-weight:normal;}
.ui-atcs-bder{padding:10px 0;}

/*articles with pic*/
.ui-atcs-main{overflow:hidden;}
.ui-atcs-fter{margin-top:40px;}
.ui-atc{padding:30px 40px 40px;box-sizing:border-box;background:#FFF;margin-top:30px;}
.atc-lists{margin:0;}
.atcs{box-sizing: border-box;margin:0 0 20px;padding:10px 0 0 160px;}
.atcs.hover{clear: both;}
	.atcs .metas{float:left;width:140px;margin-left:-160px;border-right:2px #01A377 solid;padding:0 0 30px;}
	.atcs .tims{text-align:right;color:#A4A4A4;}
	.atcs .tims span{display:block;padding:0 18px 0 0;}
	.atcs .tims .day{font-size:28px;line-height:28px}
	.atcs .tims .year{font-size:14px;}
	.atcs .pic{width:200px;max-height:120px;*height:120px;overflow:hidden;}
	.atcs .pic img{width:200px;}
	.atcs .info{margin:0;}
	.atcs .info h5{font-size:18px;font-weight:normal;line-height:18px;margin:0 0 8px 0;}
	.atcs .info h5 a{font-size:inherit;}
	.atcs .info span{float:right;color:#aaa}
	.atcs .info p.txt{position: relative;margin-top:8px;color:#B6B6B6;height:64px;overflow:hidden;}


	.atc{padding:0 12px 10px;}
	.atc-hder{position:relative;text-align:center;padding:12px 0;border-bottom:1px #EEE solid;}
	.atc-hder h2{font-size: 20px;margin: 0 auto;padding: 10px 0px;color:#666;font-weight: bold;}
	.atc-hder .meta{color:#999;}
	.atc-cont{margin-top:30px;padding:0 15px;}
	.atc-ctrl{height:40px;}
	.atc-share{float:left;width:400px;}
	.atc-votes{float:right;padding:10px 18px;display:none;}
	.prevnext{height:24px;line-height:24px;font-size:14px;}
	.prevnext p{width:50%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
	.prevnext p a{font-size:14px;}
	.prevnext p.prev{float:left;}
	.prevnext p.next{float:right;text-align:right;}

.ctrl-order{line-height:42px;}
.orderby{padding-right:12px;}
.ctrl-order .sel{font-weight:bold;}

.atc-hder .atc-meta{color:#999;}
.atc-hder .atc-meta i{font-style:normal;}
.atc-crpt{margin-top:12px;border:1px #CCC dashed;border-left:3px #01A377 solid;padding:8px 12px;font-weight:bold;color:#FF0000;}
.atc-fter{margin-top:12px;padding:8px 0 0;border-top:1px #DCDCDC solid;}

.atc-tags{padding:0 0 18px 90px;line-height:24px;}
.atc-tags dt{float:left;width:90px;margin-left:-90px;font-weight:bold;font-size:14px;line-height:24px;}
.atc-tags dd a{display:inline-block;margin-right:8px;font-size:14px;line-height:24px;}
.atc-tags dd a:hover{color:#0789DB}

a.vote{padding:6px 10px 6px 36px;border:1px solid #dedede;margin-left:10px;}
.like,.unlike{background:url(../images/vote.gif) no-repeat 6px 6px;}
.unlike{background-position:4px -25px;}
.voted{border:1px solid #FF8D30;}
.voteup,.votedown{position:relative;}
.vote i,.vote i{display:none;position:absolute;height:20px;top:-20px;right:0;font-style:normal;font-size:12px;}
.votetips{display:block;position:absolute;height:20px;top:-20px;right:0;font-style:normal;font-size:12px;}

.ctrl-votes{width:160px;margin:0 auto;}
.ctrl-votes a.vote{display:inline-block;width:80px;text-align:center;padding:84px 0 12px;border:none;margin-left:10px;position:relative;}
.ctrl-votes a.vote span{font-size:14px;}
.like,.unlike{background:url(../images/bvote.png) no-repeat 0 0;}
.ctrl-votes a.unlike{background-position:4px -25px;display:none;}
.voted{border:1px solid #FF8D30;}
.vote i,.vote i{display:none;position:absolute;height:20px;top:36px;right:32px;font-style:normal;font-size:12px;}
.votetips{display:block;position:absolute;height:20px;top:-20px;left:10px;font-style:normal;font-size:12px;}

.ui-pros{padding:30px 40px 40px;box-sizing:border-box;margin-top:30px;}

.pros-list ul{padding:16px 0 0 0;margin:0 -60px 0 0;}
.pros{position:relative; width:320px;overflow: hidden;display:inline-block;*float:left;*zoom:1;overflow: hidden;text-align: center;margin: 0 30px 30px 0;border-radius:5px;transition: transform 0.3s linear,box-shadow 0.3s linear;-webkit-transition: -webkit-transform 0.3s linear,box-shadow 0.3s linear;-moz-transition: -moz-transform 0.3s linear,box-shadow 0.3s linear;}
.pros-list ul li.pros:nth-child(3n+3){margin-right:0;}
.pros a{display:block;width:100%;height:100%;line-height: 1;cursor:pointer;}
.pros .pic{margin:0 auto;width:320px;height:320px;text-align:center;overflow:hidden;vertical-align:middle;display:table-cell;*display: block;*font-size: 120px;background:#FFF;}
.pros .pic img{max-width:100%;max-height:100%;border-radius:5px;margin:0 auto;}
.pros .tit{margin:0;line-height:24px;margin-top:16px;}
.pros .tit a{font-size:16px;font-weight:normal;}


.ui-product{padding:30px 40px 40px;background:#FFF;margin-top:20px;}
.product{padding:15px 6px 0;}
.product h1{margin:0;padding:6px 12px 18px 0;color:#666;}

.preview-wrap {float: left;margin: 0 0 20px 0;width:400px;}
.preview{width:364px;}
.product-info{margin-left:420px;height:330px;}
/*zoom out in*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:320px; height:320px; border:none; cursor:crosshair; }
.zoomdiv{ position:absolute; z-index:100; display:none;background:#fff; border:1px solid #e8e8e8; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:320px; max-height:320px;cursor:move; overflow:hidden;background:url(../images/zoom-mask.png) 0 0 repeat;}

/*img preview*/
.spec-preview{position:relative;width:362px; height:362px; border: 1px solid #DDD;}
.spec-preview .jqzoom img{ width:360px; height:360px; }
.spec-list{clear:both; margin-top:12px;position: relative;}
.spec-list .spec-prev,.spec-list .spec-next{display:block;width: 22px;height: 32px;position: absolute;top:50%;margin-top: -16px;background-image: url(../images/prevnext.png);z-index: 1;}
.spec-list .spec-next{ float:right;right: 0;background-position:27px 0;}
.spec-list .spec-items{position: relative;margin:8px 28px 0;height: 58px;overflow: hidden;overflow:hidden;}
.spec-list .spec-items ul{ list-style:none; position:absolute; width:999999px; height:56px; }
.spec-list .spec-items ul li{ float:left; width:65px; text-align:center;cursor:pointer;}
.spec-list .spec-items ul li img{ border:1px solid #CCC; padding:2px; width:50px; height:50px; }
.spec-list .spec-items ul li img:hover{ border:2px solid #FF0000; padding:1px; }

.pro-meta{padding:0 10px 0 0; line-height: 30px; font-size: 14px; }
.pro-meta ul li i{font-style:normal;}
.pro-tel{margin-top:12px;}
.pro-tel span{font-size:18px;color:#FF0000;font-weight:bold;}
.iprice{font-weight:bold;font-size:18px;color:#EECC66;}
.btnbuy{display:inline-block;width:168px;height:32px;background:url(../images/btnbuy.png) 0 0 no-repeat;text-indent:-300px;overflow:hidden;}
.btnbuy:hover{background-position:0 -33px;}

.pro-share{padding-top:30px;}
.pro-intro{padding:10px;}
.pro-intro-th{height:28px;border-bottom:1px #CCC solid;padding-left:12px;position:relative;}
.pro-intro-th h4{position:absolute;bottom:-2px;border:1px #CCC solid;border-bottom:none;width:100px;background:#FFF;line-height:28px;text-align:center;color:#333;}
.pro-intor-con{padding:18px 5px;}

.product-relation{margin-top:40px;}
.product-relation .hder{position: relative;height:50px;text-align:center;}
.product-relation .hder::before{position: absolute;left:0;top:25px;width:100%;height:1px;content:"\20";background: #CCC;overflow:hidden;z-index: 0;}
.product-relation .hder h3{position:relative;margin:0;line-height:50px;padding:0 30px;display:inline-block;text-align: center;background: #F2F2F2;z-index:9;}
.product-relation  .bder{padding:30px 0;}

.ui-plist-s{display:flex;justify-content:space-between;margin:0;padding:0;}
.ui-plist-s li{width:210px;height:218px;text-align:center;}
.ui-plist-s img{width:180px;height:180px}
.ui-plist-s p.tit{padding-top:4px;line-height:22px;height:22px;font-weight:normal;overflow:hidden;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/*downloads*/
.docs ul{margin:0;}
.docs ul li{box-sizing:border-box;padding:8px 12px;}
.docs-item{position:relative;margin-bottom:20px;border-bottom:1px #EEE dashed;}
.docs-item:hover{border-bottom:1px #38AEA2 dashed;}
.docs-item h5{font-size:16px;}
.docs-item .txt{color:#CCC;}
.docs-item .tims{color:#999;font-size:12px;}
.docs-item .btn-download{position:absolute;right:8px;top:8px;}
.btn-down{display:inline-block;padding:0 12px;height:40px;line-height: 40px;}
.btn-down:hover{color:#01A377}
/*-------------Plugins Common-------------*/
.ad-gallery{width:800px;}
.ad-gallery, .ad-gallery *{margin:0;padding:0;}
.ad-gallery .ad-image-wrapper{width:100%;height:520px;margin-bottom:10px;position:relative;overflow:hidden;}
.ad-gallery .ad-image-wrapper .ad-loader{position:absolute;z-index:10;top:48%;left:48%;border:1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next{position:absolute;right:0;top:0;width:25%;height:100%;cursor:pointer;display:block;z-index:100;}
.ad-gallery .ad-image-wrapper .ad-prev{position:absolute;left:0;top:0;width:25%;height:100%;cursor:pointer;display:block;z-index:100;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next{background:url(../images/non-existing.jpg)\9}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background:url(../images/ad_prev.png);width:30px;height:30px;display:none;position:absolute;top:47%;left:0;z-index:101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background:url(../images/ad_next.png);width:30px;height:30px;right:0;left:auto;}
.ad-gallery .ad-image-wrapper .ad-image{position:absolute;overflow:hidden;top:0;left:0;z-index:9;}
.ad-gallery .ad-image-wrapper .ad-image a img{border:0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{position:absolute;bottom:0px;left:0px;padding:7px;text-align:left;width:100%;z-index:2;background:url(../images/opa75.png);color:#000;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/opa75.png');}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{display:block;}
.ad-gallery .ad-controls{height:20px;}
.ad-gallery .ad-info{float:left;}
.ad-gallery .ad-slideshow-controls{float:right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop{padding-left:5px;cursor:pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown{padding-left:5px;font-size:0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start{cursor:default;font-style:italic;}
.ad-gallery .ad-nav{width:100%;position:relative;}
.ad-gallery .ad-forward, .ad-gallery .ad-back{position:absolute;top:0;height:100%;z-index:10;}
/* IE 6 doesn't like height:100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back{height:100px;}
.ad-gallery .ad-back{cursor:pointer;left:-20px;width:13px;display:block;background:url(../images/ad_scroll_back.png) 0px 22px no-repeat;}
.ad-gallery .ad-forward{cursor:pointer;display:block;right:-20px;width:13px;background:url(../images/ad_scroll_forward.png) 0px 22px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs{overflow:hidden;width:100%;}
.ad-gallery .ad-thumbs .ad-thumb-list{float:left;width:9000px;list-style:none;}
.ad-gallery .ad-thumbs li{float:left;padding-right:5px;}
.ad-gallery .ad-thumbs li a{display:block;}
.ad-gallery .ad-thumbs li a img{border:3px solid #CCC;display:block;}
.ad-gallery .ad-thumbs li a.ad-active img{border:3px solid #616161;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads{position:absolute;left:-9000px;top:-9000px;}

.ad-gallery .ad-thumbs li a img {width:96px;height:66px;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{color:#EFEFEF;}