*{ outline:none}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td,header,main,footer,aside,section,article,nav { padding: 0; margin: 0; }
fieldset, img { border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
p:before, q:after {content: '';}
abbr, acronym { border: 0;}
a{ text-decoration:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease; transition:all 0.4s ease}
.clr {HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden}
body,samp {FONT-SIZE: 12px; color:#000; font-family: 'Microsoft YaHei',"Arial",'SimSun', Serif; }
img{ vertical-align:bottom}
input[type="text"],input[type="hidden"],input[type="button"],input[type="radio"],input[type="submit"],input[type="checkbox"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0;}

/*加载字体*/
@font-face{font-family:'EuclidCircularABold'; src: url('../fonts/EuclidCircularA-Bold.otf');}
@font-face{font-family:'EuclidCircularALight'; src: url('../fonts/EuclidCircularA-Light.otf');}

/*transition*/
.header,.news-item samp img,.news-item span,.news-item p,.detail-share .share1:before,.detail-share .share2:before,.detail-share .share3:before,.detail-page span,.detail-page p,.dj-item samp img,.dj-right span,.dj-right p,
.dj-right em,.dj-right,.yw-nav ul li,.yw-nav ul li:before,.news-slide span:before,.news-pannel,.news-pannel:last-child,.news-item samp img,.news-item span,.news-item p,.yind,.search-drop,.header-right,.menu span,.contact ul li,.contact ul li span,.contact ul li p,.logo,.search-full-close{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease; transition:all 0.4s ease}

/*box-sizing*/
.header,.footer,.bd-nav,.news-head,.news-list,.detail,.detail-page,.dj,.dj-item,.dj-right,.dj-wz,.dj-detail,.dj-detail .detail-content,.yw-nav,.yw-pannel,.contact,.contact ul li,.content-1ct,.news,.search-drop form,.contact-map,.footer-left,.header-right{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}

/*jianju*/
.footer,.news-head,.news-list,.detail,.dj,.dj-wz,.dj-detail,.yw-pannel,.contact,.content-1ct,.news{ padding:0px 120px}

/*header*/
.header{ width:100%; overflow:hidden; height:100px; position:fixed;left:0px;top:0px; z-index:200; padding:0px 60px;border-bottom:1px transparent solid}
.logo{ float:left; width:196px; overflow:hidden; height:100%;}
.logo:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.logo img{ width:100%; height:auto; vertical-align:middle; display:inline-block} 
.header-right{ float:right; width:auto; overflow:hidden; height:100%}
.header-search{ float:right; width:21px; overflow:hidden; height:100%; background:url(../images/search.png) no-repeat center; cursor:pointer; margin-left:60px}
.header-right ul{ float:left; width:auto; overflow:hidden; line-height:100px}
.header-right ul li{ float:left; width:auto; overflow:hidden; font-size:18px; color:#4e5159; margin-left:70px}
.header-right ul li a{ color:#4e5159}
.header-right ul li a:hover,.header-right ul li.act a{ color:#c7000b}
.header-right p{ display:none}
.header:hover{ background:rgba(255,255,255,1); }
.header-def{ background:rgba(255,255,255,0.6); height:80px }
.header-def .logo{ width:150px}
.header-def .header-right ul{ line-height:80px}

.header-active{ background:#fff; border-bottom:1px #e6e6e6 solid}
.search-drop{ width:720px; overflow:hidden; position:fixed;left:50%;top:100px; z-index:320; margin-left:-360px;opacity:0;transform:scale(0); visibility:hidden}
.search-drop h3{ float:left; width:100%; text-align:center; overflow:hidden; font-size:48px; color:#333}
.search-drop form{ float:left; width:100%; overflow:hidden; border:1px #e6e6e6 solid; height:58px;border-radius:29px; background:#fff; margin-top:30px}
.search-drop form .search-txt{ float:left; width:77%; overflow:hidden; line-height:58px; height:58px; padding:0px 15px; margin:0px; font-size:14px; color:#808080}
.search-drop form .search-button{ float:right; width:100px; overflow:hidden; line-height:48px; height:48px; background:#c7000b url(../images/search1.png) no-repeat 15px center; margin:4px;border-radius:24px; padding-left:20px ; font-size:16px; color:#fff; cursor:pointer }
.search-drop-active{top:240px;opacity:1;transform:scale(1); visibility:visible}
.menu{ display:none}

.search-full{ width:100%; height:100%; position:fixed;left:0px;top:0px; z-index:800; background:rgba(255,255,255,0.8);opacity:0; visibility:hidden;transition:all 0.5s ease}
.search-full-close{ width:30px; height:30px; position:absolute;right:40px;top:40px; z-index:12; background:url(../images/close.svg) no-repeat center; background-size:100%; cursor:pointer}
.search-full-close:hover{transform:rotate(180deg)}
.search-full form{ width:0%; overflow:hidden; position:absolute;left:50%;top:50%; z-index:12;transform:translate(-50%,-50%); height:90px; border-bottom:2px #222 solid; background:#fff; line-height:90px;transition:all 0.6s ease 0.4s }
.search-full .full-txt{ float:left; width:100%; height:100%; font-size:16px; color:#333; padding-left:20px}
.search-full .full-button{ width:30px; height:100%; overflow:hidden; cursor:pointer; position:absolute;right:20px;top:0px; background:url(../images/search.png) no-repeat center}
.search-full-active{opacity:1; visibility:visible}
.search-full-active form{ width:60%}
/*footer*/
.footer{ width:100%; overflow:hidden; background:#343434; padding-top:120px;}
.footer-left{ float:left; width:36.5%; overflow:hidden}
.footer-logo{ float:left; width:100%; overflow:hidden}
.footer-logo img{ float:left; width:196px; height:auto}
.footer-left span{ float:left; width:auto; overflow:hidden;font-family:'EuclidCircularABold'; font-size:40px; color:#fff; margin-top:44px}
.footer-left p{ float:left; width:100%; overflow:hidden; line-height:24px; font-size:14px; color:#fff; margin-top:13px}

.footer-item{ float:left; overflow:hidden}
.footer-item.fitem1{ width:13.4%}
.footer-item.fitem2{ width:14.2%}
.footer-item.fitem3{ width:13.4%}
.footer-item.fitem4{ width:7%}
.footer-item h3{ float:left; width:100%; overflow:hidden; font-size:18px; color:#fff; position:relative; padding-bottom:20px}
.footer-item h3:before{ width:14px; height:2px; content:""; position:absolute;left:0px;bottom:0px; z-index:12; background:#c7000b}
.footer-item ul{ float:left; width:100%; overflow:hidden; margin-top:12px}
.footer-item ul li{ float:left; width:100%; overflow:hidden; line-height:36px}
.footer-item ul li a{ font-size:14px; color:rgba(255,255,255,0.5)}
.footer-item ul li a:hover{ color:#c7000b}

.footer-right{ float:right; width:180px; overflow:hidden}
.footer-right img{ float:left; width:100%; height:auto}
.footer-right span{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:25px; font-size:14px; color:rgba(255,255,255,0.5)}

.footer-bottom{ float:left; width:100%; overflow:hidden; border-top:1px #494949 solid; margin-top:160px; line-height:90px}
.footer-bottom span{ float:left; width:60%; overflow:hidden; font-size:14px; color:#fff}
.footer-bottom span a{ color:#fff; margin-left:12px}
.footer-bottom p{ float:right; width:40%; overflow:hidden; font-size:14px; color:#fff; text-align:right}
.footer-bottom p a{ color:#fff; margin:0px 20px}
.footer-bottom p a:last-child{ margin-right:0px}
.footer-bottom p a:hover{ color:#c7000b}

@media screen and (max-width:1440px){
/*header*/
.header{ height:90px;}
.logo{ width:150px;}
.header-search{ margin-left:58px}
.header-right ul{line-height:90px}
.header-right ul li{font-size:17px;margin-left:60px}
.search-drop{ width:700px; margin-left:-350px;}
.search-drop h3{font-size:44px; }
.search-drop form{height:56px;margin-top:29px}
.search-drop form .search-txt{line-height:56px; height:56px;}
.search-drop form .search-button{line-height:46px; height:46px;}


/*footer*/
.footer{ padding-top:100px;}
.footer-left{ padding-right:20px; width:34%}
.footer-logo img{width:150px;}
.footer-left span{ font-size:38px;margin-top:40px}

.footer-item.fitem1{ width:13.4%}
.footer-item.fitem2{ width:14.2%}
.footer-item.fitem3{ width:13.4%}
.footer-item.fitem4{ width:7%}
.footer-item h3{font-size:17px; padding-bottom:19px}

.footer-item ul{margin-top:11px}
.footer-item ul li{line-height:34px}
.footer-item ul li a{ font-size:13px; }

.footer-right{width:140px;}
.footer-right span{margin-top:22px; }
.footer-bottom{ margin-top:130px; line-height:80px}

}

@media screen and (max-width:1280px){
/*header*/
.header{ height:80px;}
.logo{ width:140px;}
.header-search{ margin-left:54px}
.header-right ul{line-height:80px}
.header-right ul li{font-size:16px;margin-left:56px}
.search-drop{ width:600px; margin-left:-300px;}
.search-drop h3{font-size:40px; }
.search-drop form{height:50px;margin-top:24px}
.search-drop form .search-txt{line-height:48px; height:48px; width:72%}
.search-drop form .search-button{line-height:38px; height:38px;}


/*footer*/
.footer{ padding-top:70px;}
.footer-logo img{width:140px;}
.footer-left span{ font-size:30px;margin-top:20px}
.footer-item.fitem4{ width:9%}
.footer-item h3{font-size:15px; padding-bottom:15px}
.footer-item ul{margin-top:8px}
.footer-item ul li{line-height:30px}
.footer-item ul li a{ font-size:12px; }
.footer-right{width:100px;}
.footer-right span{margin-top:15px; font-size:12px }
.footer-bottom{ margin-top:60px; line-height:24px; padding:15px 0px}
}
@media screen and (max-width:1000px){
/*jianju*/
.footer,.news-head,.news-list,.detail,.dj,.dj-wz,.dj-detail,.yw-pannel,.contact,.content-1ct,.news,.header{ padding:0px 5%}
	
/*header*/
.header{ height:70px;}
.logo{ width:120px;}
.header-search{ margin-left:30px}
.header-right ul{line-height:70px}
.header-right ul li{font-size:14px;margin-left:35px}
.search-drop{ width:600px; margin-left:-300px;}
.search-drop h3{font-size:40px; }
.search-drop form{height:50px;margin-top:24px}
.search-drop form .search-txt{line-height:48px; height:48px; width:72%}
.search-drop form .search-button{line-height:38px; height:38px;}


/*footer*/
.footer{ padding-top:70px;}
.footer-logo img{width:140px;}
.footer-left span{ font-size:30px;margin-top:20px}
.footer-item.fitem4{ width:9%}
.footer-item h3{font-size:15px; padding-bottom:15px}
.footer-item ul{margin-top:8px}
.footer-item ul li{line-height:30px}
.footer-item ul li a{ font-size:12px; }
.footer-right{width:100px;}
.footer-right span{margin-top:15px; font-size:12px }
.footer-bottom{ margin-top:60px; line-height:24px; padding:15px 0px}
}
@media screen and (max-width:768px){
/*header*/
.header{height:50px; z-index:500 }
.logo{width:100px; position:relative; z-index:820}
.header-right{ width:100%; position: fixed;left:-100%;top:0px; height:100vh; background:#fff; padding-top:50px; z-index:712}
.header-search{ display:none}
.search-drop{ width:100%; position: relative;left:0%;top:0px;margin-left:0px;opacity:1;transform:scale(1); visibility: visible; border-top:1px #ddd solid}
.search-drop h3{ display:none}
.search-drop form{ float:none; width:80%;height:40px;margin:30px auto 0px; display: block; border-radius:4px}
.search-drop form .search-txt{width:60%;line-height:40px; height:40px; padding:0px 15px;}
.search-drop form .search-button{ float:right; width:20%;line-height:40px; height:40px;border-radius:0px; background:#c7000b url(../images/search1.png) no-repeat center; padding-left:0px ; text-indent:999em; margin:0px  }

.header-right ul{ float:none; width:80%; line-height:auto; margin:20px auto 0px}
.header-right ul li{width:100%;font-size:14px; margin-left:0px; line-height:50px; border-bottom:1px #eee solid}
.header-right ul li a{ color:#4e5159; padding-left:5%}
.header-right p{width:80%; line-height:auto; margin:0px auto 0px; display:block}
.header-right p span{width:100%;font-size:14px; margin-left:0px; line-height:50px; border-bottom:1px #eee solid; display:block}
.header-right p span a{ color:#4e5159; padding-left:5%}

.menu{ float:right; width:24px;  display:block; position:relative; z-index:820; margin-top:10px; cursor:pointer}
.menu span{ float:left; width:100%; height:2px; background:#c7000b; margin-top:6px;border-radius:2px}
.header-slide .menu{ margin-top:15px}
.header-slide .menu span:nth-child(1){transform:rotate(45deg) translateY(5px)}
.header-slide .menu span:nth-child(2){transform:rotate(-45deg) translateY(-6px)}
.header-slide .menu span:nth-child(3){ display:none}	
.header-slide .header-right{left:0px}

/*footer*/
.footer{ padding-top:0px;text-align:center}
.footer-left{width:100%; padding:0px;text-align: center; margin-top:30px}
.footer-logo{ float:none; }
.footer-logo img{ float:none; width:120px; display:inline-block}
.footer-left span{ float:none; width:100%;font-size:24px;margin-top:16px; display:block}
.footer-left p{ float:left; width:100%; overflow:hidden; line-height:24px; font-size:14px; color:#fff; margin-top:13px}
.footer-item{ display:none}

.footer-right{ float:left; width:100%; text-align:center; margin-top:20px}
.footer-right img{ float:none; width:80px;}
.footer-right span{ float:none; margin-top:12px; font-size:12px; display:block; }

.footer-bottom{margin-top:40px; line-height:auto}
.footer-bottom span{ width:100%; font-size:12px; line-height:22px}
.footer-bottom span a{ width:100%; display:inline-block;}
.footer-bottom p{width:100%;font-size:12px; text-align:center}

}