@charset "utf-8";
html,body,blockquote,code,dfn,samp,cite,em,strong,kbd,var,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,select,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
body{font-family: "Century-Gothic", Arial, sans-serif;font-size:12px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%;}table tr td{padding:1%;}table,th,td{border:1px solid gray;}
fieldset,img{border:none;max-width:100%;}
a{text-decoration:none;outline:none;color:#000001;cursor:pointer;}
a:focus,a:hover,a:active,a:visited{outline:none;color:#000001;}
h1,h2,h1 a,h2 a{font-size:25px;font-weight:400;}
h3,h4,h3 a,h4 a{font-size:15px;font-weight:400;}
abbr{text-decoration:none;}
p{line-height:26px;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after,.layout:after,.container:after,.nav:after,.line:after,.lines:after,.lineb:after,.row:after{content: " ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{*zoom:1;}
button,input,select,textarea{outline:0;border:1px solid #d6d6d6;vertical-align:middle;box-sizing:border-box;line-height:19px;padding:4px;}
textarea{min-height:86px!important;}
li{list-style-position:inside;}
/*input[type=file]{border:none;}
input[type=text]{box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;}
input[type=button],input[type=submit]{cursor:pointer;}
input[type=checkbox],input[type=radio]{width:auto;}*/

@font-face {
font-family: 'Century-Gothic';
font-weight: 400;
font-stretch: normal;
font-style: normal;
src: url("../images/font.eot");
src: url("../images/font_c88d6a507ae94914ac52485841aeee38.eot") format("embedded-opentype"), 
url("../images/font.woff") format("woff"), 
url("../images/font.ttf") format("truetype"), 
url("../images/font.svg") format("svg");
unicode-range: U+0020-F002;
}

@font-face {font-family: "iconfont";
src: url('../images/iconfont.eot'); /* IE9*/
src: url('../images/iconfont_db68bb4307504e1eb72680c4e016c231.eot') format('embedded-opentype'), /* IE6-IE8 */
url('../images/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('../images/iconfont.woff') format('woff'),
url('../images/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-vline:before { content: "\e63a"; }.icon-dleft:before { content: "\e649"; }.icon-dolor:before { content: "\e6c8"; }.icon-libra:before { content: "\e74c"; }
.icon-compare:before { content: "\e61b"; }.icon-data:before { content: "\e65f"; }.icon-left:before { content: "\e60a"; }.icon-ugroup:before { content: "\e60b"; }
.icon-add:before { content: "\e60c"; }.icon-close:before { content: "\e60d"; }.icon-star:before { content: "\e60e"; }.icon-up:before { content: "\e612"; }
.icon-map:before { content: "\e613"; }.icon-integral:before { content: "\e614"; }.icon-right:before { content: "\e615"; }.icon-down:before { content: "\e616"; }
.icon-refresh:before { content: "\e617"; }.icon-msg:before { content: "\e618"; }.icon-set:before { content: "\e619"; }.icon-bag:before { content: "\e61a"; }
.icon-category:before { content: "\e61e"; }.icon-cart:before { content: "\e61f"; }.icon-order:before { content: "\e621"; }.icon-ulevel:before { content: "\e622"; }
.icon-user:before { content: "\e623"; }.icon-home:before { content: "\e624"; }.icon-qrcode:before { content: "\e625"; }.icon-top:before { content: "\e620"; }
.icon-edit:before { content: "\e601"; }.icon-bleft:before { content: "\e602"; }.icon-dright:before { content: "\e603"; }.icon-menu:before { content: "\e604"; }
.icon-bright:before { content: "\e605"; }.icon-search:before { content: "\e627"; }.icon-help:before { content: "\e62d"; }.icon-pwd:before { content: "\e62e"; }

/*layout*/
body{min-height:980px;}
.layout,.container,.topnav,.hengfu{max-width:1440px;box-sizing:border-box;margin:0 auto;}
.layout{width:100%;}
.container{margin-top:1%;background-color:#fff;padding:5px;}
.bgpng{background:url(../images/bg.jpg) repeat scroll center center;}
.x1{width:8.33333%;}.x2{width:16.66666667%;}.x3{width:25%;}.x4{width:33.33333333%;}.x5{width:41.66666667%;}.x6{width:50%;}
.x7{width:58.33333333%;}.x8{width:66.66666667%;}.x9{width:75%;}.x10{width:83.33333333%;}.x11{width:91.66666667%;}.x12{width:100%;}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12{float:left;padding:0px 1.45%;min-height:1px;box-sizing:border-box;}
.lines .x1,.lines .x2,.lines .x3,.lines .x4,.lines .x5,.lines .x6,.lines .x7,.lines .x8,.lines .x9,.lines .x10,.lines .x11,.lines .x12{padding:10px;}
.lineb .x1,.lineb .x2,.lineb .x3,.lineb .x4,.lineb .x5,.lineb .x6,.lineb .x7,.lineb .x8,.lineb .x9,.lineb .x10,.lineb .x11,.lineb .x12{padding:20px;}
.rowb{margin-bottom:2.0%!important;}.pd0{padding:0px;}.layoutb{max-width: 1600px;padding:2.5%;}

/*nav*/
.topdiv{width:100%; height:52px; background:#0d2245; position:relative;box-sizing:border-box;}
.chome{float:left;padding:0px 8px 0px 0px;}
.topmenu{margin:0px auto;width:100%; height:52px;overflow:hidden;padding-bottom:0px!important;padding-top:0px!important;float:none;}
.topmenu .x9,.topmenu .x3{padding:0px!important;}
.topmenu .menuleft i{float:left; width:32px; padding-top:3px;line-height:42px; font-size:18px; color:#FFF; text-indent:-999999px;}
.topmenu .menuleft i.ishome{background:url(../images/home1.png) no-repeat scroll -4px 8px;}
.topmenu .menuleft i.nohome{background:url(../images/home2.png) no-repeat scroll -4px 8px;}
.topmenu .menuleft li{float:left;list-style:none;height:36px; }
.topmenu .menuleft li a{display:inline-block; padding:8px 12px 2px 12px; color:#fff; line-height:42px;}
.topmenu .menuleft li a.labg{background:url(../images/labg.png) no-repeat scroll -6px 17px;}
.topmenu .menuleft li.live a{color:#000; background:#FFF;}
.topmenu .menuright{float:right;}
.topmenu .menuright li{float:right;list-style:none;height:36px; }
.topmenu .menuright li a{display:inline-block; padding:8px 12px 2px 12px; color:#fff; line-height:42px;}
.topmenu .menuright li.live a{color:#000; background:#FFF;}
.mtopnav{top:0;height:45px;line-height:45px;position:fixed;width:100%;z-index:991;padding:0;}
.mtopnav ul,.mtopnav li{padding: 0;}
.fixdiv{content:" "; height:47px;clear:both;overflow:hidden;}
.nav a.fw{font-size: 21px;font-weight: 400;}
.nav{width:100%; height:45px;}
.nav ul{list-style-type:none;}
.nav ul li ul li,.nav ul li ul li{width:100%;}
.nav li{position:relative;float:left;background-color:inherit;z-index:196;}
.nav ul li ul li{background-color:#000;}
.nav ul li a.mmbg{background:url(../images/mmbg.png) no-repeat scroll 12px 9px;}
.nav li a,.nav li .tourl{text-align:center;display:block;width:100%;font-size:17px;color:#fff;}
.nav ul li a,.nav li .tourl{color:#fff;height:45px;line-height:45px;}.nav ul li ul li a,.nav ul li ul li ul li a{color:#fff;height:32px;line-height:32px;font-size:15px;}	
.nav ul li ul,.nav ul li ul li ul{position:absolute;width:100%;border:1px solid rgba(0,0,0,.15);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.175);box-shadow:0 3px 6px rgba(0,0,0,.175)}
.nav ul li ul{z-index:195;display:none;top:45px;left:0;}
.nav ul li ul li ul{z-index:197;top:-1px;margin-left:100%;}
.nav ul li ul li{position:relative;display:block;}
.nav ul li ul li ul.right{margin-left:-100%;}
.nav ul li ul li.hover a:hover,.nav ul li ul li ul li.hover a:hover{background-color:#f5f5f5;color: #000;}	
.nav ul li .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;vertical-align:middle;display:inline-block;}
.navlist li{width:100%;border-bottom:1px solid #c3c3c3;font-family:"icon"!important;line-height:300%;}
.navlist li::after{content:" \e6a7";}.navlist li a{width:94%;display:inline-block;}
.navlist li a:hover{color:#000000;}
.limgb li{margin-bottom:5px;}
.subnav{width:100%; height:auto;}
.subnav ul{list-style-type:none;}
.subnav ul li ul li,.subnav ul li ul li{width:100%;}.subnav ul li ul{padding:6px;background-color: #fff;}
.subnav li{position:relative;float:none;width:auto;display:inline-block;background-color:inherit;z-index:196;padding-right: 12px;}
.subnav li a{text-align:center;display:inline-block!important;width:100%;height:28px!important;line-height:28px!important;font-size:0.75rem;color:#000!important;padding:10px 12px 10px;}
.subnav ul li ul li a{padding:0px;}
.subnav ul li ul li{background-color:#fff;border:none;}
.subnav ul li ul li.hover a:hover,.subnav ul li ul li ul li.hover a:hover{background-color:#fff!important;color: #000!important;}
.subnav ul li ul,.subnav ul li ul li ul{position:absolute;width:100%;border:1px solid rgba(0,0,0,.15);-webkit-box-shadow:0 3px 6px rgba(0,0,0,.175);box-shadow:0 3px 6px rgba(0,0,0,.175)}
.subnav ul li ul{z-index:195;display:none;top:43px;left:0;}
.subnav ul li ul li ul{z-index:197;top:-1px;margin-left:100%;}
.subnav ul li ul li{position:relative;display:inline-block!important;padding-right:0px;}
.subnav ul li ul li a{font-size: 0.5rem;}
.subnav li a:hover{/*text-decoration:underline;*/}
.subnav li a.tdr{font-weight: bold;text-decoration:unset;}

#logo{float:left; width:100%; height:80px; text-align:center;position:relative;}#logo img{ height:72px;}#search{border:none;}
#logo #nav_search{ position:absolute; width:160px; height:30px; right:7.45%; top:20px; border:#CCC 1px solid;-moz-transition: all 1s ease 0s;/*根据hover进行变化*/}
#logo #nav_search input{width:100%; height:28px; line-height:28px; padding-left:5px;}
#logo #nav_search #searchBtn{position:absolute; cursor:pointer; width:40px; line-height:30px; height:30px; right:0px; top:0px; font-size:18px; color:#666; z-index:9; background:#fff;}
#logo #nav_search #searchBtn:hover{color:#000}
#logo #nav_shop{ position:absolute; width:78px; height:30px; right:1.45%; top:20px; list-style: none;}
#logo #nav_shop li{float:left;line-height: 31px; margin-left:10px;}
.banner{float:left;width:100%;height:580px;position:relative;cursor:pointer}
.banner .imgbox{width:100%;}
.banner .imgbox img{width:100%; position:absolute; left:0px; top:0px;}
.banner .change{height:45px; font-size:40px;display:block;position:absolute;z-index:20;opacity:.4;transition:.4s;top:50%;margin-top:-30px}
.banner .change:hover{opacity:1}
.banner .change.pre{left:1%;}
.banner .change.next{right:1%}
.banner .cirbox{width:88px;position:absolute;bottom:15px;z-index:10;left:50%;margin-left:-44px;cursor:pointer}
.banner .cirbox .cir{width:12px;height:12px;background-color:#fff;opacity:.4;float:left;border-radius:6px;margin:0 5px;cursor:pointer}
.banner .cirbox .cir:hover{background-color:cyan;transition:.8s}
.banner .cirbox .cr{opacity:1}
.banner .cirbox .cr:hover{background-color:#fff}

/*bread*/
.bread ul{list-style:none;}
.bread ul li{float:left;font-family:"icon"!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.bread ul li::after{content:"\e6a7";}.bread ul li.noct::after{content:" ";}

/*tab*/
.tabnav ul li{display:inline-block;text-align:center;padding:8px 16px;border:solid 1px #c3c3c3;line-height:20px;border-bottom:0;cursor:pointer;}
.tabnav ul li.tabhover{background:#dddddd;}
.tabcon{border-top:solid 1px #c3c3c3;margin-top:-1px;padding-top:1%;min-height:300px;display:none;}

/*common*/
.hide{display:none;}
.show{display:inherit;}
.lsn li{list-style:none;}
.pd{padding:5px;}.pdl{padding-left:5%;}.pds{padding:10px;}.pdb{padding:20px;}.pdn{padding:0px;}
.mgbt{margin:5px 0px;}.mgb{margin-bottom:5px;}.mgbtb{margin:20px 0px;}.mgbb{margin-bottom:20px;}.mgt{margin-top:5px;}.mgtb{margin-top:20px;}.mgl{margin-left:6px;}.mgr{margin-right:6px;}.mglr{margin:0 6px;}.mglrb{margin:0 20px;}
.lh{line-height:22px;}.lhf{line-height:180%;}.lhs{line-height:300%;}.lht{line-height:500%;}
.tac{text-align:center!important;}.tar{text-align:right!important;}.tal{text-align:left!important;}
.tdr{text-decoration:underline;cursor:pointer;}
.bgc{background-color:#000000;color:#fff;}.bgcgrey{background-color:#f6f6f6;}
.text,.text:hover{color:#000000;}
.textf,a.textf,a.textf:hover,.textf:hover{color:#e68f1a!important;}
.border{border:1px solid #000000;}
.bdb{border-bottom:1px solid #000000;}.bdbf{border-bottom:1px solid #c3c3c3;}
.bdt{border-top:1px solid #000000;}.bdtf{border-top:1px solid #c3c3c3;}
.btn{background: #000000;color:#fff;display:inline-block;padding:6px 16px!important;border:none!important;line-height:19px;vertical-align:middle;border-radius:14px;text-decoration:none!important;}
.btn:hover,.btn:focus,.btn:active,.btn:visited{color:#fff;}
.wauto{width:auto!important;}
.vam{vertical-align:middle;}
.nobr{border-radius:0!important;}
.ofx{overflow-x:auto;}.ofh{overflow:hidden;}
.bdn{border:none!important;}
.fw{font-weight:700;}

/*content*/
.content{min-height:780px;}
.content a{text-decoration:underline;}.lsn a{text-decoration:none;}
.content img{max-width:100%;}
.mhead{height:327px;background:url(../images/mheadbg.jpg) center center no-repeat;color:#fff;font-weight:700;}
.mhead p{line-height:30px;}
.mhead img{border-radius:50%;width:160px;margin-top:36px;}
.mhead .mlevel{height:30px;line-height:30px;width:110px;margin:6px auto;background-color:#ffffff;opacity:0.5;filter:Alpha(opacity=50);color:#000001;}
.mlist li{height:86px;background-color:#606EA0;border-right:1px solid #c3c3c3;}
.mlist li span{display:block;margin-top:10px;color:#ffffff;font-weight:700;font-size:15px;}
.mlist li a{display:block;color:#ffffff;margin-top:8px;}
.mmenu{margin-top:4%; margin-bottom:2%;}
.mmenu li{height:120px;background-color:#ffffff;border-bottom:1px solid #c3c3c3;border-right:1px solid #c3c3c3;}
.mmenu li span{display:block;margin-top:32px;font-weight:700;font-size:18px;}
.mmenu li a{display:block;margin-top:8px;}

.ilist{float:left; width:100%; clear:both;}
.ilist li{float:left;list-style:none;}
.ilist li.ileft{position:relative;}
.ilist li .class{position:absolute; width:100%; min-height:48%; top:0; left:0px;  background:#f6f6f6; z-index:2;}.ilist li .classbg{background: #fff;}
.ilist li .max{height:97%;}
.ilist li .class .tit{float:left;width:100%; margin-top:10%; margin-bottom:10px; font-size:25px; text-align:center; clear:both}
.ilist li .class hr{width:20px; text-align:center; clear:both}
.ilist li .class ol{float:left;width:100%;clear:both}
.ilist li .class ol dl{float:left;width:100%; margin-top:5%; text-align:center; font-size:12px;clear:both}
.ilist li .product{position:absolute; width:100%; height:48%; top:58.2%; left:0px; z-index:1;}
.ilist li .product img{width:100%; border:#CCC 1px solid; box-sizing:border-box;}
.ilist li .product .title{float:left;position:relative;width:100%; margin-top:15px; line-height:20px; font-size:12px;}
.ilist li .product .title .pbtn{ position:absolute; right:0px; top:0px; width:68px; height:33px; background:#000; color:#FFF; line-height:33px; text-align:center;}
.ilist li i{float:left; width:100%;}
.ilist li i img{width:100%;}
.ilist li .title{float:left;width:100%; margin-top:15px; line-height:20px; font-size:12px;}
.ilist li span{float:left;width:100%; margin-top:10px; line-height:20px; font-size:18px;}
.ilist li .pictit{float:left;width:100%; margin-bottom:20px; line-height:20px; font-size:18px; overflow:hidden;}
.hrb hr{ width: 100%; height: 1px; margin: 0 auto 2.9%;border: 0; background-color: #e0e0e0;}
.pictit{ font-size:21px; padding-bottom:20px;}.picnam{ padding-top:20px;}
.ilist .tleft{font-size: 2.875rem!important; padding-top: 30%;box-sizing:border-box;}
.ilist .tright{font-size: 2.875rem!important; padding-top: 20%;box-sizing:border-box; text-align: center;}.ilist .tright p{font-size:0.75rem}.ilist .tright strong{font-weight:400;font-size:1.75rem;}
.ilist .tright hr{width:60px!important;height:2px;margin: 40px auto;padding:0px;border:0px;background-color: #777;}.ilist .tright a{display:inline-block;margin:60px 0 0;border:1px solid #e0e0e0;padding:8px 20px;font-size: 0.75rem;}
.htitle h3{padding: 0 20px 0 0;display:inline-block;position:relative;z-index:1;font-size:1.125rem; background-color: #fff;}
.htitle hr{width: 100%;height: 1px;margin: -4px 0 0;position: relative;background-color: #e0e0e0;border:none;}

.glist .gimg{vertical-align:top;width:100%;border:1px solid #e0e0e0;}
.glist .gtxt a{display:inline-block; padding-top:20px;	line-height: 22px; font-size: 0.75rem;text-transform:uppercase;}.glist .x4{margin-bottom:2%;}
.gright1 h1{margin-top:20px;margin-bottom:45px;padding-bottom:20px;font-size: 1.4rem;max-width:400px;line-height: 2rem;text-transform: uppercase;border-bottom:1px solid #e0e0e0;}
.gright1 p{ color: #777;text-transform: none;margin-top: 20px;}
.gright1 a{display: block;margin-top: 20px;text-align: center;text-decoration: underline;font-size: .8125rem;padding: 20px 40px;border:1px solid #e0e0e0;}
.zoom-cursor{cursor:url(../images/zoom-cursor.png) 22.5 22.5,auto;}
.gleft2 .x6{padding-bottom:40px;}.gleft2 .x6:nth-of-type(odd){padding-right:20px;padding-left:0px;}.gleft2 .x6:nth-of-type(even){padding-right:0px;padding-left:20px;}
.gright2 .gright2div{position: relative;}.gright2 .gright2div button,.gright2 .gright2code{border:none;box-sizing: border-box;text-transform: uppercase;padding: 25px 65px 25px 25px;text-align: left; border-top: 1px solid #e0e0e0;cursor: pointer;font-size: .8125rem;background-color: transparent;width:100%;}
.gright2 .gright2div button:focus{text-decoration: underline;}
.gright2 .gright2div button::after{font-family:"iconfont" !important;content: "\e616";-webkit-font-smoothing: initial;transform: translateY(-50%);position: absolute;right: 25px;top: 50%;font-size: 14px; pointer-events: none;}
.gright2 .gright2div button.active::after{content: "\e612";}
.gright2 .gright2detail{padding: 0 25px 40px;}.gright2 .gright2detail,.gright2 .gright2detail p{line-height: 24px;}
.gright2 .gright2div .bdb{border-bottom:1px solid #e0e0e0;}

.article .atitle{font-size: 40px;text-align:center;text-transform: uppercase;}
.article .atitlesub{margin: 5px 0 20px;text-align:center;text-transform: uppercase;font-size: 16px;color: #9a9a9a;}
.article .acontent{font-size: 15px; line-height: 24px;min-height:480px;}.article .acontent img{ max-width: 100%;}
.articlelist{text-align: center;padding-bottom: 30px;padding-top: 42px;}
.articlelist .metas {width: 120px;float: left;margin-left: 0;margin-top: 17px;}
.articlelist .metas .date {font-size: 15px;line-height: 1em;padding-bottom: 13px; border-bottom: 1px solid #000000; margin-bottom: 11px; }
.articlelist .metas .date span {display: block;font-size: 50px; padding-bottom: 24px;}
.articlelist .metas .category {text-transform: uppercase;font-size: 14px;}
.articlelist .atitle,.articlelist .atitle a{font-weight: normal;text-transform: uppercase; margin-bottom: 18px;line-height: 40px;font-size: 36px;}
.articlelist .adesc {margin: 0 0 10px;font-size: 18px;line-height: 25px;}
.articlelistdiv{border-bottom:1px solid #e5e5e5;}

.videos{position: relative;background-color: #2a2b2f;}
.videos .vctitle{margin:55px 0px;font-size:20px; text-transform: uppercase; line-height:.9; color: #ddd;}
.videos .x4{display: inline-block; width: 25%;margin-bottom: 30px;padding: 0 15px;vertical-align: middle; list-style: none;}
.videos .x4 a{display: block; width: 100%; height: 100%; position: relative; overflow: hidden;box-sizing:border-box;}
.videos .x4 img{width: 100%;height: auto;top: 0;left: 0;box-sizing:border-box;}
.videos .x4 .vwrapper{display: none;width: 100%;height: 100%;position: absolute;top: 0; left: 0;z-index: 2; background-color: rgba(0, 0, 0, 0.85);text-align: center;box-sizing:border-box;}
.videos .x4 .vtext{width: 100%;padding:0 20px;vertical-align: middle;position: relative;display: unset;zoom: 1;box-sizing:border-box;}
.videos .x4 .vtitle {line-height: 22px;height:44px;overflow:hidden;padding:0 20px;color: #fff;box-sizing:border-box;font-size: 15px;margin-top:1.45%;}
.videos .x4 .vcircle {width: 66px;height: 66px;position: relative;box-sizing:border-box;margin-top: 6px;border-radius: 50%; background-color: rgba(106, 105, 104, 0.55);display: inline-block;padding: 14px 20px; font-size: 12px;font-weight: bold;color: #a3a4a6;border: none;}
.videos .x4 .vcircle span {width:0;height:0;position:absolute;top:50%;left:50%;margin:-6px 0 0 -4px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;display:inline-block;background-image:url(../images/sprite.png);background-repeat:no-repeat;}
.video{position: relative;}.video .vplay {position: absolute;float:none;width: 30%; left: 44%;max-width: 85px;height: 100%; max-height: 115px;bottom: 36%;background: url(../images/play.png) no-repeat scroll 0 0;background-position: center center;background-size: contain;z-index: 2;}
.videos .vcate .vctitle{margin:55px 0px;font-size:20px; text-transform: uppercase; line-height:.9; color: #ddd;}
.videos .x6{display: inline-block; width: 50%;margin-bottom: 30px;padding: 0 15px;vertical-align: middle; list-style: none;}
.videos .x6 a{display: block; width: 100%; height: 100%; position: relative; overflow: hidden;box-sizing:border-box;}
.videos .x6 img{width: 100%;height: auto;top: 0;left: 0;box-sizing:border-box;}
.videos .x6 .vwrapper{display: block;width: 100%;height: 100%;position: absolute;top: 0; left: 0;z-index: 2; text-align: center;box-sizing:border-box;}
.videos .x6 .vtext{width: 100%;padding:0 20px;vertical-align: middle;position: relative;display: unset;zoom: 1;box-sizing:border-box;}
.videos .x6 .vtitle {line-height: 46px;height:55px;overflow:hidden;padding:0 20px;color: #fff;box-sizing:border-box;font-size: 46px;margin-top:17.45%;}
.videos .x6 .vcircle {display: inline-block;padding: 14px 20px;font: normal 12px Arial, Helvetica, sans-serif;text-transform: uppercase; font-weight: bold;height: auto;background-color: transparent;border: 5px solid rgba(255, 255, 255, 0.2);color: #fff;}

.videos .vcate{position: relative;}

.ilist .search{border: 1px solid #cecece;padding: 18px 16px 12px; font-size: 17px; line-height: 29px;}

.cname{font-size: 1.8rem;text-transform: uppercase;margin-bottom: 20px;text-align: left;}
.cdesc{padding: 0 25px;display: table-cell;float:none!important;vertical-align: middle;height: 100%;}.cdesc p{font-size: .85rem;margin-bottom: 15px;line-height: 1.5rem;margin-top: 20px;}

.footer{background:#f6f6f6;margin-top:60px;padding:50px 0 0;}
.footer .ftitle{margin-bottom: 40px;font-size: 1rem;height:25px; line-height: 25px;}.footer .fhref{margin-bottom:2.9%;}.footer .fhref a{display: block;font-size: 0.75rem;margin-bottom: 20px;}
.fhref img{max-width: 150px;}

.branddiv{ text-align:center;}
.branddiv .btitle { padding:5.5% 0 3%;}
.branddiv .btitle hr{background-color: #ddd;height:1px;border:none; float:none;margin: 0px auto;}
.branddiv .btitle .en{font-size: 35px;padding-bottom: 10px;font-weight:100;text-align:center;}
.branddiv .btitle .cn{padding-top: 20px;font-size: 25px;font-weight: bold;text-align:center;}
.branddiv .intro {max-width: 1100px; margin: 0 auto;font-size: 14px;color: #333;line-height: 28px;}
.branddiv .counter {position: relative; padding: 60px 0 125px;text-align: center;}
.branddiv .counter .item {position: relative; box-sizing: border-box;display: inline-block;margin: 0 3%;padding: 0 20px 0 0;margin-bottom: 26px;}
.branddiv .counter h3 {padding-bottom: 10px;font-size: 50px;color: #be9541;line-height: 1;font-weight: bold; font-family: "Helvetica-55fcb0695b4189dd";}
.branddiv .counter p {font-size: 16px;color: #929292;}
.branddiv .counter span { position: absolute;top: 7px; right: 0; font-weight: bold;color: #be9541;}

/*table*/
.tablesorter,.tablesorter th,.tablesorter td{border:none;}
.tablesorter th{border-bottom:1px solid #c3c3c3;padding:8px;text-align:left;vertical-align:bottom;min-width:40px;}
.tablesorter tr .header{background:url(../images/sort.gif) right center no-repeat;cursor:pointer;}
.tablesorter tr .headerSortUp {background-image: url(../images/asc.gif);}
.tablesorter tr .headerSortDown{background-image: url(../images/desc.gif);}
.tablehover tr:hover td{background-color: #eeffdd;}
.tablesorter td{border-top:1px solid #c3c3c3;padding:5px;vertical-align:middle;white-space:nowrap;word-break:keep-all;}
.tablesorter td a{text-decoration:none;}

/*form*/
.form .x2{text-align:right;}

/*page*/
.breadcrumb{padding:20px 1.45%;}
.breadcrumb li {margin: 0 10px 0 0;display: inline-block;text-transform: uppercase;font-size: 12px;color: #9a9a9a;}
.breadcrumb li a {color: #9a9a9a;}.breadcrumb .tdr{color:#000;}
.pagenav{width:100%;text-align:center;}
.pagenav a{padding:0px 8px;margin-bottom:5px;display:inline-block;line-height:28px;text-decoration:none;}
.pagenav a.active{color:#ff0000;}
.pager .pagenum{display:inline-block;height:79px; line-height: 84px; padding:0px 20px;font-size: 1.0rem; border-left: 1px solid #000;border-right: 1px solid #000;}
.pager .iconfont{display:inline-block;font-size: 1.5rem;font-weight:700;height:80px; line-height: 80px;padding:0px 20px;}

/*gotop*/
.gotopbox{
    position:fixed;
    right:10px;
    bottom: 10px;
    height:25px;
    width: 40px;    
    text-align:center;
    padding-top:15px;    
    background-color: #0d2245;
    overflow: hidden;
    display: none;
}
.gotopbox-in{
    visibility: visible;
    display:inline-block;
    height:10px;
    width: 10px;
    border: 3px solid white;
    border-color: white transparent transparent white;
    transform:rotate(45deg);
}

/*fixjia*/
.fixjia{
    position: fixed;
    right: 0px;
    bottom: 120px;
    /* height: 140px; */
    /* width: 80px; */
    padding: 8px 0px;
    text-align: center;
     background: #fff; 
    overflow: hidden;
    display: block;
}
.fixjia-in a{display:block;}.fixjia-in .fixjia1{ margin-bottom:44px;}
.applydiv h3{ font-size:26px;font-weight:bold; margin-bottom:24px; }.applydiv p{ font-size:18px!important; text-align:left!important; margin-bottom:10px!important;  }
.applydiv p input{ height:26px; line-height:26px;}

@media(max-width:959px){
	/*layout*/
	.layout,.mtopnav{min-width:320px;max-width:750px;margin:0 auto;}
	.bread{margin-top:0;}
	.xs1{width:8.33333%;}.xs2{width:16.66666667%;}.xs3{width:25%;}.xs4{width:33.33333333%;}.xs5{width:41.66666667%;}.xs6{width:50%!important;}
	.xs7{width:58.33333333%;}.xs8{width:66.66666667%;}.xs9{width:75%;}.xs10{width:83.33333333%;}.xs11{width:91.66666667%;}.xs12{width:100%;}
	.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12{float:left;padding:0px 1.45%;min-height:1px;box-sizing:border-box;}
	.lines .xs1,.lines .xs2,.lines .xs3,.lines .xs4,.lines .xs5,.lines .xs6,.lines .xs7,.lines .xs8,.lines .xs9,.lines .xs10,.lines .xs11,.lines .xs12 {padding:10px;}
	.lineb .xs1,.lineb .xs2,.lineb .xs3,.lineb .xs4,.lineb .xs5,.lineb .xs6,.lineb .xs7,.lineb .xs8,.lineb .xs9,.lineb .xs10,.lineb .xs11,.lineb .xs12 {padding:20px;}

	/*common*/
	.shide{display:none;}
	.sshow{display:inherit;}
	.spd0{padding:0px!important;}
	
	/*content*/
	.content{min-height:480px;}
	.articlelistdiv{min-width:320px;max-width:750px;margin:0 auto;}
	.articlelist .metas{margin:30px auto;float:none;}
	.video .vplay{bottom:28%;}
	.videos .x6 .vtitle{line-height: 25px;height:25px;margin-bottom:6px;overflow:hidden;font-size: 1.6rem;margin-top:2%;}
	.videos .x6 .vcircle{padding:0 8px!important;line-height: 20px;height:20px;}
	.gright2 .gright2div .bdb{border-bottom:1px solid #e0e0e0;padding:16px 0px;}
	#cate11_v{bottom:16%;max-width:55px;}

	.fixjia-in{width:74px;}

	.ilist li.icenter,.ilist li.iright{width:50%;}/*.ilist li.icenter{padding-left:0px;}.ilist li.iright{padding-right:0px;}*/

	/*form*/
	.form .x2{text-align:left;}

	/*private*/
	.xs66{width:50%;margin:0 auto;float:none;}	
}