@charset "utf-8";/* CSS Document */
html {height: 100%;font-size: 62.5%;}
body {height: 100%;margin: 0 auto;font-family:arial,sans-serif;font-size: 12px;font-size: 1.2rem;background: #f5f5f5;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0 auto;padding: 0;list-style: none;color: #333;}
a{text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
input[type="submit"]{cursor: pointer;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
p a{display: inline;}
h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;font-weight: normal;color: #333;}
input, textarea {font-family:arial;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;padding: 0;}
img{vertical-align: middle;}
a:hover{color: #1668ac !important;}

::-webkit-input-placeholder {color: #9b9797;}
:-moz-placeholder {color: #9b9797;}
::-moz-placeholder {color: #9b9797;}
:-ms-input-placeholder {color: #9b9797;}
.placeholder{color: #9b9797;}

.clearfloat {zoom: 1}
.clearfloat:after {display: block;clear: both;content: "";visibility: hidden;height: 0}
.clear {clear: both;}
.fl{float: left;}
.fr{float: right;}
.maln {margin-left: auto !important;}

.center {width: 1500px;margin: auto;}
.center-in {width: 1406px;margin: auto;}

@media screen and (min-width:1520px) {.center {width: 1500px;margin: auto;}}
@media screen and (min-width:1220px) and (max-width:1519px) {.center {width: 1200px;margin: auto;}.center-in{width: 1148px;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.center {width: 980px;margin: auto;}.center-in{width: 932px;}}
@media screen and (max-width:999px) {html{width: 1040px !important;}.center {width: 95%;margin: auto;}.center-in{width: 95%;}}

@font-face {
	font-family: 'HelveticaNeueLTStd-Bd';
	src: url('../fonts/HelveticaNeueLTStd-Bd.eot');
	src: local('☺'), 
	url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), 
	url('../fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), 
	url('../fonts/HelveticaNeueLTStd-Bd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*common*/
.com-title{padding-top: 20px;background: url(../img/bg-ctitle.jpg) repeat-x center 80%;}
.com-title span,
.com-title a{display: inline-block;*display: inline;*zoom: 1;padding-right: 16px;font-weight: bold;font-size: 24px;font-size: 2.4rem;color: #333;background: #F5F5F5;text-transform: uppercase;}

.com-search{width: 990px;height: 43px;margin: auto;}
.com-search .search{float: left;padding-left: 12px;width: 721px;height: 43px;line-height: 43px;font-size: 14px;font-size: 1.4rem;color: #333;background: none;box-sizing: border-box;}
.com-search .sel{float: left;margin-left: 4px;height: 43px;line-height: 43px;}
.com-search .radio{position: relative;float: left;}
.com-search .radio:first-child{margin-right: 20px;}
.com-search .radio input{position: absolute;margin: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;filter:Alpha(opacity=0);}
.com-search .radio span{padding-left: 22px;font-weight: 600;font-size: 14px;font-size: 1.4rem;color: #000;background: url(../img/search-cat-no-1.png) no-repeat left center;background-size: 13px;}
.com-search .radio.on span,
.com-search .radio input:checked + span{background: url(../img/search-cat-1.png) no-repeat left center;background-size: 13px;}
.com-search .submit{float: right;width: 51px;height: 45px;background:#116bb4 url(../img/bg-hsearch-submit.png) no-repeat center;transition: 0s;-moz-transition: 0s;-o-transition: 0s;-webkit-transition: 0s;}
.com-search .submit:hover{background-color: #1668ac;}

.com-searchie10 .radio input{/*height: 200px; margin-top: -75px;*/}
.com-searchie10 .active span{background: url(../img/search-cat-1.png) no-repeat left center; background-size: 13px;}

.com-share{display: inline-block;*display: inline;*zoom: 1;padding: 9px 21px;font-size: 14px;font-size: 1.4rem;color: #fff;background: #00a699;border-radius: 5px;}
.com-share.now{padding-left: 36px;padding-right: 12px;background: #00a699 url(../img/bg-facbot-email.png) no-repeat 12px center;}
.com-share:hover{color: #fff !important;background-color: #0060AF;}

.index .com-search{display: none !important;}
.fixed .index .com-search{display: block !important;}

/*mianbao*/
.mianbaox{padding: 12px 0;}
.mianbaox.spe{/*padding-top: 25px;padding-bottom: 8px;background: #fff;text-align: right;*/}
.mianbaox.spe1{background: #fff;}
.mianbaox a{font-size: 14px;font-size: 1.4rem;color: #888;line-height: 30px;}
.mianbaox a.on{color: #0060AF;}
.mianbaox.spe1 a{font-size: 16px;font-size: 1.6rem;}

/*pages*/
.pages{text-align: center;padding-top:15px;}
.pages a{display: inline-block;*display: inline;*zoom: 1;width: 26px;height: 26px;line-height: 26px;text-align: center;font-size:12px;font-size: 1.2rem;color: #333;border: 1px solid #e5e5e5;border-radius: 1px;margin: 0 4.5px;}
.pages.sea a{background: #eee;}
.pages a.on,
.pages a:hover{color: #de4632 !important;border-color: #de4632;}
.pages.sea a.on,
.pages.sea a:hover{color: #0e68b3 !important;border-color: #0e68b3;}
.pages-btn{width: 64px !important;}
.pages.fl a:first-child{margin-left: auto;}



/*gotopage*/
.gotopage{padding-top: 15px;line-height: 28px;font-size: 12px;font-size: 1.2rem;}
.gotopage span{}
.gotopage .text{width: 52px;height: 28px;line-height: 28px;margin: 0 4px;padding: 0 4px;border: 1px solid #e5e5e5;text-align: center;}
.gotopage .sub{width: 41px;height: 30px;border: 1px solid #E5E5E5;color: #333;background: #eee;}
.gotopage .sub:hover{color: #0060AF;background: #e5e5e5;}

/*favorites*/
.com-fav{display: block;padding-left: 24px;font-size: 14px;font-size: 1.4rem;color: #0060AF;background: url(../img/bg-favorites.png) no-repeat left center;}
.com-fav.on{background: url(../img/bg-favorites-on.png) no-repeat left center;}
.com-fav:hover{color: #2EA6DC !important;}

/*prev/next*/
.com-prev,
.com-next{position: absolute;top: 50%;margin-top: -23px;display: block;width: 23px;height: 45px;background:#000 no-repeat center;background: rgba(0,0,0,0.5) no-repeat center;cursor: pointer;}
.com-prev{left: 0;background-image: url(../img/bg-img-prev.png);}
.com-next{right: 0;background-image: url(../img/bg-img-next.png);}
.com-prev:hover,
.com-next:hover{background-color: #333;background-color: rgba(0,0,0,0.3);}

/*header*/
.header{padding: 16px 0;}
.header .logo{float: left;}
.header .logo a{display: block;}
.header .logo img{width: 100%;max-width: 170px;max-height: 51px;}
.headr{float: right;padding-top: 4px;line-height: 26px;}

.fixed .header{position: fixed;top: 0;z-index: 9998;padding: 16px 0 !important;width: 100%;background: #f5f5f5;box-shadow: 2px 2px 4px rgba(83,100,122,.35);}
.fixed .header .logo{width: 170px;}

@media screen and (max-width:1219px){.headr{margin-right: 10px;}}
@media screen and (max-width:999px){.headr{margin-right: auto;}.fixed .header{position: absolute;width: 1040px;}}

/*heaer tab*/
.header.tab{background: #fff;}
.header.tab .headr{margin-right: auto;}
.fixed .header.tab .logo{width: auto;}

.hsearch{float: left;margin-left: 6%;margin-top: 6px;border: 2px solid #116bb4;}
.fixed .hsearch{overflow: hidden;}
.hsearch .submit{position: relative;top: -1px;right: -1px;}

.hsearch .rel{padding-left: 12px;padding-top: 7px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hsearch .rel > span,
.hsearch .rel > a{font-size: 14px;font-size: 1.4rem;color: #777;}
.hsearch .rel > a{padding: 0 6px;}

@media screen and (max-width:1519px){.hsearch{width: 740px;margin-left: 6%;}.hsearch .search{width: 480px;}}
@media screen and (max-width:1219px){.hsearch{width: 540px;margin-left: 6%;}.hsearch .search{width: 280px;}/*.fixed .hsearch{width: 500px;}.fixed .hsearch .search{width: 250px;}*/}
@media screen and (max-width:999px){.hsearch{width: 550px;margin-left: 6%;}.hsearch .search{width: 295px;}}

/*header login*/
.hlogin{float: left;border: 1px solid #f5f5f5;border: 1px solid rgba(255,255,255,0);}
.tab .hlogin{border: 1px solid #fff;border: 1px solid rgba(255,255,255,0);}
.hlout{position: relative;z-index: 20;padding: 7px 9px 13px 13px;}
.hlogin .sign,
.hlogin .res,
.hlogin .fgx,
.hlogin .help{float: left;display: block;line-height: 26px;font-size: 14px;font-size: 1.4rem;color: #333;}
.hlogin .fgx{padding: 0 10px;width: 1px;height: 26px;background: url(../img/bg-hlogin-span.jpg) no-repeat center;}
.hlogin .sign{padding-left: 35px;background: url(../img/bg-hlogin-acc.png) no-repeat left top;}
.hlogin .help{padding-left: 35px;background: url(../img/bg-help.png) no-repeat left top;cursor: help;}
.hlogin a:hover{color: #1668AC !important;}

.hlogin.on{position: relative;}
.hlogin .tips{float: left;display: block;margin-left: 4px;margin-top: 4px;width: 19px;height: 19px;line-height: 19px;text-align: center;font-size: 14px;font-size: 1.4rem;color: #fff;background: #b2bbca;-moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius: 24px;}
.hlogin.on:hover{border: 1px solid #DCDEE3;}
.hlogin.on:hover .hlout{background: #fff;}
.hlogin.on:hover,
.hlogin.on:hover .hlchild{-moz-box-shadow: 1px 0px 6px #f1eeee;-webkit-box-shadow: 1px 0px 6px #f1eeee;box-shadow: 1px 0px 6px #f1eeee;}

.hlchild{position: absolute;z-index: 1;top: -9999px;left: -1px;margin-top: -5px;width: 216px;border: 1px solid #DCDEE3;background: #fff;}
.hlchild ul{padding: 6px 14px;}
.hlchild li{}
.hlchild li a{display: block;font-size: 14px;font-size: 1.4rem;color: #333;line-height: 30px;}
.hlchild li span{float: right;display: block;margin-right: 8px;}
.hlchild li.spe{border-top: 1px solid #b2bbca;}
.hlogin.on:hover .hlchild{top: 100%;}

.headr .lang{font-size: 14px;font-size: 1.4rem;color: #333;line-height: 50px;}

@media screen and (max-width:1219px){/*.fixed .hlogin{display: none;}*/.hi-tab .hlogin{display: block;}}

/*categories*/
.hcat{position: relative;z-index: 1;float: left;border: 1px solid #f5f5f5;border: 1px solid rgba(255,255,255,0);line-height: 26px;margin-left: 20px;margin-top: 4px;}
.tab .hcat{border: 1px solid #fff;border: 1px solid rgba(255,255,255,0);}
.hout{position: relative;z-index: 20;padding: 7px 9px 13px 11px;}
.htit{padding-left: 36px;background: url(../img/bg-hcat.png) no-repeat left 4px;cursor: pointer;}
.htit span{position: relative;display: block;width: 92px;font-size: 14px;font-size: 1.4rem;color: #555;}
.htit span i{position: absolute;right: 0;top: 50%;margin-top: -3px;display: block;width: 10px;height: 6px;background: url(../img/bg-htit.png) no-repeat center;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
.hchild{position: absolute;z-index: 10;left: -1px;top: -9999px;margin-top: -1px;}

.hul1{padding: 8px 0;border: 1px solid #DCDEE3;width: 400px;background: #fff;text-align: left;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.hli1-more{padding: 7px 35px 7px 21px;}
.hli1-more a{display: block;font-size: 15px;font-size: 1.5rem;color: #1668AC;}
.hli1-more a:hover{color: #f60 !important;}
.hli1,
.hli1 a{font-size: 14px;font-size: 1.4rem;color: #666;}
.hli1{position: relative;padding: 7px 35px 7px 21px;border: 1px solid #fff;background: url(../img/bg-hli1.png) no-repeat 94% center;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
.hli1:hover{background: url(../img/bg-hli1-on.png) no-repeat 96% center;z-index: 12;-moz-box-shadow: -2px 1px 5px #e7e7e7;-webkit-box-shadow: -2px 1px 5px #e7e7e7;box-shadow: -2px 1px 5px #e7e7e7;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;border: 1px solid #e7e7e7;border-left: 1px solid transparent;}
.hli1 .tits{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.hul2{position: absolute;left: 100%;top: -9999px;margin-top: -10px;padding: 20px;padding-bottom: 0;border: 1px solid #DCDEE3;border-right: none;width: 600px;background: #fff;-moz-box-shadow: 0px 1px 5px #e7e7e7;-webkit-box-shadow: 0px 1px 5px #e7e7e7;box-shadow: 0x 1px 5px #e7e7e7;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.hli2{float: left;padding: 20px;padding-top: 0;width: 260px;height: 208px;text-align: left;}
.hli2 .tit{display: table;height: 48px;}
.hli2 .tit a{display: table-cell;vertical-align: middle;font-weight: 700;line-height: 16px;color: #0060AF;}
.hli2 .tit a:hover{color: #F60 !important;}

.hli3{}
.hli3 a{display: block;font-size: 12px;font-size: 1.2rem;line-height: 24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hli3.more a{color: #999;}

.hcat:hover{border: 1px solid #DCDEE3;}
.hcat:hover,
.hcat:hover .hchild{-moz-box-shadow: 1px -1px 4px #f1eeee;-webkit-box-shadow: 1px -1px 4px #f1eeee;box-shadow: 1px -1px 4px #f1eeee;}
.hcat:hover .hout{background: #fff;}
.hcat:hover .htit{background-position: left -27px;}
.hcat:hover .htit span{color: #1668AC;}
.hcat:hover .htit span i{background-image: url(../img/bg-htit-on.png);transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.hcat:hover .hchild{top: 100%;}
.hli1:hover .hul2{top: 0;}

@media screen and (max-width:1279px){.hul2{width: 480px;}.hli2{width: 200px;}}
@media screen and (max-width:1219px){/*.fixed .hcat{display: none;}*/.hi-tab .hcat{display: block;}.hul2{width: 400px;padding: 10px;}.hli2{width: 160px;height: 170px;}}


/*footer*/
.footer{margin-top: 40px;padding: 30px 0;padding-bottom: 20px;background: #2d3237;text-align: center;}
.footerl{padding-top: 10px;text-align: center;}
.footerl li{display: inline-block;}
.footerl li.shu{padding: 0 20px;color: #6b6e81;}
.footerl li a{padding: 4px 0;font-size: 14px;font-size: 1.4rem;color: #6b6e81;}
.footerl li a:hover{color: #c4c2c2 !important;}

.footerr{float:right;}
.footerr .text{float: right;width: 361px;height: 44px;margin-right: 7px;border: 1px solid #626262;background:#313131 url(../img/bg-footer-envelope.png) no-repeat 7px center;text-align: right;}
.footerr .text input{width: 320px;height: 46px;line-height: 44px;font-size: 12px;font-size: 1.2rem;color: #adadad;background: none;}
.footerr .submit{float: right;width: 115px;height: 46px;line-height: 46px;font-size: 14px;font-size: 1.4rem;color: #fff;background: #0060AF;text-align: center;}
.footerr .submit:hover{border-radius: 8px;}

.copyright{padding-top: 10px;/*padding-bottom: 35px;*/}
.copyrightl{padding-top: 14px;font-size: 14px;font-size: 1.4rem;color: #6b6e81;text-align: center;}
.copyrightl a{color: #6b6e81;}
.copyrightl a:hover{color: #c4c2c2 !important;}
.copyrightr{float: right;margin-top: -26px;}
.copyrightr li{float: left;margin-left: 12px;}
.copyrightr li a{display: block;width: 25px;height: 25px;line-height: 43px;}
/*.copyrightr .li1 a{background: url(../img/footer-icon-1.png) no-repeat center;}
.copyrightr .li2 a{background: url(../img/footer-icon-2.png) no-repeat center;}
.copyrightr .li3 a{background: url(../img/footer-icon-3.png) no-repeat center;}
.copyrightr .li4 a{background: url(../img/footer-icon-4.png) no-repeat center;}
.copyrightr .li5 a{background: url(../img/footer-icon-5.png) no-repeat center;}
.copyrightr .li1 a:hover{background: url(../img/footer-icon-1-on.png) no-repeat center;}
.copyrightr .li2 a:hover{background: url(../img/footer-icon-2-on.png) no-repeat center;}
.copyrightr .li3 a:hover{background: url(../img/footer-icon-3-on.png) no-repeat center;}
.copyrightr .li4 a:hover{background: url(../img/footer-icon-4-on.png) no-repeat center;}
.copyrightr .li5 a:hover{background: url(../img/footer-icon-5-on.png) no-repeat center;}
*/
.footerl a{ font-size:16px !important; font-size:1.6rem !important; font-family:Arial, Helvetica, sans-serif !important; color:#bababa !important; }
        .li11 a{ background:url(../img/shejiao1.png) no-repeat; }
		.li11 a:hover{ background:url(../img/shejiaohg1.png) no-repeat; }
		.li12 a{ background:url(../img/shejiao2.png) no-repeat; }
		.li12 a:hover{ background:url(../img/shejiaohg2.png) no-repeat; }
		.li13 a{ background:url(../img/shejiao3.png) no-repeat; }
		.li13 a:hover{ background:url(../img/shejiaohg3.png) no-repeat; }
		.li14 a{ background:url(../img/shejiao4.png) no-repeat; }
		.li14 a:hover{ background:url(../img/shejiaohg4.png) no-repeat; }
		.li15 a{ background:url(../img/shejiao5.png) no-repeat; }
		.li15 a:hover{ background:url(../img/shejiaohg5.png) no-repeat; }
@media screen and (max-width:1219px){.footerl li.shu{padding: 0 10px;}.footerr .text{width: 260px;}.footerr .text input{width: 220px;}}




/*common*/
.com-rotate-ul > li > a{transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-webkit-transition: 0.8s;}
/*.com-rotate-ul > li > a:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
*/

 #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}


.MagicZoomBigImageCont {border:1px solid #eee;background:#FFF;*display: none !important;}
.MagicZoomBigImageCont img{width:800px !important;height:600px !important;}
.MagicZoomPup {border:1px solid #aaa;background:#ffffff;}

@media screen and (max-width:1219px){.MagicZoomBigImageCont{display: none !important;}}

.layui-layer-setwin .layui-layer-close2{transition: none !important;}

.bottom-b {
    margin-top: 33px;
    margin-bottom: 33px;
}

.bottom-b ul {
    clear: both;
    margin: 0 auto;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
}

.bottom-b li {
    float: left;
    margin-right: 25px;
    color: #6b6e81;
}

.bottom-b li:last-child {
    margin-right: 0;
}

.bottom-b li a {
    color: #bababa;
}

.bottom-b li:hover a {
    color: #c4c2c2 !important
}



.search-relation-box{overflow: visible !important;}
.search-relation-box .search-relation-form{position: relative;}
.search-relation-box .search-relation-form .search-relation-list{display: none; z-index: 99999; min-width: calc(100% - 313px);max-width: 100%; padding: 10px 0; background-color: #fff;border: 1px solid #dcdcdc; position: absolute;left: 0; top: 100%;height: auto;}
.search-relation-box .search-relation-form .search-relation-list li{line-height: 30px;padding: 0 20px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.search-relation-box .search-relation-form .search-relation-list li:hover{background-color: #f8f8f8;}