@charset "UTF-8";

*{ margin:0; padding:0; list-style:none; -webkit-tap-highlight-color:rgba(0,0,0,0); outline:none 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
*::-webkit-input-placeholder{ color:#999999; /* WebKit browsers */} 
*:-moz-placeholder { color:#999999; /* Mozilla Firefox 4 to 18 */ }
*::-moz-placeholder { color:#999999; /* Mozilla Firefox 19+ */} 
*:-ms-input-placeholder { color:#999999; /* Internet Explorer 10+ */}
body,td,input,textarea,select,button{ font-size:14px; color:#222222; font-family:"Microsoft YaHei",Arial,Helvitica,verdana,Tohoma,san-serif;}
html, body{ height: 100%;}
body{ background-color:#ffffff;}

div,ul,li,dl,dt,dd,p,span,h1,h2,h3,h4,h4,h5,i,em,form{ overflow:hidden;}
h1,h2,h3,h4,h4,h5{ font-weight: 500;}
img{ max-width: 100%; border: 0; vertical-align: middle;}
input, select, textarea, button{ line-height:normal; border: 0; background:transparent;}
button{ cursor: pointer;}
em, i{ font-style: normal;}
a, a:active, a:visited{ color:#222222; text-decoration:none; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
a:hover{ color:#327c89; text-decoration:none;}

.clr:after{ content:""; display:block; height:0; clear:both;}
.xw-page{ position: relative; margin: 0 auto; width: 1200px;}
.xw-out{ overflow: visible;}
.xw-opacity{ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.xw-block{ display: block;}
.xw-shadow{ -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2);}
/*----*/
.xw-scale{ position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.xw-scale:hover{ transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1);}
.xw-scale-hover{ transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1);}
/*----*/
.xw-left{ float: left;}
.xw-right{ float: right;}
/*----*/
.xw-ellipsis{ word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.xw-ellipsis-2{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal !important; text-overflow:ellipsis; overflow:hidden;}
.xw-ellipsis-3{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal !important; text-overflow:ellipsis; overflow:hidden;}
.xw-ellipsis-4{ display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word; white-space:normal !important; text-overflow:ellipsis; overflow:hidden;}
/*----*/
.xw-top{ margin-top: 30px;}
.xw-sy-top{ margin-top: 60px;}
.xw-ny-top{ margin-top: 50px;}
.xw-fot-top{ margin-top: 60px;}
.xw-go-top{ position: fixed; right: 0; bottom: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #ffffff; background: rgba(0,0,0,.5); display: none; cursor: pointer; z-index: 9999;}
.xw-middle{ position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.xw-middle-all{ position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.xw-radius-3{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.xw-radius-4{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.xw-radius-5{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.xw-radius-6{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.xw-radius-7{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.xw-radius-8{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.xw-radius-9{ -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}
.xw-radius-round{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
/*----*/
.xw-Sub-Blue{ background: #006aff; color: #ffffff; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.xw-Sub-Blue:hover{ background: #0059d5;}
.xw-Sub-Red{ background: #ff565b; color: #ffffff; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.xw-Sub-Red:hover{ background: #d74e52;}
.xw-Sub-Orange{ background: #ff5722; color: #ffffff; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.xw-Sub-Orange:hover{ background: #d7491c;}
/*----*/
.xw-Txt-Blue{ color: #006aff;}
.xw-Txt-Orange{ color: #ff5722;}
/*----*/
.xw-Lfg{ position: relative;}
.xw-Lfg:before{ position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: rgba(0,0,0,.2); content:""; -webkit-transform: scaleX(.5); transform: scaleX(.5);}
.xw-Rfg{ position: relative;}
.xw-Rfg:before{ position: absolute; top: 0; bottom: 0; right: 0; width: 1px; background: rgba(0,0,0,.2); content:""; -webkit-transform: scaleX(.5); transform: scaleX(.5);}
.xw-Tfg{ position: relative;}
.xw-Tfg:before{ position: absolute; left: 0; right: 0; top: 0; height: 1px; background: rgba(0,0,0,.2); content:""; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
.xw-Bfg{ position: relative;}
.xw-Bfg:before{ position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(0,0,0,.2); content:""; -webkit-transform: scaleY(.5); transform: scaleY(.5);}
/*----*/
.xw-grad{
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);
}
/*--通用flex布局--*/
.xw-flex{ display: -webkit-box-flex; display: -ms-box-flex; display: flex;}
.xw-flex-item{ -webkit-box-flex: 1.0; -ms-box-flex: 1.0; flex: 1.0;}
.xw-flex-item-2{ -webkit-box-flex: 2.0; -ms-box-flex: 2.0; flex: 2.0;}
.xw-flex-align{ -webkit-align-items: center; -ms-align-items: center; align-items: center;}
.xw-flex-align-end{ -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end;}
/*----*/
.text{ padding: 5px 0; width: 100%; height: 35px;}
.select{ width: 100%; height: 35px;}


/*====*/
.nav{ margin: 0 0 0 30px; position: relative; height: 100px; z-index: 999;}
.nav li{ position: relative;}
.nav li h1 a{ margin: 0 25px; height: 100px; line-height: 100px; font-size: 16px; font-weight: normal; border-bottom: 4px solid #ffffff;}
.nav li.active h1 a{ border-color: #ff5722; color: #ff5722;}
.nav li div{ position: absolute; padding: 8px 0; top: 100px; left: 0; min-width: 100%; background: #327c89; display: none;}
.nav li div a{ padding: 0 10px; text-align: center; height: 30px; line-height: 30px; color: #ffffff; white-space: nowrap; }
.nav li div a:hover{ background: rgba(0,0,0,.3);}


/*====*/
.top{ padding: 21px 0 0; background: url('../pics/orther/tpok.png') repeat-x center -1px; border-top: 4px solid #327c89;}
.top-logo{ height: 100px;}
.top-tel{ height: 100px; font-size: 20px;}
.top-tel b{ color: #ff5722;}
.top-tel .top-tel-icon{ padding: 0 10px 0 15px; font-size: 24px; color: #ff5722;}


/*====*/
.swiper-wrapper{ overflow: visible;}
.swiper-wrapper .swiper-slide{ background: #ffffff;}
.swiper-wrapper .swiper-slide img{ width: 100%;}


/*----*/
.forLm .xw-flex-item{ height: 44px; background: url('../pics/orther/tpok.png') repeat-x center 15px;}
.FLM-con{ display: inline-block; padding: 0 30px; text-align: center;}
.FLM-con h1{ font-size: 36px; color: #327c89;}
.FLM-con h2{ padding: 5px 0 0; font-size: 14px; color: #327c89; text-transform: uppercase;}


/*====*/
.foot{ padding: 21px 0 0; background: #fafafa url('../pics/orther/tpok.png') repeat-x center -1px; border-top: 4px solid #327c89;}
.foot-nav{ padding: 30px 0 60px; text-align: center;}
.foot-nav a{ display: inline-block; margin: 0 30px; font-size: 16px;}
.foot-con .xw-page{ height: 165px; border-top: 1px solid #d7d7d7;}
.foot-join{ height: 85px;}
.foot-title{ margin: 6px 30px 0 0; font-size: 18px;}
.foot-title b{ color: #327c89;}
.foot-title span{ margin-top: 2px; font-size: 12px; text-transform: capitalize;}
.foot-msg p{ margin-bottom: 5px; height: 35px; line-height: 35px;}
.foot-msg p i{ margin-right: 10px; width: 30px; vertical-align: middle; font-size: 24px; text-align: center;}
.foot-msg p b{ display: inline-block; font-size: 24px; vertical-align: middle;}
.foot-msg p span{ display: inline-block; vertical-align: middle;}
/*----*/
.foot-form{ padding: 0 60px 0 0;}
.foot-form li{ margin: 0 0 10px; padding-right: 20px; width: 50%; height: 35px;}
.foot-form li span{ width: 45px; font-size: 16px;}
.foot-form li p{ padding: 0 10px; background: #eaeaea; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.foot-form li div{ margin-left: 45px;}
.foot-form li div button{ width: 100%; height: 35px; font-size: 18px; color: #ffffff; text-align: center; background: #327c89; border: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.foot-form li div button:active{ -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
/*----*/
.foot-bom{ background: #327c89;}
.foot-bom .xw-page{ height: 130px;}
.foot-logo{ padding: 0 15px; margin-right: 30px; background: rgba(255, 255, 255, 1);}
.foot-info{ line-height: 30px; color: #ffffff;}
.foot-info a { color: #ffffff; }
.foot-ewm{ margin: -40px 0 0; text-align: center;}
.foot-ewm img{ width: 100px; height: 100px; border: 10px solid rgba(255, 255, 255, .8);}
.foot-ewm p{ padding: 10px 0 0; color: rgba(255, 255, 255, .75);}