/*@font-face{font-family:'CustomFont'; src: url('font/SOURCEHANSANSCN-REGULAR.otf'); }
@font-face{font-family:'CustomBlod'; src: url('font/SOURCEHANSANSCN-MEDIUM.otf'); } */
* {margin: 0px;padding: 0px;border: 0px;outline: none;outline: 0;list-style-type: none;list-style: none;-webkit-tap-highlight-color: transparent;border: 0px;-webkit-overflow-scrolling:touch;text-decoration:none;font-family:'MicrosoftYahei';}
html,body {font-size: 16px;font-style: normal;font-variant-ligatures: normal;font-variant-caps: normal;font-variant-numeric: normal;font-variant-east-asian: normal;font-weight: normal;font-stretch: normal;-webkit-font-smoothing: antialiased;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: grayscale;text-shadow: inherit;text-shadow: inherit;color: #333333;-webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: auto;width: 100%;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;-moz-appearance: none;border: 0px;background: #fff;}
input::placeholder { color:#999999;font-size: 16px;}
textarea::placeholder {color: #999999;font-size: 16px;}
::-webkit-input-placeholder{color: #999999;font-size: 16px;}
:-moz-placeholder {color: #999999;font-size: 16px;}
::-moz-placeholder {color: #999999;font-size: 16px;}
:-ms-input-placeholder {color: #999999;font-size: 16px;}

.clear{ display: block; clear:both ;font-size:0px;height:0px;}
.main{ display: block; clear: both;width:1400px;padding:0px; margin:0px auto;}
#headcontrol{ display: flex;width: 1400px; margin: 0px auto; flex-direction: row;justify-content: space-between; align-items: center;align-content: center;height: 80px; -moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
#infocontrol{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;align-content: center;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
#infocontrol div.btn{ display:flex; width: 68px;height:40px; border-radius:4px; text-align: center; align-items: center; justify-content: center;border:#1764BE solid 1px;color:#1764BE; background: #fff; cursor: pointer;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#infocontrol div.signin{ background:#1764BE;color:#fff;}
#infocontrol div.register{ border:#1764BE solid 1px;color:#1764BE; background: #fff;}
#infocontrol div.btn:hover{ background:#074d9f;color:#fff;border:#074d9f solid 1px;}
#infocontrol div.tel{display: flex; flex-direction: row; justify-content: space-between; align-items: center;align-content: center;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none; font-size: 16px;}
#infocontrol div.tel a{color:#1764BE; cursor: pointer; text-decoration: none;}
#bancontrol{ display: block; clear: both; padding:0px;margin: 0px; position: relative;height:540px;height:100%;}
#textcontrol{ display: block; clear:both; position:absolute;top:120px; z-index: 98;color:#fff;width:1400px;left:calc((100% - 1400px) / 2);left:-webkit-calc((100% - 1400px) / 2);left:-moz-calc((100% - 1400px) / 2)}
#textcontrol div.title{ display: block; font-weight: bold;font-size: 48px;color: #FFFFFF;text-align: left;font-style: normal;text-transform: none;}
#textcontrol div.desc{ display: block;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 34px;text-align: left;font-style: normal;text-transform: none;}
#textcontrol div.btns{ display:flex; clear: both;width: 180px;height:48px;background: #ff7d00;border-radius:3px;color:#fff; align-items: center; justify-content: center;cursor: pointer;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#textcontrol div.btns:hover{ background:#333333;}
#textcontrol div.btns:after{ display: block;content:'';width: 14px;height:14px; background: url(btnRight.png) center center no-repeat; background-size: cover;margin-left:5px;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.textbox{ text-align: justify;line-height: 28px;color:#666666;}

#ordercontrol{ display: block; clear:both;margin: 0px;padding:0px; background: #fff;}
#ordercontrol div.seartips{ display: block; text-align: center;font-weight: bold;font-size: 34px; color: #333333;font-style: normal;text-transform: none;}
#ordercontrol div.seardesc{ display: block; clear: both; font-weight: 400; font-size: 16px;color: #666666; text-align: center;font-style: normal;text-transform: none;}
#ordercontrol div.formbox{ display: flex; flex-direction: column; align-items: flex-start;align-content:flex-start; justify-items: flex-start; justify-content: center;;padding:0px;padding-left:50px;padding-right:50px;background: #f5f7fa;height:166px;}
#ordercontrol div.formdiv{ display: flex; flex-direction: row; align-items: center;align-content: center; justify-content:space-between;width:100%}
#ordercontrol div.formdiv div.btn{ width:120px;height:54px; display: flex; flex-direction: row; align-items: center;align-content: center; justify-content:center;border-radius:4px;color:#fff !important;;}
#ordercontrol div.formdiv div.input{ display: block; flex-grow: 1;}
#ordercontrol div.formdiv input[type="text"]{ width: 100%;height:54px;padding-left:20px; box-sizing: border-box;border-radius:4px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; line-height:54px;}
#ordercontrol div.formdiv input[type="text"]:focus{ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);}
#ordercontrol div.formdiv div#Submitbtn{background:#1764be;color:#fff;margin-left:15px; cursor: pointer;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#ordercontrol div.formdiv div#Submitbtn:before{ display: block;content: '';width:18px;height:18px; background:url(search.png) center center no-repeat; background-size: cover;margin-right:8px;}
#ordercontrol div.formdiv div#Submitbtn:hover{ background: #004ba3;}
#ordercontrol div.formdiv div#Clearbtn{background:#e5e7eb;color:#333333 !important;margin-left:15px;cursor: pointer;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#ordercontrol div.formdiv div#Clearbtn:before{ display: block;content: '';width:18px;height:18px; background:url(clear.png) center center no-repeat; background-size: cover;margin-right:8px;}
#ordercontrol div.formdiv div#Clearbtn:hover{ background: #cacaca;}
#ordercontrol div.info{ display:flex; flex-direction: row; align-items: flex-start; justify-content: center;}
#ordercontrol div.info:before{ display: block; content: ''; background: url(info.png) center center no-repeat;margin-right:5px; background-size: cover;width:16px;height: 16px;;}
#huozhucontrol{ display: block; clear:both;margin: 0px;padding:0px; background: #f5f7fa;}
#huozhucontrol div.huozhubox{ display: flex; flex-direction: row; align-items: center;align-content: center; justify-content:space-between;width:100%}
#huozhucontrol h2{ display: block; clear: both;font-size: 42px;font-weight: bold;}
#huozhucontrol div#Huozhubtn{ display:flex; clear: both;width: 160px;height:48px;background: #1764BE;border-radius:3px;color:#fff; align-items: center; justify-content: center;cursor: pointer;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#huozhucontrol div#Huozhubtn:hover{ background:#333333;}
#huozhucontrol div#Huozhubtn:after{ display: block;content:'';width: 14px;height:14px; background: url(btnRight.png) center center no-repeat; background-size: cover;margin-left:5px;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

#chezhucontrol{ display: block; clear:both;margin: 0px;padding:0px; background: #fff;}
#chezhucontrol div.chezhubox{ display: flex; flex-direction: row; align-items: center;align-content: center; justify-content:space-between;width:100%}
#chezhucontrol h2{ display: block; clear: both;font-size: 42px;font-weight: bold;}
#chezhucontrol div#Chezhubtn{ display:flex; clear: both;width: 160px;height:48px;background: #1764BE;border-radius:3px;color:#fff; align-items: center; justify-content: center;cursor: pointer;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#chezhucontrol div#Chezhubtn:hover{ background:#333333;}
#chezhucontrol div#Chezhubtn:after{ display: block;content:'';width: 14px;height:14px; background: url(btnRight.png) center center no-repeat; background-size: cover;margin-left:5px;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

#comcontrol{ display: block; clear:both;margin: 0px;padding:0px; background: #f5f7fa;}
#comcontrol div.combox{ display: flex; flex-direction: row; align-items: center;align-content: center; justify-content:space-between;width:100%}
#comcontrol h2{ display: block; clear: both;font-size: 42px;font-weight: bold;}
#comcontrol div#Combtn{ display:flex; clear: both;width: 220px;height:48px;background: #ff7d00;border-radius:3px;color:#fff; align-items: center; justify-content: center;cursor: pointer;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#comcontrol div#Combtn:hover{ background:#333333;}
#comcontrol div#Combtn:after{ display: block;content:'';width: 14px;height:14px; background: url(btnRight.png) center center no-repeat; background-size: cover;margin-left:5px;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.textbox{ text-align: justify;line-height: 28px;color:#666666;}


#youshicontrol{ display: block; clear:both;margin: 0px;padding:0px; background: #fff;}
#youshicontrol div.youshititle{ display: block;font-size: 34px; text-align: center; font-weight: bold;}
#youshicontrol div.youshidesc{ display: block;color:#666; text-align: center;}
#youshicontrol div.youshibox{ display: flex; flex-direction: row; align-items: center;align-content: center; justify-content:space-between;}
#youshicontrol div.item{ display: flex;width: 448px;height:282px; flex-direction: column; align-items: center; align-content: center; justify-content: center;padding:0px 40px 0px 40px;-moz-box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.16);-webkit-box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.16);box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.16); background: #fff;border-radius: 20px 20px 20px 20px; box-sizing: border-box;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#youshicontrol div.item:hover{-moz-box-shadow: 0px 2px 12px 1px #1764BE;-webkit-box-shadow: 0px 2px 12px 1px #1764BE;box-shadow: 0px 2px 12px 1px #1764BE; background:#1764BE;color:#fff;}
#youshicontrol div.item:hover div.desc{ color:#fff; text-align:justify}
#youshicontrol div.icon{ display: block;margin-bottom: 20px;;}
#youshicontrol div.titls{ display: block;padding: 10px 0px;}
#youshicontrol div.desc{ display: block;padding: 10px 0px;color:#666; text-align:justify}

#footercontrol{ display: block; clear:both;margin: 0px;padding:0px; background: #1D2129;padding:0px;padding-top:30px;;color:#C9CDD4}
#footercontrol div.footerbox{ display: flex; flex-direction: row; align-items: center;align-content: center; justify-content:space-between;padding-bottom:30px;}
#footercontrol div.item{ display: block; clear: both;padding:0px; margin: 0px;line-height:28px;}
#footercontrol h5{ display: block; clear: both;font-size: 20px;padding-bottom:12px;}
#Copyright{ display: block; clear: both;padding:10px 0px; border-top: #293443 solid 1px;font-size: 14px; text-align:center;color: #C9CDD4;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}