@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#555; margin:0px auto; font-family: Microsoft YaHei; font-size:14px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#505050; background: transparent;  outline:none}
a:visited { color:#8c8c8c; text-decoration: none;}
a:focus { outline:none; text-decoration: none;}
a:hover{ color:#e0a046; text-decoration: none; }
a:active{ outline:none; text-decoration: none;}

/*标题*/
h1 { font-size: 1.3em; margin: 0; }
h2 {font-size: 1.2em; margin: 0; }
h3 { font-size: 1.17em;margin: 0; }
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;}

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*浮动*/
.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }
.t-center{text-align: center !important;}

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*按钮*/
.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666; }
/*默认样式*/
.btn { background-color:#ff0000; color:#fff; }
.btn:hover { background-color:#f96060; color:#fff; }
.btn:active { background:#f96060; color:#fff;}
/*按钮大小*/
.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}
/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; }
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button {outline: none; width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}
.form-control-text{background-color: #f9f9f9; border-color: #dfdfdf; border-radius: 0; height: 50px; font-size: 16px; margin: 10px 0;}
.form-width{width: 70%;}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:5px; display:none;} /*more链接*/
.code_image{ cursor: pointer; padding-bottom:6px; height: 54px; } /*验证码图片样式*/
.delay1{ -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay2{ -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay3{ -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.delay4{ -webkit-animation-delay:1s; animation-delay:1s; }
.delay5{ -webkit-animation-delay:1.2s; animation-delay:1.2s; }
.delay6{ -webkit-animation-delay:1.4s; animation-delay:1.4s; }
.delay7{ -webkit-animation-delay:1.5s; animation-delay:1.5s; }
.delay8{ -webkit-animation-delay:1.6s; animation-delay:1.6s; }
.delay9{ -webkit-animation-delay:1.7s; animation-delay:1.7s; }
.delay10{ -webkit-animation-delay:1.8s; animation-delay:1.8s; }
.delay11{ -webkit-animation-delay:1.9s; animation-delay:1.9s; }
.delay12{ -webkit-animation-delay:2s; animation-delay:2s; }
.delay13{ -webkit-animation-delay:2.1s; animation-delay:2.1s; }
.delay14{ -webkit-animation-delay:2.2s; animation-delay:2.2s; }
.delay15{ -webkit-animation-delay:2.3s; animation-delay:2.3s; }
.delay16{ -webkit-animation-delay:2.4s; animation-delay:2.4s; }
.delay17{ -webkit-animation-delay:2.5s; animation-delay:2.5s; }
.delay18{ -webkit-animation-delay:2.6s; animation-delay:2.6s; }
.delay19{ -webkit-animation-delay:2.7s; animation-delay:2.7s; }
.delay20{ -webkit-animation-delay:2.8s; animation-delay:2.8s; }

/* 华匠 */
.hj-btn{transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; display: inline-block; color: #fff; padding: 0 20px; height: 44px; line-height: 44px; font-size: 18px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 2px; background-color: #fb8e00;}
.hj-btn:hover{background-color: #e0a046; color: #fff;}
.hj-btn-null{transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; display: inline-block; color: #2074a5 !important; padding: 0 20px; height: 44px; line-height: 40px; font-size: 18px; border: 2px solid #2074a5; border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 2px; }
.hj-btn-null:hover{background-color: #267daf; color: #fff !important;}
.hj-btn-nonull{transition: 0.4s ease; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; display: inline-block; color: #fff !important; padding: 0 20px; height: 44px; line-height: 44px; font-size: 18px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; letter-spacing: 2px;  background: #2074a5 url('../images/tel-icon.png') 15px center no-repeat; text-indent: 30px;}
.hj-btn-nonull:hover{background-color: #267daf; color: #fff !important;}

.video-play {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 74px; height: 67px; cursor: pointer; z-index: 1;}
.video-play .bgimg{ background: url('../images/qywh_icon.png'); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 74px; height: 67px; cursor: pointer; z-index: 10;}
.video-play .play-waves .waves,.video-play1 .play-waves .waves {position: absolute; width: 148px; height: 148px; opacity: 0; -ms-filter: "alpha(opacity=0)";  border-radius: 100%; right: -37px; bottom: -37px; z-index: -1; border: none;  background: rgba(255, 255, 255, 0.2); box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.06);}
.video-play:hover .waves,.video-play1:hover .waves {background-color: rgb(250 142 0 / 39%); z-index: -1;}
.waves1 {-webkit-animation: waves 3s ease-in-out 1s infinite; animation: waves 3s ease-in-out 1s infinite;}
.waves2 {-webkit-animation: waves 3s ease-in-out 0.5s infinite; animation: waves 3s ease-in-out 0.5s infinite;}
.waves3 {-webkit-animation: waves 3s ease-in-out 0s infinite; animation: waves 3s ease-in-out 0s infinite;}

/* 覆盖小图标 */
.zdy-box{text-align: center; float: right;}
.zdy-box .shar-tit{float: left; height: 50px; line-height: 50px; font-size: 18px; display: inline-block;}
.zdy-box a{transition: all 0.5s; float: none !important; padding-left: 0 !important; display: inline-block; width: 51px !important; height: 51px !important; line-height: 51px !important;}
.zx_box{width: 51px; height: 51px;  background-repeat: no-repeat; cursor: pointer; background-position: 0; margin: 0 6px !important;}
.bds_qzone_zx{background-image: url('../images/zx1_hover.png') !important;}
.bds_tsina_zx{background-image: url('../images/zx2_hover.png') !important;}
.bds_weixin_zx{background-image: url('../images/zx3_hover.png') !important;}
.bds_qzone_zx:hover{background-image: url('../images/zx1_hover.png') !important;}
.bds_tsina_zx:hover{background-image: url('../images/zx2_hover.png') !important;}
.bds_weixin_zx:hover{background-image: url('../images/zx3_hover.png') !important;}

audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}

/* 切换按钮 */
.prevnext{display:block;width:54px;height:54px; background:url(../images/prevnext.png) no-repeat center; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.prevs{background-position:left bottom; position: absolute; margin-top: 10px; left: 45%; transform: translateX(-50%); z-index: 99;}
.nexts{background-position:right bottom; position: absolute; margin-top: 10px; left: 55%; transform: translateX(-50%); z-index: 99;}
.prevs:hover{ background-position: left top; }
.nexts:hover{ background-position: right top; }
.nexts-custom{right: 0px;  margin-top: 12%; left: auto; transform: none;}
.prevs-custom{left: 30px; margin-top: 12%;}
.is_margin_top{margin-top: 50px;}
.middle{background: url('../images/center_icon.png') no-repeat center; width: 54px; height: 54px; position: absolute; margin-top: 50px; left: 50%; transform: translateX(-50%);}
/* .nexts:hover{background: url('../images/hover_next_icon.png') no-repeat center; cursor: pointer;}
.prevs:hover{background: url('../images/hover_prev_icon.png') no-repeat center; cursor: pointer;} */

/* 视频播放按钮动画 */
@-webkit-keyframes waves {
	0% {-webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "alpha(opacity=0)";}
	50% {opacity: .9; -ms-filter: "alpha(opacity=90)";}
	100% {-webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "alpha(opacity=0)";}
}
@keyframes waves {
	0% {-webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "alpha(opacity=0)";}
	50% {opacity: .9; -ms-filter: "alpha(opacity=90)";}
	100% {-webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "alpha(opacity=0)";}
}