body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0;color: #333;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#000; text-decoration:none;}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ font-size:0; line-height:0; clear:both; overflow:hidden; zoom:1;}
.w100{width: 100%;}
.w100_hidden{width: 100%;overflow:hidden;position: relative;}
.w12{width: 1200px;margin: auto;}
.w13{width: 1300px;margin: auto;}
.w14{width: 1400px;margin: auto;}
.w15{width: 1500px;margin: auto;}
.w16{width: 1600px;margin: auto;}
.margin_left{width: 1920px;margin: auto;}
.min1920{width: 100%;min-width: 1920px;}
.errortc {position: fixed;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);font-size: 18px;letter-spacing: 1px;color: #ffffff;
    background: rgba(0, 0, 0, .6);box-sizing: border-box;padding: 8px 15px;border-radius: 4px;white-space: nowrap;z-index: 99999;}
/* 关闭自动填充功能input加上属性:autocomplete="off";关闭选中时的边框css样式:outline: none; */
/* 关闭input自动填充时的背景色; */
#autocom:-webkit-autofill,
#autocom:-webkit-autofill:hover,
#autocom:-webkit-autofill:focus,
#autocom:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #fff !important;}
#autocoms:-webkit-autofill,
#autocoms:-webkit-autofill:hover,
#autocoms:-webkit-autofill:focus,
#autocoms:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #333 !important;}
/* 公共效果 */
.ton,.tonul li{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all 5s;}
.thform:hover .tform,.tform:hover,.ipt_content ul li div:hover img, .ipt_content ol li div:hover img,.thform .on img{transform:scale(1.15);-ms-transform:scale(1.15);-moz-transform:scale(1.15);-webkit-transform:scale(1.15);-o-transform:scale(1.15);}
.shadow,.shadowul li{-moz-box-shadow:0px 0px 10px #d7d3d3;box-shadow:0px 0px 10px #d7d3d3;-webkit-box-shadow:0px 0px 10px #d7d3d3;-ms-box-shadow:0px 0px 10px #d7d3d3;}
.shadows:hover,.shadowsul li:hover{-moz-box-shadow: 0px 8px 10px #9f9c9c;box-shadow: 0px 8px 10px #9f9c9c;-webkit-box-shadow: 0px 8px 10px #9f9c9c;-ms-box-shadow: 0px 8px 10px #9f9c9c;}
.shadowli:hover{-moz-box-shadow:0px 0px 10px #d7d3d3;box-shadow:0px 0px 10px #d7d3d3;-webkit-box-shadow:0px 0px 10px #d7d3d3;-ms-box-shadow:0px 0px 10px #d7d3d3;}
/* 动画公共部分 */
/* 1放大缩小 */
@keyframes scaleDraw {  
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-webkit-keyframes scaleDraw { 
	0%{transform: scale(1); }
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-moz-keyframes scaleDraw {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
@-ms-keyframes scaleDraw {
	0%{transform: scale(1);}
	25%{transform: scale(1.1);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
}
/* 3闪烁 */
@-webkit-keyframes flash{
     0%,100%{opacity:1;}
    50%{opacity:0.5;}
}
@-moz-keyframes flash{
     0%,100%{opacity:1;}
    50%{opacity:0.5;}
}
@-ms-keyframes flash{
    0%,100%{opacity:1;}
    50%{opacity:0.5;}
}
@keyframes flash{
     0%,100%{opacity:1;}
    50%{opacity:0.5;}
}
/* 4一边闪烁一边放大缩小 */
@-webkit-keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.5;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.5;}
	100%{transform: scale(1);opacity:1;}		
}
@-moz-keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.5;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.5;}
	100%{transform: scale(1);opacity:1;}		
}
@-ms-keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.5;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.5;}
	100%{transform: scale(1);opacity:1;}		
}
@keyframes scaleDrawflash{
	0%{transform: scale(1);opacity:1;}
    25%{opacity:0.5;}
	50%{transform: scale(1.03);opacity:1;}
    75%{opacity:0.5;}
	100%{transform: scale(1);opacity:1;}			
}
/* 2箭头向下移动动画 */
@keyframes br{
0%{transform:translate(0,-10%) rotate(0deg);opacity:0;}
20%{transform:translate(0px,15%) rotate(0deg);opacity:1;}
80%{transform:translate(0px,35%) rotate(0deg);opacity:1;}
90%{transform:translate(0px,50%) rotate(0deg);opacity:0;}
100%{transform:translate(0px,50%) rotate(0deg);opacity:0;}
}
@-webkit-keyframes br{
0%{transform:translate(0,-10%) rotate(0deg);opacity:0;}
20%{transform:translate(0px,15%) rotate(0deg);opacity:1;}
80%{transform:translate(0px,35%) rotate(0deg);opacity:1;}
90%{transform:translate(0px,50%) rotate(0deg);opacity:0;}
100%{transform:translate(0px,50%) rotate(0deg);opacity:0;}
}
@-moz-keyframes br{
0%{transform:translate(0,-10%) rotate(0deg);opacity:0;}
20%{transform:translate(0px,15%) rotate(0deg);opacity:1;}
80%{transform:translate(0px,35%) rotate(0deg);opacity:1;}
90%{transform:translate(0px,50%) rotate(0deg);opacity:0;}
100%{transform:translate(0px,50%) rotate(0deg);opacity:0;}
}
@-ms-keyframes br{
0%{transform:translate(0,-10%) rotate(0deg);opacity:0;}
20%{transform:translate(0px,15%) rotate(0deg);opacity:1;}
80%{transform:translate(0px,35%) rotate(0deg);opacity:1;}
90%{transform:translate(0px,50%) rotate(0deg);opacity:0;}
100%{transform:translate(0px,50%) rotate(0deg);opacity:0;}
}
/* 2旋转90度向下移动动画 */
@keyframes bb{
0%{transform:translate(0,-10%) rotate(90deg);opacity:0;}
20%{transform:translate(0px,15%) rotate(90deg);opacity:1;}
80%{transform:translate(0px,35%) rotate(90deg);opacity:1;}
90%{transform:translate(0px,50%) rotate(90deg);opacity:0;}
100%{transform:translate(0px,50%) rotate(90deg);opacity:0;}
}
@-webkit-keyframes bb{
0%{transform:translate(0,-10%) rotate(90deg);opacity:0;}
20%{transform:translate(0px,15%) rotate(90deg);opacity:1;}
80%{transform:translate(0px,35%) rotate(90deg);opacity:1;}
90%{transform:translate(0px,50%) rotate(90deg);opacity:0;}
100%{transform:translate(0px,50%) rotate(90deg);opacity:0;}
}
@-moz-keyframes bb{
0%{transform:translate(0,-10%) rotate(90deg);opacity:0;}
20%{transform:translate(0px,15%) rotate(90deg);opacity:1;}
80%{transform:translate(0px,35%) rotate(90deg);opacity:1;}
90%{transform:translate(0px,50%) rotate(90deg);opacity:0;}
100%{transform:translate(0px,50%) rotate(90deg);opacity:0;}
}
@-ms-keyframes bb{
0%{transform:translate(0,-10%) rotate(90deg);opacity:0;}
20%{transform:translate(0px,15%) rotate(90deg);opacity:1;}
80%{transform:translate(0px,35%) rotate(90deg);opacity:1;}
90%{transform:translate(0px,50%) rotate(90deg);opacity:0;}
100%{transform:translate(0px,50%) rotate(90deg);opacity:0;}
}

/* toubu */
.header{height:130px;position: relative;z-index: 333;background: #242424;}
.head{width: 1450px;margin:auto;display:flex;justify-content:space-between;height:130px;align-items: center;}

.logo_left {display: flex;flex-wrap: nowrap;width: 350px;justify-content: space-between;align-items: flex-end;padding-top: 10px;}
.head .logo{    width: 295px;height: 76px;}
.logo_left dl {display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;}
.logo_left dl dt {font-size: 36px;font-weight: bold;color: #ccc;letter-spacing: 5px;margin-bottom: 5px;}
.logo_left dl dd {font-size: 16px;letter-spacing: 1px;background: #ccc;padding: 0 5px;line-height: 24px;}
.headernav{display:flex;flex-direction:column;width: 1050px;padding: 22px 0 0 0;}
.headernav div{height:40px;text-align:right;}
.headernav div p{display:inline-block;height:40px;background: url(../img/sy_03.png) left top/106px 37px no-repeat;color: #cccccc;font-size:24px;padding:12px 0 0 47px;}
.headernav ul{display:flex;flex-wrap:nowrap;padding-top:15px;justify-content:space-between;}

.headernav ul li {padding-bottom: 22px;}
.headernav ul li ol{position: absolute;width: 100%;bottom: -70px;left: 0;height: 70px;z-index: 9;
    background: #ea640b;overflow: hidden;display: flex;justify-content: center;display: none;}
.headernav ul li ol li{}
.headernav ul li ol li a {color: #fff;line-height: 22px;font-size: 16px;font-weight: bold;display: flex;align-items: center;
    border-right: 1px dashed #fff;letter-spacing: 2px;padding-right: 20px;margin: 24px 20px 0 0;height: 22px;}

.headernav ul li ol li a img {margin-right: 8px;width: 24px;height: 24px;}
.headernav ul li.last_child{background: #ea640b;border-radius:10px;padding-bottom: 0px;height: 31px;    -webkit-animation: scaleDraw 5s ease-in-out infinite;}

.headernav ul li ol li:last-child a {border-right: none;}
.headernav ul li:last-child a{color: #fff !important;letter-spacing:1px;}
.headernav ul li a{color: #ccc;font-size:16px;margin:0 15px;line-height:30px;display:block;letter-spacing:1px;}
.headernav ul li:hover a,.headernav ul li.on a{border-bottom: 1px solid #ea640b;color: #ea640b;}
/*.index {border-bottom: 1px solid #ea640b !important;color: #ea640b !important;}*/
.headernav ul li:hover ol {display: flex;}

.headernav ul li:hover ol li a {color: #fff;border-bottom: none;}
/*.index{border-bottom:1px solid #060606;}*/

/* dibu */
.footerquality{height: 179px;background: url(../img/sy7_08.jpg)center /1920px 179px no-repeat;}
.ft_quality{display:flex;justify-content:space-between;}
.ft_qy_img{display: flex;flex-wrap: nowrap;width: 350px;justify-content: space-between;height: 90px;margin: 40px 0 0;}

.ft_qy_img img {width: 115px;height: 90px;}
.ft_qy_img dl {display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;}
.ft_qy_img dl dt {font-size: 36px;font-weight: bold;color: #fff;letter-spacing: 5px;}
.ft_qy_img dl dd {font-size: 16px;letter-spacing: 1px;background: #fff;padding: 0 5px;line-height: 24px;color: #b36c26;}
.ft_qy_right{height: 178px;text-align:right;padding: 10px 0 12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:1000px;display:flex;flex-direction:column;justify-content:space-between;}
.ft_qy_right h1{font-size: 30px;letter-spacing:4px;position:relative;line-height:50px;}
.ft_qy_right h1 span,.ft_qy_right h1,.ft_qy_right dl dt,.ft_qy_right dl dt font{color:#fff;}
.ft_qy_right h1 span{font-size: 44px;display:block;width:100%;opacity:0.4;letter-spacing:0px;height:70px;position:absolute;top:15px;overflow:hidden;right:0;font-family:-webkit-pictograph;}
.ft_qy_right dl{display:flex;justify-content:flex-end;}
.ft_qy_right dl dt{font-size: 28px;line-height:45px;letter-spacing:3px;margin-left:150px;}
.ft_qy_right dl dt font{font-size:14px;display:block;line-height:24px;letter-spacing:2px;}
.footerbottom{background:#313131;height:360px;}
.ft_bottom{display:flex;justify-content:space-between;}
.ft_bm_left{display:flex;flex-direction:column;height:360px;justify-content:center;}
.ft_bottom h2,.ft_bottom span,.ft_bottom p,.ft_bottom a,.ft_bottom dt,.ft_bottom dd{color:#fff;}
.ft_bm_left h2,.ft_bm_left span{font-size: 16px;font-weight:normal;line-height: 28px;letter-spacing:2px;display:block;}
.ft_bm_left span{margin-bottom: 10px;font-size: 24px;}
.ft_bm_left p{font-size: 14px;letter-spacing:1px;line-height: 24px;}
.ft_bm_left a{font-size: 12px;display:block;letter-spacing:2px;padding-top:25px;}
.ft_bm_right{display:flex;align-items:center;}
.ft_bm_right dl{text-align:center;margin-left:40px;letter-spacing:2px;padding-right: 40px;}

.ft_bm_right i {display: block;width: 1px;height: 95px;background: #fff;margin-top: 50px;}
.ft_bm_right dl dt{font-size: 16px;line-height:30px;margin-bottom: 20px;}
.ft_bm_right dl dd{font-size: 14px;line-height:28px;}
.ft_bm_right div{margin-left: 100px;display:flex;flex-direction:column;text-align:center;align-items: center;}
.ft_bm_right div h2{font-size: 16px;letter-spacing: 1px;line-height: 26px;padding: 10px 0 8px;}
.ft_bm_right div img{width:122px;height:122px;margin-bottom: 8px;}
.ft_bm_right div span{font-size:14px;letter-spacing:1px;display:block;line-height: 22px;}
.footerRecord{height: 45px;text-align: center;background: #111; font-size: 12px; line-height: 45px;letter-spacing: 2px;color: #fff;}
.footerRecord p{color: #fff;}
.footerRecord p a{color: #fff;}