/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/
@font-face {
  font-family: "WR";
  src: url("font/WR.woff2") format("woff2"),
       url("font/WR.woff") format("woff"),
       url("font/WR.ttf") format("truetype"),
       url("font/WR.eot") format("embedded-opentype"),
       url("font/WR.svg") format("svg");
}
/*global css*/
body,html,h1,h2,h3,h4,h5,h6,big,small,sub,sup,input,select,textarea,p{font-size:14px; color:#000; -webkit-text-size-adjust:none; outline:0; font-family:'WR';}
header,footer,section,aside,nav,hgroup,figure,figcaption{display:block; margin:0; padding:0; border:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,select,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{ list-style-type:none;}
img{max-width:100%; max-height:100%; border:none;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border-radius:0; border:1px solid #ddd;}
input[type=submit]{cursor: pointer;}
textarea{resize:none;}
table{word-wrap:break-word !important; border-collapse:collapse !important;}

/*文字大小，颜色，行距定义*/
.fl{float:left;}
.fr{float:right;}

/*padding*/
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.blank3{margin:0px auto; clear:both; height:3px; font-size:1px; overflow:hidden;}
.blank6{margin:0px auto; clear:both; height:6px; font-size:1px; overflow:hidden;}
.blank9{margin:0px auto; clear:both; height:9px; font-size:1px; overflow:hidden;}
.blank12{margin:0px auto; clear:both; height:12px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}
.blank30{margin:0px auto; clear:both; height:30px; font-size:1px; overflow:hidden;}
.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}

/*a*/
a{color:#333; text-decoration:none;}
a:hover{text-decoration:none;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:none;}
p{ word-wrap: break-word; word-break: normal;}

/*turn page*/
#turn_page{text-align:center; height:35px; line-height:35px; clear:both;}
#turn_page span{border:1px #cecece solid; display:inline-block; *display:inline; *zoom:1; font-size:14px; height:33px; line-height:33px; overflow:hidden; background:#fff; vertical-align:top; margin:0 4px; border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#turn_page span em{width:7px; height:12px; display:inline-block; vertical-align:middle; margin-top:-2px;}
#turn_page font, #turn_page a{width:32px; height:33px; display:block; text-align:center; text-decoration:none;}
#turn_page .page_item_current{background:#333; color:#fff; cursor:default;}
#turn_page .page_button, #turn_page .page_noclick{width:auto; padding:0 12px;}
#turn_page .page_noclick{cursor:no-drop;}
#turn_page .icon_page_prev{background:url(../images/ico/normal.png) no-repeat -391px -24px; margin-right:6px;}
#turn_page .icon_page_next{background:url(../images/ico/normal.png) no-repeat -408px -24px; margin-left:6px;}

/*.ooooo{width: 100%;position: absolute;left: 0;top: 0;opacity: 0.5;pointer-events:none;}*/
/*body::-webkit-scrollbar {display:none}*/
body{width: 100%;min-width: 1200px;background: #f3f8fc;}
.marinner{width: 1200px;margin: 0 auto;}
.img{text-align: center;font-size: 0;}
.img img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.img span{vertical-align: middle;height: 100%;display: inline-block;}
.bs{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.justifyout{text-align: justify;}
.justifyout .justify{display: inline-block;width: 100%;height: 0;font-size: 0;line-height: 0;}

/*头部*/
#header{}
#header .top_menu{background: #222;height: 37px;line-height: 37px;color: #fff;}
#header .top_menu .sign_in,#header .top_menu .help,#header .top_menu .cart{display: inline-block;vertical-align:top;}
#header .top_menu .sign_in,#header .top_menu .help{padding: 5.5px 0;margin: 0 16px 0 8px;}
#header .top_menu .title{font-size: 12px;line-height: 26px;color: #fff;background: url(../images/header_top_select.png) no-repeat right 2.5px center;padding-right: 20px;}
#header .top_menu .cart .cart_bg{position: relative;width: 37px;height: 37px;background: url(../images/header_top_cart.png) no-repeat center;}
#header .top_menu .cart .qty{position: absolute;width: 28px;height: 28px;border-radius: 50%;color: #fff;font-size: 20px;line-height: 27px;text-align: center;background: #ff0000;transform: scale(.5);right: -6px;top: -3px;}
#header .bottom_menu{height: 101px;background: #fff;}
#header .logo{height: 95px;margin-top: 6px;max-width: 280px;}
#header .menu{max-width: calc( 100% - 280px );float: right;/*margin-right: -7px;*/}
#header .menu a{line-height: 91px;font-size: 16px;color: #000000;display: inline-block;border-bottom: 4px solid transparent;padding: 6px 7px 0;margin-left: 24px;}
#header .menu a:hover,#header .menu a.cur{border-color: #dd2222;}
.innerbanner{height: 370px;background-repeat: no-repeat;background-position: center;background-size: cover;}

/*尾部*/
#footer{border-top: 1px solid #ccddea;padding-top: 70px;}
#footer .top{padding: 0;padding-bottom: 105px;text-align: left;}
#footer .copy{width: 25%;box-sizing:border-box;float: left;}
#footer .copy:nth-child(2){transform: translate(25%, 0px);}
#footer .copy:nth-child(3){transform: translate(21%, 0px);}
#footer .copy:nth-child(4){transform: translate(17%, 0px);}
#footer .copy .logo{text-align: left;margin-top: 2px;}
#footer .copy .desc{font-size: 14px;line-height: 24px;color: #333333;margin-left: 4px;margin-top: 27px;}
#footer .copy .title{font-size: 16px;line-height: 26px;color: #000000;}
#footer .copy .a_list{margin-top: 18px;}
#footer .copy .a_list .a{font-size: 14px;line-height: 32px;display: block;color: #444444;}
#footer .copy .a_list .a a{color: #444444;}
#footer .copy .share{margin-top: 25px;}
#footer .copy .share .img{display: inline-block;vertical-align: middle;margin: 0 10px;}
#footer .copyer{text-align: center;border-top: 1px solid #ccddea;padding: 13px 0 14px;}
#footer .copyer,#footer .copyer a{font-size: 14px;line-height: 44px;color: #212121;}

/**/
.video_list .copy{width: 365px;height: 273px;margin-left: calc( (100% - 3*365px)/2 );float: left;position: relative;}
.video_list .copy:nth-child(3n+1){margin-left: 0px;}
.video_list .copy .click{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../images/index_video_play.png) no-repeat center top 44%;cursor: pointer;z-index: 1;}
.video_list .copy .name{font-size: 16px;color: #ffffff;background: rgba(0,0,0,0.5);width: 100%;box-sizing:border-box;padding: 0 20px;line-height: 46px;bottom: 0;left: 0;position: absolute;text-align: left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.service_list{margin-top: 50px;}
.service_list .copy{width: calc( 100%/3 );float: left;box-sizing:border-box;text-align: center;padding: 0 30px;margin-bottom: 45px;}
.service_list .copy .name{font-size: 18px;line-height: 26px;color: #333333;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;margin-top: 22px;height: 52px;}
.service_list .copy .img{width: 110px!important;height: 110px!important;border: 1px solid #e5e5e5;box-sizing:border-box;border-radius: 50%;margin:auto;transition:all 0.5s;background: #fff;}
.service_list .copy .img img{transition:all 0.5s;}
.service_list .copy:hover .img{background: #dd2222;border-color: #dd2222;}
.service_list .copy:hover .img img{filter:brightness(0) invert(1);}

.movie_play{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;z-index: 9999;overflow-x:hidden;display: none;}
.movie_play .bg{width: 850px;height: 550px;background: #fff;margin: 14px auto 0;padding: 25px 23px 0 22px;position: relative;}
.movie_play #video,.movie_play .click.img{width: 850px;height: 478px;text-align: center;}
.movie_play #video iframe{width: 850px;height: 478px;}
.movie_play .click.img{position: absolute;left: 22px;top: 25px;}
.movie_play .name{font-size: 16px;line-height: 20px;color: #000;text-align: center;padding-top: 20px;overflow: hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.movie_play .close{position: absolute;right: -14px;top: -14px;cursor: pointer;}