/**
@Author: yu_Wj
@Description：全站公用样式文件
*/

/**
 * 字体
*/
@font-face {
	font-family: 'Source Han Sans CN','思源黑体 CN Regular','SourceHanSansCN-Regular';
	src:url('font/SourceHanSansCN-Regular.eot');
	src:url('font/SourceHanSansCN-Regular.eot#iefix') format('embedded-opentype'),
	url('font/SourceHanSansCN-Regular.svg#iconfont') format('svg'),
	url('font/SourceHanSansCN-Regular.woff') format('woff'),;
	url('font/SourceHanSansCN-Regular.woff2') format('woff2'),
	url('font/SourceHanSansCN-Regular.ttf') format('truetype'),;
	url('font/SourceHanSansCN-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent; /*取消链接高亮*/-webkit-tap-highlight-color: rgba(0,0,0, 0);outline: none;list-style: none;margin: 0;padding: 0;}
html {font-family: sans-serif;min-height: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {font-size: 14px;line-height: 1.5;font-family: Microsoft YaHei, simhei, Tahoma, Arial, sans-serif;color: #666;min-height: 100%;position: relative;background: #fff;-webkit-overflow-scrolling: touch;}

/*** 自定义被选择文字的颜色*/
/*webkit, opera, IE9*/
::selection{color: #fff;background: #f86012;}
/*mozilla firefox*/
::-moz-selection{color: #fff;background: #f86012;}

/**
 * 表格元素
 */
table { border-collapse: collapse; border-spacing: 0;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}

/** * 重置超链接元素*/
a, a:hover, a:link, a:focus {text-decoration: none;color: #666;}  b,strong {font-weight: bold;}
textarea {overflow: auto;vertical-align: top; /*用户可以自己缩放*/resize: vertical;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

input[type="radio"], input[type="checkbox"] {cursor: pointer;padding: 0;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}

/*解决输入框背景颜色*/
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #262333 inset !important;-webkit-text-fill-color: rgba(255,255,255,1)!important;}

/*** -webkit-appearance* 去除浏览器默认样式*/
iframe, frame, frameset{border: 0;}

input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
address, em{font-style: normal;}

hr {width: 100%;height: 1px;padding: 0;border: 0;display: block;overflow: hidden;background: #f1f1f1;}



/**
 * 清除浮动
*/
.clearfix:after{content:"."; height:0; display:block; visibility:hidden; clear:both; font-size:0;}
.clearfix{zoom:1;}


/**
 * 左右浮动
*/
.yu_fl{float: left !important;}
.yu_fr{float: right !important;}
.yu_fc{overflow: hidden !important;}

/**
 * 左右对齐
*/
.yu_tl{text-align: left !important;}
.yu_tr{text-align: right !important;}
.yu_tc{text-align: center !important;}

/**
 * 图片自适应
*/
img {vertical-align: middle;-ms-interpolation-mode: bicubic; /*为了照顾ie图片缩放失真*/}
.img_img, .img_normal{line-height: 0;font-size: 0;}
.img_img img{display: block;max-width: 100%;height: auto}

/**
 * 标题
*/
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

/**
 * 相对绝对
*/
.yu_pf{position: fixed;}
.yu_pr{position: relative;}
.yu_pa{position: absolute;}

/*框架*/
.container{width: 1200px;margin: 0 auto;clear: both;}



.charLimit{width: 90%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



/**
 * 头部
*/

.header{width: 100%;background: #393939;position: relative}
.header .top{color: #fff;font-size: 13px;line-height: 45px;text-align: right}
.header .top span{display: inline-block;padding-left:25px;}
.header .top .top_tel1{background: url("../images/icon_tel1.png") no-repeat left center;margin-right: 30px;}
.header .top .top_tel2{background: url("../images/icon_tel2.png") no-repeat left center;}

.header .nav{padding-top: 15px;width: 100%;background: url(../images/navbg.png) top center no-repeat;position: absolute;top:100%;left: 0;right: 0;z-index:99;}
.header .nav .logo{float: left;width: 206px;}
.header .nav ul{float: right;}
.header .nav ul li{margin: 0 12px;line-height: 78px;display: inline-block;}
.header .nav ul li a{display: block;color: #726a69;}
.header .nav ul li a:hover, .header .nav ul li.normal a{color: #f04f2b;}

.navBtn{display: none}
.navBtn{position: fixed;top: 20px;right: 20px;background: #efefef;z-index: 999;width: 33px;padding: 5px 0 5px;}
.navBtn span{width: 80%;height: 2px;background: #9c9c9c;display: block;margin: 4px auto;}
.nav.current{display: block;}

.banner .swiper-slide{position: relative;}
.banner .bannerBox{width:40%;max-width: 540px;top:50%;right:calc((100% - 1200px)/2);transform:translateY(-50%);position: absolute;}
.banner h3{line-height:1.5;font-size:3.7vw;font-weight: bold;color: #ff4d23;}
.banner p.p2{font-size:1.2vw;line-height:1.7;color: #777575;}
.banner ul{width: 100%;overflow: hidden;}
.banner ul li{width: 24%;margin: 5px 0.5%;font-size:0.7vw;float: left;text-align: center;color: #4d4d4d;}
.banner ul li img{max-width: 100%;margin-bottom: 5px;}

.footer{padding-top: 45px;width: 100%;background: #f04f2b;}
.footer_1{float: left;margin-right: 45px;}
.footer_1 dt a{margin-bottom: 15px;color: #fff;}
.footer_1 dd a{font-size: 12px;margin-top: 10px;color: #f8e0d6;}


.footer_2{float: right;width:30%}
.footer_2 dd{font-size: 14px;text-align: center;color: #fff;float: left;width:86px;margin:10px 10px 0;}
.footer_2 dd p{margin-top: 12px;}


.footer_3{padding: 20px 0;margin-top:10px;border-top: 1px solid #cf3d1c}
.footer_3, .footer_3 a{color: #fcd6c7;}
.footer a:hover{color: #fff;}

.footlink {background-color: #f04f2b;color: #fff; line-height: 30px;}
.footlink a {color: #fff;}

@media screen and (max-width:640px) {
	body{font-size: 12px;}
	.container{width: 100%}

	.header .top{font-size: 12px;line-height:30px;text-align:center}
	.header .top .top_tel1{margin-right:0;}

	.navBtn{display: block}
	.header .nav{padding:0;position: initial;background:#fff;}
	.header .nav .logo{float: none;margin:0 auto;padding: 10px 0}
	.header .nav ul{position: fixed;padding-top: 20px;line-height: 46px;width: 100%;height: 100%;z-index:100;background: rgba(0,0,0,0.95);left: 0;top: 0;display: none}
	.header .nav ul li{width: 100%;margin: 0;text-align: center;line-height: 36px;}
	.banner .bannerBox{display: none}

	.footer{padding: 20px 0 55px;}
	.footer_1{margin: 0;padding: 3px 8px;}
	.footer_1 dt a{margin-bottom: 15px;}
	.footer_1 dd{display: none}
	.footer_2{float: none;width:100%;text-align: center}
	.footer_2 dd{font-size: 12px;width:80px;margin:10px 5px;display: inline-block;float: none}
	.footer_3{padding: 20px 0;}

}






.right_side{width: 60px;background: #fff;position: fixed;right: 10px;bottom: 30%;z-index: 99999;}
.right_side li{float: left;width: 60px;text-align: center;border: solid 1px #eee;border-bottom-color: #fff;background: #fff;position: relative;}
.right_side li:last-child{border-bottom: solid 1px #eee;}
.right_side li i{width: 60px;height: 36px;display: block;background-position: center;background-repeat: no-repeat;}
.right_side li p{font-size: 12px;line-height: 1;padding-bottom: 10px;}
.right_side li em{width: 60px;background: #fff;overflow: hidden;border: solid 1px #f04f2b;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;transition: all .5s linear;position: absolute;top: -1px;left: -1px;z-index: -1;}
.right_side li.right_side_2 em{height: 100px;padding: 0 6px;}
.right_side li.right_side_2 em img{float: left;height: 86px;margin: 6px 4px;}
.right_side li.right_side_3 em{height: 130px;padding: 5px 10px;line-height: 2;text-align: left;}
.right_side li.right_side_1 i{background-image: url(../images/ico_r1.png);}
.right_side li.right_side_2 i{background-image: url(../images/ico_r2.png);}
.right_side li.right_side_3 i{background-image: url(../images/ico_r3.png);}
.right_side li.right_side_4 i{background-image: url(../images/ico_r4.png);}
.right_side li.right_side_5 i{background-image: url(../images/ico_r5.png);}
.right_side li:hover{background: #f04f2b;border: solid 1px #f04f2b;}
.right_side li.right_side_1:hover i{background-image: url(../images/ico_r1Now.png);}
.right_side li.right_side_2:hover i{background-image: url(../images/ico_r2Now.png);}
.right_side li.right_side_3:hover i{background-image: url(../images/ico_r3Now.png);}
.right_side li.right_side_4:hover i{background-image: url(../images/ico_r4Now.png);}
.right_side li.right_side_5:hover i{background-image: url(../images/ico_r5Now.png);}
.right_side li:hover p{color: #fff;}
.right_side li:hover em{width: 199px;left: -200px;}


/**
 * banner
*/
.banner00{height: 375px;background-position: center;background-repeat: no-repeat;line-height: 1;position: relative;}
.banner00 .p1{font-size:3.2vw;padding-top:18%;font-family: 'Source Han Sans CN','思源黑体 CN Regular','SourceHanSansCN-Regular',"microsoft yahei";color: #f04f2b;}
.banner00 .p1 span{font-weight: bold;}


.position {margin-bottom: 30px;line-height: 54px;color:#333;font-weight: lighter;background: #e6e6e6;position: relative;}
.position a{color: #333;}
.position a:hover,.position a:last-child{color: #f04f2b;}


/*标题*/
.zypx_title{font-size: 25px;padding-bottom: 21px;font-weight: bold;text-align: center;background: url(../images/titlebg.png) center bottom no-repeat;}

/*链接*/
.link_1{margin: 7px 0 25px;line-height: 25px;text-align: center;}
.link_1 a{padding-left: 40px;color: #b3b3b3;display: inline-block;background: url(../images/ico_link.png) left center no-repeat;background-size: contain;}
.link_1 a:hover{color: #f04f2b;background: url(../images/ico_linkNow.png) left center no-repeat;background-size: contain;;}


.paging_hr{width: 100%;height: 1px;border: 0;margin: 30px 0;background: #ddd;overflow: hidden;}

.char_limit{line-height: 28px;}
.char_limit span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.char_limit span a:hover{color: #f04f2b;}

.paging{line-height: 34px;margin: 30px 0;text-align: center;}
.paging a{margin: 0 5px;padding: 0 15px;border: solid 1px #e3e3e3;border-radius: 5px;background: #f8f8f8;display: inline-block;}
.paging a:hover{background: #f04f2b;border-color: #f04f2b;color: #fff;}

@media screen and (max-width:640px) {

	.right_side{display: none}

	.banner00{height:100px;text-align: center}
	.banner00 .p1{font-size:5vw;padding-top:15%;}


	.position {margin-bottom:10px;line-height:36px;}


	/*标题*/
	.zypx_title{font-size:14px;padding-bottom:10px;}

	/*链接*/

	.link_1{display: none}

	.paging_hr{margin:10px 0;}

	.paging{line-height: 30px;margin:20px 0;text-align: center;}
	.paging a{margin:1px 3px;padding: 0 10px;}



}