/*===================CSS Reset============================*/
@font-face{ font-family: fontC; src: url('../font/centurygothic.ttf');}
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #666; font: 16px "微软雅黑";}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 400ms; -webkit-transition: all ease 400ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bold{ font-weight: bold;}
.italic{ font-style: italic;}
.fontC{ font-family: fontC,"微软雅黑";}
.color-3{ color: #333 !important;}
.color-6{ color: #666 !important;}
.color-9{ color: #999 !important;}
.color-f{ color: #fff !important;}
.color-o{ color: #ef8201 !important;}
.bg-f{ background-color: #fff;}
.bg-f8{ background-color: #f8f8f8;}
.bg-o{ background-color: #ef8201;}
.dong{ transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.imgH img{ -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;}
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{ padding-right: 0; padding-left: 0;}

/*============================ Header ============================*/
.header{ width: 100%; height: 100px;}
.header .logo{ display: block; width: 323px; margin-top: 12px;}
.header .logo img{ width: 100%;}
.navbar_nav li{ display: inline-block;}
.navbar_nav li a{ display: block; width: 85px; line-height: 100px;}
.navbar_nav li:hover a,.navbar_nav li.slt a{ color: #fff; background: #ef8201;}
#navToggle{ display: none;}
.m_nav{ position: fixed; top: 0px; right: 0; width: 100%; height: 100%; background: #fff; transition: all ease 500ms; -webkit-transition: all ease 500ms; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0,.175, 1) 0ms; top: 0; transform: translateX(100%);}
.m_nav.open{ transform: translateX(0);}
.m_nav .top{ height: 60px; padding: 20px; box-sizing: border-box;}
.m_nav .top .closed{ width: 20px; height: 20px; vertical-align: middle; float:right; cursor: pointer;}
.m_nav .ul{ margin-top: 30px;}
.m_nav .ul li{ padding: 0 20px; border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li a{ display: block; text-decoration: none; color: #333; font-size: 16px; height: 60px; line-height: 60px; width: 100%;}

/*============================ Footer ============================*/
.footer{ background: #333;}
.footer .list{ padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.1);}
.footer .list span{ display: inline-block; color: rgba(255,255,255,.75); line-height: 32px; margin: 0 2.6vw;}
.footer .list span img{ width: 32px; margin-bottom: 10px;}
.footer .copy{ color: rgba(255,255,255,.5); padding: 10px 0; line-height: 36px;}
.footer .copy div a{ display: inline-block; color: #fff; margin: 0 15px;}
.footer .copy p a{ display: inline-block; color: rgba(255,255,255,.5);}
.footer .copy a:hover{ color: #ef8201;}

/*============================ Index ============================*/
.ixSlide .img{ height: 640px;}

.ixTit{ padding: 40px 0;}
.ixTit span{ display: block; font-size: 36px; margin-bottom: 10px;}
.ixTit i{ display: block; width: 16px; height: 4px; margin: 10px auto 0;}

.ixPart1 .box{ display: block; margin: 0 20px 50px;padding-top: 60%;position: relative;}
.ixPart1 .box div{height: 85%;position: absolute;top: 0;left: 0;width: 100%;}
.ixPart1 .box img{ width: 100%;}
.ixPart1 .box p{ margin-top: 10px;}
.ixPart1 .box:hover{ color: #EF8201;}

.ixPart2 .part{ background: url(../images/ixImg2_1.jpg) center no-repeat; background-size: cover; padding-bottom: 120px;}
.ixPart2 .part .txt{ line-height: 32px;max-width:1200px;margin:0 auto;text-align:left;}
.ixPart2 .mxTit{ margin-top: -64px; position: relative; z-index: 1;}
.ixPart2 .mxTit span{ display: block; font-size: 20px; padding: 0 15px; line-height: 64px; background: #fff; cursor: pointer;}
.ixPart2 .mxTit span i{ display: inline-block; font-size: 36px; color: #999; margin-right: 15px;}
.ixPart2 .mxTit .a i{ color: #EF8201;}
.ixPart2 .mxCon{ display: none;}
.ixPart2 .mxCon .box{ position: relative; cursor: pointer;}
.ixPart2 .mxCon .box .txt{ width: 100%; height: 100%; background: rgba(0,0,0,.5); padding: 10px 1.5625vw; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0;display:flex;justify-content:center;align-items:center;}
.ixPart2 .mxCon .box .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.ixPart2 .mxCon .box img{ width: 100%;height: 195px;}
.ixPart2 .mxCon .box:hover .txt{ opacity: 1;}

.ixPart3{ padding-bottom: 50px;}
.ixPart3 .left .txt{ line-height: 32px;}
.ixPart3 .left .list{ margin: 20px -20px 30px;}
.ixPart3 .left .list .box{ margin: 0 20px;}
.ixPart3 .left .list .box span{ display: block; font-size: 36px; margin-bottom: 10px;}
.ixPart3 .left .more{ display: inline-block; height: 34px; color: #EF8201; line-height: 34px; padding: 0 20px; border: 1px solid #EF8201;}
.ixPart3 .left .more:hover{ color: #fff; background: #EF8201;}
.ixPart3 .img{ margin-left: 50px;}
.ixPart3 .img img{ width: 100%;}

.ixPart4 .box1{ display: block; position: relative; margin-bottom: 40px;}
.ixPart4 .box1 p{ width: 100%; line-height: 40px; padding: 0 20px; background: rgba(0,0,0,.5); position: absolute; left: 0; bottom: 0; z-index: 1;}
.ixPart4 .box1 img{ width: 100%;}
.ixPart4 .box1:hover p{ background: rgba(0,0,0,.9);}
.ixPart4 .box2{ display: block; margin-bottom: 16px;}
.ixPart4 .box2 .date{ border: 1px solid #ddd; margin: 0 30px 0 40px; padding-bottom: 5px;}
.ixPart4 .box2 .date span{ display: block; font-size: 36px;}
.ixPart4 .box2 .txt span{ display: block; font-size: 18px; margin: 10px 0 15px;}
.ixPart4 .box2:hover .txt span{ color: #EF8201;}

.ixPart5{ padding-bottom: 30px;}
.ixPart5 .box{ margin: 0 12px 24px; box-shadow: 0 0 10px rgba(0,0,0,.1);height: 70px;}
.ixPart5 .box img{max-height: 100%;}

/*============================ Others ============================*/
.inBanner{ height: 420px;}

.inTit span{ display: block; font-size: 36px;}

.cpPart1{ padding: 40px 0;}
.cpPart1 .link{ padding: 10px 0;}
.cpPart1 .link a{ display: inline-block; height: 40px; color: #666; padding: 0 28px; line-height: 40px; background: #eee; margin: 18px;}
.cpPart1 .link a.slt,.cpPart1 .link a:hover{ color: #fff; background: #ef8201;}
.cpPart1 .list{ margin: 0 -20px;}
.cpPart1 .list .box{ display: block; margin: 0 20px 40px;padding-top: 63%;position: relative;}
.cpPart1 .list .box div{width:100%;height: 87%;position: absolute;top: 0;left: 0;}
.cpPart1 .list .box img{ width: 100%;}
.cpPart1 .list .box p{margin-top: 15px;}
.cpPart2{ padding: 60px 0;}
.cpPart2 .tit{ border-bottom: 1px solid #eee; padding-bottom: 15px;}
.cpPart2 .tit span{ display: block; font-size: 24px; margin-bottom: 10px;}
.cpPart2 .txt{ padding: 20px 0; line-height: 32px;}
.cpPart2 .txt img{ max-width: 100%;}

.jsPart1{ padding: 50px 0 70px;}
.jsPart1 .box{ margin: 70px -50px 0;}
.jsPart1 .box .txt,.jsPart1 .box .img{ margin: 0 50px;}
.jsPart1 .box .txt i{ display: inline-block; width: 60px; height: 60px; text-align: initial; font-size: 34px; padding-left: 5px; line-height: 60px; border-radius: 50%; margin-top: 20px;}
.jsPart1 .box .txt span{ display: block; font-size: 24px; margin: 20px 0;}
.jsPart1 .box .txt p{ line-height: 36px;}
.jsPart1 .box .img img{ width: 100%;}

.xwPart1{ padding: 50px 0;}
.xwPart1 .list{ margin: 30px 0 10px;}
.xwPart1 .box{ display: block; margin-bottom: 30px;}
.xwPart1 .box .img img{ width: 100%;}
.xwPart1 .box .txt{ margin: 5px 0 0 30px;}
.xwPart1 .box .txt em,.xwPart1 .box .txt span{ display: block;}
.xwPart1 .box .txt span{ font-size: 20px; margin: 10px 0;}
.xwPart1 .box .txt p{ height: 64px; line-height: 32px;}
.xwPart1 .box:hover .txt span{ color: #EF8201;}

.fenye a,.fenye span{ display: inline-block; width: auto;padding: 0 17px; height: 42px; color: #666; line-height: 42px; border: 1px solid #eee; margin: 10px;}
.fenye span,.fenye a:hover{ color: #fff; background: #EF8201; border-color: #EF8201;}


.gyPart{ padding: 50px 0;}
.gyPart .txt{ line-height: 32px; margin: 30px 0;}
.gyPart .list{ margin: 0 -15px;}
.gyPart .list .img{ margin: 0 15px;}
.gyPart .list .img img{ width: 100%;}

.lxPart{ padding: 50px 0;}
.lxPart .part{ border: 1px solid #eee; margin-top: 40px;}
.lxPart .part .left{ margin: 20px 0 0 30px;}
.lxPart .part .left .txt p{ margin-bottom: 20px;}
.lxPart .part .left .code{ display: inline-block;}
.lxPart .part .left .code img{ width: 128px; margin: 10px 0;}
.lxPart .part .img img{ width: 100%;}

/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1440px) {
	.ixSlide .img{ height: 455px;}
	.inBanner{ height: 300px;}
}

@media (max-width: 1200px) {
	.wrap{ width: 100%; padding: 0 15px;}
}

@media (max-width: 900px) {
	.mobHide{ display: none;}
	.mobShow{ display: block;}
	.header{ height: 60px; position: fixed; top: 0; left: 0; z-index: 999;}
	.header .logo{ width: 160px; margin-left: 10px;}
	#navToggle{ height: 100%; display: inline-block; float: right;}
	#navToggle span{ display: block; position: relative; width: 30px; height: 30px; background: url(../images/menu.png) no-repeat; background-size: contain; top: 16px; right: 15px;}
	.main{ margin-top: 60px;}
	.ixPart4 .box2{ margin-left: 20px;}
	.ixPart4 .box2 .date{ margin: 0;}
	.ixPart4 .box2 .txt{ margin-left: 20px;}
}

@media (max-width:767px) {
	.wrap{ padding: 0;}
	.footer .copy{ font-size: 12px; line-height: 16px;}
	.ixSlide .img{ height: 180px;}
	.ixSlide .slick-dots{ bottom: 5px;}
	.ixSlide .slick-dots li{ width: 10px; height: 10px;}
	.ixTit{ font-size: 13px; padding-bottom: 20px;}
	.ixTit span{ font-size: 28px; margin-bottom: 5px;}
	.ixPart1 .box{ margin: 0 15px 30px;}
	.ixPart2 .part{ padding-bottom: 40px;}
	.ixPart2 .part .txt{ font-size: 14px; line-height: 24px; padding: 0 15px;}
	.ixPart2 .mxTit{ margin: 5px;}
	.ixPart2 .mxTit span{ font-size: 18px; line-height: 50px; margin: 5px; background: #f8f8f8;}
	.ixPart2 .mxTit span i{ font-size: 30px;}
	.ixPart2 .mxCon .box .txt{ padding: 20px; line-height: 24px;}
	.ixPart3{ padding: 0 15px 40px;}
	.ixPart3 .left .txt{ font-size: 14px; line-height: 24px; letter-spacing: initial;}
	.ixPart3 .left .list{ margin: 20px 0;}
	.ixPart3 .left .list .box{ margin: 10px;}
	.ixPart3 .left .list .box span{ font-size: 30px; margin-bottom: 5px;}
	.ixPart3 .left .more{ display: block; padding: 0; width: 140px; text-align: center; margin: 0 auto;}
	.ixPart3 .img{ margin: 20px 0 0;}
	.ixPart4{ padding-bottom: 20px;}
	.ixPart4 .box1{ margin-bottom: 30px;}
	.ixPart4 .box2{ margin: 0 15px 15px;}
	.ixPart4 .box2 .date{ margin: 0 20px 0 0;}
	.ixPart4 .box2 .date span{ font-size: 26px;}
	.ixPart4 .box2 .txt{ margin: 0;}
	.ixPart4 .box2 .txt span{ margin: 5px 0 10px;}
	.ixPart5{ padding: 0 10px 30px;}
	.ixPart5 .box{ margin: 0 5px 10px; box-shadow: 0 0 5px rgba(0,0,0,.1);height: 43px;}
	.inBanner{ height: 160px;}
	.inTit span{ font-size: 28px;}
	.cpPart1 .link{ padding: 10px 0 20px;}
	.cpPart1 .link a{ margin: 2px; font-size: 14px; height: 36px; line-height: 36px; padding: 0 10px;}
	.cpPart1 .list{ margin: 0 7px;}
	.cpPart1 .list .box{ margin: 0 8px 20px;}
	.cpPart1 .list .box p{ margin-top: 10px;}
	.cpPart2{ padding: 40px 15px;}
	.cpPart2 .tit{ padding-bottom: 10px; font-size: 12px;}
	.cpPart2 .tit span{ font-size: 22px; margin-bottom: 5px;}
	.cpPart2 .txt{ font-size: 14px; padding: 10px 0; line-height: 24px;}
	.jsPart1{ padding: 40px 15px;}
	.jsPart1 .box{ margin: 20px 0 0;}
	.jsPart1 .box .txt,.jsPart1 .box .img{ margin: 0; text-align: center;}
	.jsPart1 .box .txt i{ display: inline-flex; justify-content: center; align-items: center; padding: 0; width: 50px; height: 50px; font-size: 28px; line-height: 50px;}
	.jsPart1 .box .txt span{ margin: 10px 0; font-size: 18px;}
	.jsPart1 .box .txt p{ font-size: 14px; line-height: 24px; margin-bottom: 15px; text-align: left;}
	.xwPart1{ padding: 40px 15px;}
	.xwPart1 .list{ margin: 20px 0;}
	.xwPart1 .box{ margin-bottom: 10px;}
	.xwPart1 .box .txt{ font-size: 12px; margin: 0 0 0 15px;}
	.xwPart1 .box .txt span{ font-size: 16px; margin: 3px 0 5px;}
	.xwPart1 .box .txt p{ height: 36px; line-height: 18px;}
	.fenye a{ width: 32px; height: 32px; font-size: 12px; line-height: 32px; margin: 3px;}
	.gyPart{ padding: 40px 15px;}
	.gyPart .txt{ font-size: 14px; line-height: 24px; margin: 20px 0;}
	.gyPart .list{ margin: 0 -5px;}
	.gyPart .list .img{ margin: 0 5px 10px;}
	.lxPart{ padding: 40px 15px;}
	.lxPart .part{ margin-top: 20px;}
	.lxPart .part .left{ margin: 30px 15px; font-size: 14px;}
	.lxPart .part .left .txt p{ margin-bottom: 10px;}
	
}