@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../fonts/NORWESTER.OTF);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}

header{height:40px;line-height:40px;background: #d93f26;overflow:hidden;min-width:1200px;}
header .left{ float:left;}
header .left li{ padding:0 14px; float:left; background:url(../images/line.png) right center no-repeat;}
header .left li a{ font-size:12px; color:#f2d8d8; transition: all 0.36s ease-in-out;} 
header .left li a:hover{ color:#fff;}
header .right{ float:right; text-align:right;}
header .right li{margin-left:44px;padding:0 25px 0 22px;display:inline-block;font-size: 18px;color:#f9fbff;}


.container00_w{height: 110px;position:  relative;z-index: 100;}
.container00{height: 110px; }
.container00.fixed{ position:fixed; z-index:1000; width:100%; background:#fff; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.container00 .logo{float:left;height: 110px;padding:25px 0 0; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.container00 .logo img{ -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out; height:61px;}
.container00 .right{float:right;text-align:right;height: 110px;}
.container00.fixed01{ height:90px; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.container00.fixed01 .logo{ height:70px; line-height:70px; padding:10px 0 0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container00.fixed01 .logo img{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container00.fixed01 .right,.container00.fixed01 .right .navBar .nav{ height:72px; line-height:72px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container00.fixed01 .right .navBar .nav .block,.container00.fixed01 .right .navBar .nav .sub{ top:67px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

/* 本例子css */
.navArea{padding-bottom:0px;background:#fff; width:100%;  }
.navBg{background:#fff;width:1028px;border-top:0px solid #333;border-bottom:0px solid #333; margin:0 auto;}
.nav{height: 95px;margin: 8px auto;line-height: 95px;float: right;margin-right: -40px;}
.nav li{float:left;height: 102px;margin-right: 20px; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.nav li a{display:block;width:90px;text-align:center;font-size: 18px;color: #464646; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.nav li a:hover, .nav li a:hover.on{color: #ffffff;text-decoration:none;background: #d93f26; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.nav li a.on{background: #d93f26;color: #fff; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.nav li a.on2{text-decoration:none;background:#e6e6e6; color: #464646;}
.nav li:hover.on{background:#e6e6e6;text-decoration:none;}
.nav li ul{display:none;position:absolute;z-index:9999;margin-top: 7px;}
.nav li ul li{float:none;display:block;position:relative;line-height: 40px;_display:inline;z-index:99;height: 40px;width: 205px;}
.nav li ul li .s{position:absolute;top:0;left: 201px;border-left:1px solid transparent;width: 100%;margin: 0;}
.nav li ul li .s li{float:none;margin-right: 0;}
.nav li ul li a{display:block;width:100%;height: 40px;line-height: 40px;padding: 0px 30px 0px 13px;background-color:#fff;text-align:left;font-weight:normal;font-size: 14px;color: #464646;background-color:#fff;filter:Alpha(opacity=70);background-color: rgba(255, 255, 255, 0.7);letter-spacing:0px;}
.nav li ul li a:hover{color:#fff;background: #d93f26;}
.nav .t,.nav .t:hover{}


.banner{

position: relative;

width: 100%;
min-width:1200px;

z-index: 1;
}

.banner .ban_con .banmiso{

position: relative;

overflow: hidden;

height: 970px;
}

.banner .ban_con .banmiso .ban_bg{

width: auto;

height: 970px;

-webkit-transition: all 5s ease-out 0s;

-moz-transition: all 6s ease-out 0s;

-ms-transition: all 6s ease-out 0s;

-o-transition: all 6s ease-out 0s;

transition: all 6s ease-out 0s;

-webkit-transform: scale(1.1);

-ms-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1);
}

.banner .banmiso.miso-current .ban_bg.scale{

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.banner .ban_con .banmiso .wrap{

position: absolute;

width:1200px;

top: 256px;

left: 50%;

transform: translateX(-50%);

-o-transform: translateX(-50%);

-ms-transform: translateX(-50%);

-moz-transform: translateX(-50%);

-webkit-transform: translateX(-50%);
}

.banner .ban_con .banmiso .ban_txt{

	/* width: 430px;

	max-width: 100%; */

}

.banner .ban_con .banmiso .ban_txt h1{
	font-size: 60px;
	color: #fff;
	line-height: 1.5;
	font-family:myFirstFont;
	text-transform: uppercase;
	letter-spacing: 1px;

}

.banner .ban_con .banmiso .ban_txt h3{
	font-size: 33px;
	color: #fff;
}

.banner .ban_con .banmiso.miso-current h1{

	-webkit-animation: bounceInUp 2s 0s ease both;

    -moz-animation: bounceInUp 2s 0s ease both;

    animation: bounceInUp 2s 0s ease both;

}

.banner .ban_con .banmiso .ban_img{

	position: relative;

	margin-top: 90px;

	margin-right: 90px;

	width: 634px;

	max-width: 100%;

}

.banner .ban_con .banmiso .ban_img .ban_img1{

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 1;

	width: 100%;

}

.banner .ban_con .banmiso .ban_img .ban_img2{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

}

.banner .ban_con .banmiso.miso-current .ban_img .ban_img1{

	-webkit-animation: bounceInDown 2s 0s ease both;

    -moz-animation: bounceInDown 2s 0s ease both;

    animation: bounceInDown 2s 0s ease both;

}

.banner .ban_con .banmiso.miso-current .ban_img .ban_img2{

	-webkit-animation: bounceInDown 2s 0s ease both;

    -moz-animation: bounceInDown 2s 0s ease both;

    animation: bounceInDown 2s 0s ease both;

    animation-delay: .2s;

}

.banner .ban_po{

position: absolute;

top: 460px;

left: 0px;

z-index: 1000;

width: 100%;
}

.banner .ban_po p{

margin-bottom: 30px;

font-size: 24px;

color: #fff;

line-height: 40px;
}

.banner .ban_po p span{ display:inline-block; margin:0 -5px}

.banner .ban_po p .prne{

display: inline-block;

width: 40px;

cursor: pointer;
}

.banner .ban_po p .prne img{

	width: 100%;

}

.banner .ban_po p .prne.banprev{

	margin-right: 15px;

}

.banner .ban_po p .prne.bannext{

	margin-left: 15px;

}

.banner .ban_po button{

background-color: #d93f26;

width: 160px;

height: 50px;

line-height: 50px;

border: none;

font-size: 15px;

color: #fff;

border-radius: 3px;

transition: .3s;

-o-transition: .3s;

-ms-transition: .3s;

-moz-transition: .3s;

-webkit-transition: .3s;

cursor: pointer;

position:  relative;

overflow: hidden;
}

.banner .ban_po button:hover{
}

.banner .ban_sanjiao{

position: absolute;

bottom: 0px;

left: 0px;

width: 100%;

z-index: 1000;
}

.banner .ban_sanjiao img{

	width: 100%;

}

.wrap{ width:1200px; margin:0 auto}


/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.container01{ padding:25px 0 35px; overflow:hidde;}

.container01 h3{ margin-bottom:43px;}
.container01 h3,.container01 h2{ text-align:center;}
.container01 p{ padding:0 95px; font-size:15px; color:#6a6a6c; line-height:28px; margin-bottom:58px;}
/* HIGHLIGHT */
.button {
	display: inline-block;
	color: #fff;
	background: #d93f23;
	margin:0 auto;
	width: 155px;
	height: 48px;
	line-height: 48px;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	text-align:center;
	font-size:15px;
}

.button:before,#bannerUrl button:before {
	content: "";
	position: absolute;
	top: -30px;
	left: -100px;
	height: 100px;
	width: 70px;
	background: rgba(255, 255, 255, .4);
	transform: rotate(20deg);
}

.button:hover:before,#bannerUrl button:hover:before {
	left: 180px;
	transition: all 0.6s;
}

.container02{ height:5px; position:relative; padding:5px 0 0; z-index:0}

.bgblue_bg{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.bgblue .bgblue_bg img,.bgblue01 .bgblue_bg img{

	width: 100%;

}

.bgblue .bgblue_bg .bgb_fl,.bgblue01 .bgblue_bg .bgb_fl{

position: absolute;

top: 0px;

left: 50%;

margin-left: -1000px;

z-index: 1;

width: 0px;

transition: .5s;

-o-transition: .5s;

-ms-transition: .5s;

-moz-transition: .5s;

-webkit-transition: .5s;
}

.bgblue .bgblue_bg .bgb_fl.act,.bgblue01 .bgblue_bg .bgb_fl.act{

width: 2000px;
}

.bgblue .bgblue_bg .bgb_fr,.bgblue01 .bgblue_bg .bgb_fr{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -456.5px;
	z-index: 2;
	width: 0px;
	transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.bgblue .bgblue_bg .bgb_fr.act,.bgblue01 .bgblue_bg .bgb_fr.act{
	width: 1455px;
}

.container02 .w1200{ position:relative; z-index:10}
.container02 .left{float:left;width: 305px;padding:65px 0 0;}
.container02 .left h4{ font-size:26px; color: #eb3d00; text-transform:uppercase; margin-bottom:28px;}
.container02 .left p{ font-size:15px; color:#68686a; line-height:30px;}
.container02 .right{ float:right; width:792px; height:374px; position:relative; }
.n_product03_fr3 .swiper-slide {height: 300px;text-align: center;background-position: center;background-size: cover;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.container02 .right ul li .img{ position:relative;}
.container02 .right ul li .img,.container02 .right ul li .img img{ width:395px; height:258px;}
.container02 .right ul li .img .top{position:absolute;left:0;top:0;width:100%;height:0;background:#d93f26;z-index: 10000; overflow:hidden; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container02 .right ul li.swiper-slide-active .img:hover .top{ height:100%;}
.container02 .right ul li .img .top h3{ margin-bottom:26px;}
.container02 .right ul li .img .top h3 img{ height:auto; width:auto; display:inline-block;}
.container02 .right ul li .img .top h5{ font-size:15px; color:#fff; margin-bottom:6px;}
.container02 .right ul li .img .top h6{ font-size:12px; color:#fff}
.container02 .miso-prev,.container02 .miso-next{ background:none; z-index:1000;width: 198px;height:202px;top:0;margin-top:29px;}
.container02 .miso-prev{ left:0;}
.container02 .miso-next{ right:0;}
.container02 .swiper-pagination{bottom: 15px !important;z-index:1000;}
.container02 .swiper-pagination-bullet{width:13px;height:13px;background:#e6e6e8;border:#9c9c9c 1px solid;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin: 0 32px !important;opacity: 1;}
.container02 .swiper-pagination-bullet-active{ background:#d93f26; border:#d93f26 1px solid; position:relative; z-index:10000}
.container02 .swiper-pagination-bullet-active:before{ content:""; position:absolute; width:1px; height:18px; left:50%; margin-left:-0.5px; top:-25px; background:#d93f26;}
.container02 .right:before{content:"";position:absolute;width:355px;height:1px;left:50%;margin-left:-177.5px;background:#b6b6b7;bottom: 23px; z-index:0}
.container02 .miso-dots li:nth-child(1),.container02 .miso-dots li:nth-child(2),.container02 .miso-dots li:nth-child(3){ right:-115.5px}
.container02 .miso-dots li:nth-child(4),.container02 .miso-dots li:nth-child(5),.container02 .miso-dots li:nth-child(6){ left:-115.5px}


.container03{ padding:0 0 30px; margin-top:-45px; position:relative}
.container03 .title h4{ font-size:26px; color: #eb3d00; text-transform:uppercase; margin-bottom:46px; text-align:center}
.container03 ul{ text-align:center; padding:0 0 52px; position:relative}
.container03 ul:before{ content:""; position:absolute; left:50%; bottom:7px; margin-left:-412.5px; width:825px; height:1px; background:#cecece}
.container03 ul li{ display:inline-block; margin:0 29px;  position:relative}
.container03 ul li a{ display:inline-block; width:235px; height:320px; border:#dedede 2px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.container03 ul li:hover a{ background:url(container03_bg.jpg); border:#d93f26 2px solid; margin-top:-10px;}
.container03 ul li:nth-child(2):hover a{ background:url(container03_bg01.png);}
.container03 ul li:nth-child(3):hover a{ background:url(container03_bg02.png);}
.container03 ul li a h4{ font-size:20px; color:#444; font-family:myFirstFont; margin-bottom:40px;}
.container03 ul li a h5{font-size:15px;color:#444;margin-bottom: 8px;}
.container03 ul li a h6{font-size:12px;color: #a9a9a9;}
.container03 ul li:hover a h4,.container03 ul li:hover a h5,.container03 ul li:hover a h6{ color:#fff}
.container03 ul li:before{ content:""; width:13px; height:13px; position:absolute; left:50%; margin-left:-6.5px; bottom:-52px; border:#9c9c9c 1px solid; background:#fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.container03 ul li:after{ content:""; position:absolute; width:1px; height:0; left:50%; margin-left:1px; margin-left:0; bottom:-31px; background:#d93f26; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.container03 ul li:hover:before{ bottom:-62px; border:#d93f26 1px solid; background:#d93f26; }
.container03 ul li:hover:after{ height:18px;bottom:-41px;}

.container041{height:955px;position:relative;padding: 87px 0 0;z-index:0;background:  transparent;}
.container041 .bgblue_bg .bgb_fr{ top:73px; margin-left:-437.5px}
.container041 .w1200{ position:relative; z-index:100}
.container041 .mengcen {
    width: 300px;
    height: 727px;
    position: absolute;
    left: 600px;
    background:url(../images/hong.png) top no-repeat;
    opacity: 0.9;
    top: 0;
}

.container041 .title {
    position:  absolute;
    width: 100%;
    height: 54px;
    margin-top: 100px;
}

.container041 .title div {
    float: left;
    color: #e1e1e1;
}

.container041 .title div span {}

.container041 .title div h4 {
    font-size: 22px;
    margin-bottom: 12px;
    color: #eb3d00;
    text-transform:  uppercase;
}

.container041 .title a {

    color: #ffffff;
    float: right;
}


/**/

.container041 .title a:hover {
}

.container041 .slider-nav .img_div {
    float: left;
    width: 300px;
    height: 319px;
    position: relative;
    overflow: hidden;
}

.container041 .slider-nav .img_div .imgk-top {
    overflow: hidden;
}

.slider-nav .img_div img {
    width: 300px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.slider-nav .img_div:hover img {
    transform: scale(1.1, 1.1);
}

.slider-nav .nav-p-img img {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 17px;
    height: 17px;
}

.slider-for .nav-p-img img {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 17px;
    height: 17px;
}

.container041 .slider-for .img_d{ background:#000}

.slider-for .img_d:hover .p-img img {
    transform: scale(1.2, 1.2);
}

.slider-nav .img_div:hover .nav-p-img img {
    transform: scale(1.2, 1.2);
}



.deannewsbox {
	top: 200px;
	   position: relative;
    overflow: hidden;
}

.deannewsbox ul {
	width: 1200px;
}

.deannewsbox ul li {
	float: left;
	margin: 0 20px 32px 0;
	width: 580px;
	height: 198px;
	background: rgba(255,255,255,.76);
	padding: 20px 20px 20px 40px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position: relative;
}

.deannewsbox ul li:hover {
	box-shadow: 0 15px 30px rgba(0,0,0,0.06);
}

.deanlins {
	display: block;
	width: 30px;
	height: 1px;
	background: #8D919C;
	position: absolute;
	left: 0;
	top: 47px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.deannewsbox ul li:hover .deanlins {
	left: 160px;
	background: #EA5875;
}

.deannewsdate {
	float: left;
	width: 110px;
	margin-top: 14px;
}

.deanndate {
	font-size: 18px;
	color: #666;
	text-align: right;
}

.deannfg {
	padding-top: 28px;
	text-align: right;
}

.deannewsinfo {
	float: right;
	width: 360px;
	height: 220px;
	position: relative;
	overflow: hidden;
}

.deannewsinfo h5 {
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin-top: 12px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.deannewsinfo h5 a {
	font-size: 16px;
	color: #666;
	font-weight: normal;
}

.deannewsinfo h5 a:hover {
	color: #EA5875;
}

.deannewsinfo p {
	color: #999;
	margin-top: 35px;
	line-height: 26px;
	height: 78px;
	font-size: 12px;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.deannewsbox ul li:hover h5 {
	margin-left:20px;
}

.deannewsbox ul li:hover p {
	margin-top: 20px;
}

.deannewsinfo i {
	display: block;
	width: 14px;
	height: 9px;
	position: absolute;
	left: -20px;
	bottom: 40px;
	background: url(../../template/dean_eneloop_160723/deancss/en.png) center no-repeat;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.deannewsbox ul li:hover i {
	left: 0;
}




.container05{height:550px;margin-top: -218px; padding:194px 0 0; text-align:center}
.container05 h2{font-size: 48px;color:#fff;text-transform:uppercase;font-family:myFirstFont;margin-bottom:14px;}
.container05 h4{ font-size:34px; color:#fff; margin-bottom:65px;}

/*应用案例*/
.slider-for {
    height: 500px;
    width: 100%;
    margin: auto;
}


.footer{ height:304px; background:#e3e3e3; padding:58px 0 0; position:relative; z-index:1; border-bottom:#d3d3d3 1px solid;min-width:1200px;}
.footer .left{ float:left; width:630px;}
.footer .left h3{ margin-bottom:30px;}
.footer .left .ar_article,.footer .left .ar_article p{ font-size:15px; line-height:36px; color:#767676; margin-bottom:0}
.footer .center{ float:left; margin-left:165px;}
.footer .center ul li{ margin-bottom:11px;}
.footer .center ul li a{ display:inline-block; width:170px; height:55px; line-height:53px; border:#d2d2d2 2px solid; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.footer .center ul li a:hover{ background:#d93f26; border:#d93f26 2px solid;}
.footer .center ul li a span{margin: 0px 2px;font-size:15px;color:#636363;min-width: 24px;display:inline-block;}
.footer .center ul li a:hover span{ color:#fff}
.footer .center ul li a span img{ display:inline; vertical-align:middle}
.footer .center ul li a span .img02{ display:none}
.footer .center ul li a:hover span .img01{ display:none}
.footer .center ul li a:hover span .img02{ display:inline-block}
.footer .right{ float:right; }
.footer .right h3 img{width:140px; height:140px;}
.footer .right h5{ font-size:15px; line-height:21px; color:#818181; text-align:center; margin-top:8px;}

footer{ background:#e3e3e3; line-height:60px; text-align:center;min-width:1200px;}
footer p,footer p a{ font-size:14px; color:#7f7f7f;}
footer p a:hover{ color:#d93f26;}

/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

#n_banner{height:540px; position:relative; min-width:1200px;}
#n_banner:after{content:"";top: 458px;position:absolute;width:3000px;left:50%;margin-left:-1500px;height:166px;background:#fff;transform:rotate(5deg);-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);}
#n_banner .w1200{ height:540px;}
#n_banner .table{text-align:left;width: 100%;height: 100%;display: table;}
#n_banner .table .box{ display:table-cell; vertical-align:middle;}
#n_banner h3{font-size: 44px;color:#fff;margin-bottom:10px;font-weight:bold;text-transform:uppercase; font-family:myFirstFont;}
#n_banner h4{font-size: 24px;color:#fff; position:relative; padding:0 0 22px 0}

.position{ overflow:hidden; position:relative; z-index:1; margin-top:-30px; margin-bottom:65px;}
.position a,.position i{vertical-align: middle;font-size: 15px;color: #a9a9a9;display: inline-block;}
.position span{vertical-align: middle;font-size: 15px;font-style:normal;display: inline-block;}
.position .span{color: #5b5b5b;}
.position span{color: #a9a9a9;font-weight:  bold;}
.position a:hover{color: #d93f23;}

.n_erji{ overflow:hidden; position:relative; z-index:1; margin-bottom:80px;}
.n_erji ul{ font-size:0}
.n_erji ul li{ display:inline-block; *display:inline; *zoom:1}
.n_erji ul li a{ margin:0 -0.5px; display:inline-block; *display:inline; *zoom:1; width:240px; height:70px; line-height:70px; text-align:center; font-size:15px; color:#2d2d2d; border:#e3e3e3 1px solid}
.n_erji ul li a.on,.n_erji ul li a:hover{ background:#d93f26; border:#d93f26 1px solid; color:#fff}

.n_container{ padding: 0 0 70px; position:relative; z-index:1}


/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align:  center;}
.j_pages a{width: 32px;height: 32px;line-height: 32px;display:inline-block;margin: 0 0.25rem;vertical-align: top;color: #646466;font-size: 0.875rem;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.j_pages a font{color: #fff;display:  block;vertical-align:  top;background: #bfbfbf;border-radius: 50%;font-size: 0.75rem;}
.j_pages a:hover font{background: #d93f26;color:#fff!important;}
.j_pages .on{background: #d93f26;color: #fff;border: #d93f26 1px solid;}
.j_pages a:hover{background: #d93f26;color:#fff!important;}
.j_pages span{background:#000000;color:#fff!important;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.j_pages a:hover font{ color:#fff}

.n_case_detail{ overflow:hidden}
.n_case_detail .left{ float:left; width:350px;}
.n_case_detail .left .title{ padding:0 0 34px; border-bottom:#efeff0 3px solid; margin-bottom:68px;}
.n_case_detail .left .title h3{ font-size:24px; color:#2a2a2a; margin-bottom:24px;}
.n_case_detail .left .title h5{ font-size:15px; color:#696767}
.n_case_detail .left .fanye{ padding:30px 28px 40px; background:#ededed; overflow:hidden; margin-bottom:35px;}
.n_case_detail .left .fanye h4{ margin-bottom:30px;}
.n_case_detail .left .fanye h4 a{ display:inline-block; width:87px; height:26px; line-height:26px; text-align:center; font-size:14px; color:#2a2a2a; background:#fff; -moz-border-radius:13px; -webkit-border-radius:13px; border-radius:13px;}
.n_case_detail .left .fanye h4 a:hover{ background:#d93f26; color:#fff}
.n_case_detail .left .fanye h5{ font-size:18px; color:#2a2a2a; margin-bottom:14px;}
.n_case_detail .left .fanye h5 a{ font-size:18px; color:#2a2a2a;}
.n_case_detail .left .fanye p{ font-size:12px; line-height:24px; color:#989898; height:48px; overflow:hidden; margin-bottom:35px;}
.n_case_detail .left .fanye img{ width:295px; height:155px;}
.n_case_detail .right{ float:right; width:768px;}

.n_product{ overflow:hidden; }
.n_product .left{ float:left; width:260px;}
.n_product .left h3{ font-size:24px; color:#a9a9a9; margin-bottom:26px; line-height:24px;}
.n_product .left h3 small{ font-size:15px; color:#a9a9a9; margin-left:10px; text-transform:uppercase}

/*====产品服务 侧导航====*/
#n_nav{background: #efefef;margin-bottom: 20px;}
#n_nav dt h1{ display:block;  padding: 0 25px;border-bottom: 1px solid #e9e9ec; line-height: 37px; margin-left: 9px; margin-right: 8px;}
#n_nav dt{position:relative;padding: 0 10px;display:block;line-height: 70px;height: 70px;overflow:hidden;margin-top:0px;}
#n_nav dt a{font-weight: normal;font-size: 16px;padding-left: 40px;color: #616060;display:block;height: 70px;border-top: 1px solid #dedede;}
#n_nav dt.on a{ color:#fff; border:none}
#n_nav dt:hover{background: #d93f26;border:none;}
#n_nav dt:hover a{ color:#fff; border:none}
#n_nav dt.title:hover{background: #d93f26;}
#n_nav dt.title:hover a{color:#fff; border:none}
#n_nav dt.title_on{background: #d93f26;}
#n_nav dt.title_on a,#n_nav dt.title.title_on.on a{color:#fff;border:none;}
#n_nav dd{padding: 0px 10px;display:none; border:none}
#n_nav dd .box{ padding: 10px 0;}
#n_nav dd a{padding-left:10px;line-height: 48px;font-size: 14px;color: #616060;display:block;height: 48px;padding: 0 40px;}
#n_nav dd a:hover{font-weight:bold;}
#n_nav dd a.on{font-weight: bold;}

.n_product .right{ float:right; width:898px;}
.n_siji{ overflow:hidden; position:relative; z-index:1; margin-bottom:52px;}
.n_siji ul{ font-size:0; text-align:center}
.n_siji ul li{display:inline-block; *display:inline; *zoom:1;margin-bottom: 15px;}
.n_siji ul li a{margin:0 -0.5px;display:inline-block; *display:inline; *zoom:1;width: 178px;height:70px;line-height:70px;text-align:center;font-size:15px;color:#2d2d2d;border:#e3e3e3 1px solid;}
.n_siji ul li.on a,.n_siji ul li:hover a{ border:#d93f26 1px solid; position:relative;}
.n_product .right ul.ul{ overflow:hidden; width:960px; margin-bottom:35px;}
.n_product .right ul.ul li{ float:left; width:426px; margin:0 44px 44px 0}
.n_product .right ul.ul li .img{ background:#f6f6f6; padding:16px; position:relative;}
.n_product .right ul.ul li .img>img{ width:395px; height:258px;}
.n_product .right ul.ul li .img .top{position:absolute;left:16px;top:16px;width:395px;height:0;background:rgba(217,63,38,0.8);z-index: 10000; overflow:hidden; -webkit-transform:height 0.6s ease-in-out; transform:height 0.6s ease-in-out;transition:height 0.6s ease-in-out;}
.n_product .right ul.ul li:hover .img .top{ height:258px;}
.n_product .right ul.ul li .img h5{ font-size:12px; color:rgba(255,255,255,0.45); margin-top:8px;}
.n_product .right ul.ul li h4{ height:60px; line-height:30px; font-size:15px; color:#3c3c3c; background:#f6f6f6; padding:0 16px}
.n_product .right ul.ul li h4 a{ color:#3c3c3c}

.n_fuwu .right .fuwu_title{ padding:45px 0 36px; background:#f6f6f6; text-align:center; margin-bottom:35px;}
.n_fuwu .right .fuwu_title h3{ font-size:26px; color:#3c3c3c; margin-bottom:18px;}
.n_fuwu .right .fuwu_title h6{ font-size:12px; color:#8e8e8e}

.n_product_detail .title h2{ font-size:24px; color:#3c3c3c; margin-bottom:42px; text-align:center}
.n_product_detail ul.slider{ text-align:center; margin-bottom:56px;}
.n_product_detail ul.slider li img{ width:530px; height:auto; display:inline-block;}
.n_product_detail ul.slider .miso-prev,.n_product_detail ul.slider .miso-next{ z-index:100000; width:42px; height:42px;}
.n_product_detail ul.slider .miso-prev{ left:10%; background:url(../images/n_product_detail_left.png) center no-repeat}
.n_product_detail ul.slider .miso-next{ right:10%; background:url(../images/n_product_detail_right.png) center no-repeat}
.n_product_detail ul.slider .miso-prev:hover{ background:url(../images/n_product_detail_left_on.png) center no-repeat}
.n_product_detail ul.slider .miso-next:hover{ background:url(../images/n_product_detail_right_on.png) center no-repeat}
.n_product_detail .content h3{ height:60px; line-height:60px; background:#f6f6f6; padding:0 20px; font-size:18px; color:#3c3c3c; margin-bottom:50px;}
.n_product_detail_fanye{ height:60px; line-height:58px; border:#eee 3px solid; font-size:0; position:relative; margin-top:60px}
.n_product_detail_fanye:before{ content:""; position:absolute; left:50%; top:50%; margin-top:-12.5px; width:1px; height:25px; background:#dfdfdf}
.n_product_detail_fanye div{ display:inline-block; *display:inline; *zoom:1; text-align:center; width:50%; padding:0 30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_product_detail_fanye div span{ display:inline-block; font-size:15px; color:#727273}
.n_product_detail_fanye div a{ display:inline-block; font-size:15px; color:#727273}
.n_product_detail_fanye div a:hover{ font-weight:bold}

.n_contact{padding: 0;}
.n_contact .top{width: 100%;}
.n_contact .top .con{padding: 0;overflow: hidden;  margin-bottom:60px;}
.n_contact .top .con .ar_article{float:left;width: 450px;margin-bottom: 0;}
.n_contact .top .con .ar_article p{ font-size:15px; color:#666668}
.n_contact .top .con h3{ padding:72px 0 0}
.n_contact .top .con h6{ height:12px; line-height:12px;}
.n_contact .top .con h6:before{ content:""; position:absolute; width:4px; height:22px; background:#e3e3e3; bottom:-40px; display:none;}
.n_contact .top .con .right{float:right;width:726px;height:525px;position:relative;}
.n_contact .top .con .right img{ float:right;}

.n_join ul{ margin-bottom:20px; overflow:hidden;}
.n_join ul li{ overflow:hidden; border-bottom:#eeeeee 1px solid; margin-bottom:42px;}
.n_join ul li .time{ float:left; width:77px; height:110px; background:#f4f4f5; border:#e5e5e5 1px solid; text-align:center; color:#696969; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; display:none;}
.n_join ul li:hover .time{ background:#d93f26; border:#d93f26 1px solid; color:#fff}
.n_join ul li .time h3{ height:65px; line-height:65px; font-size:36px; border-bottom:#e5e5e5 1px solid;}
.n_join ul li:hover .time h3{ border-bottom:#e47968 1px solid;}
.n_join ul li .time h5{ height:45px; line-height:45px; font-size:14px;}
.n_join ul li .con{ float:right; width:100%;}
.n_join ul li .con h5{ font-size:18px; color:#313131; padding:0 0 28px; font-weight:bold; border-bottom:#eeeeee 1px solid; margin-bottom:32px; position:relative;}
.n_join ul li .con h5:before{ content:""; position:absolute; left:0; bottom:-1px; width:0; height:2px; background:#d93f26; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out}
.n_join ul li:hover .con h5:before{ width:100px;}
.n_join ul li .con h5 a{ font-size:18px; color:#313131;} 
.n_join ul li .con h5 a:hover{ color:#d93f26;} 
.n_join ul li .con .ar_article p{ font-size:15px; color:#777778; line-height:32px;}

.n_xinxi{padding: 0;margin-top: -60px;}
.n_xinxi .top{width: 100%;padding: 58px 0 70px; margin-bottom:58px; border-bottom:  #e0e0e0 1px solid;}
.n_xinxi .top ul li .img{float:left;width: 725px;height: 480px;overflow:hidden;}
.n_xinxi .top ul li .con{position:  absolute;right: 0;top: 40px;width: 570px;height: 400px;background: #f4f4f5;padding: 70px 55px 0;}
.n_xinxi .top ul li .con h5{font-size: 22px;margin-bottom: 32px;}
.n_xinxi .top ul li .con h5 a{color: #333333;}
.n_xinxi .top ul li .con h5 a:hover{color: #d93f26;}
.n_xinxi .top ul li .con h6{font-size:12px;color: #8d8d8e;margin-bottom: 55px;}
.n_xinxi .top ul li .con p{font-size: 15px;line-height: 26px;color: #8d8d8e;height: 52px;overflow:hidden;margin-bottom: 30px;}
.n_xinxi .top ul li .con .more a{display:inline-block;width:124px;height:35px;line-height:35px;background:#f5f5f5 url(../images/yan.png) 23px center no-repeat;padding:0 0 0 45px;-moz-border-radius:17.5px;-webkit-border-radius:17.5px;border-radius:17.5px;font-size:  14px;color: #202122;}
.n_xinxi .top ul li .con .more a:hover{ background:#377bef url(../images/yan.png) 23px center no-repeat; color:#fff}
.n_xinxi .top ul.slider .miso-prev, .n_xinxi .top ul.slider .miso-next{width:61px;height:61px;top:50%;margin-top:-30px; z-index:10000;}
.n_xinxi .top ul.slider .miso-prev{background:url(../images/left.png) center no-repeat; left:-75px;}
.n_xinxi .top ul.slider .miso-next{ background:url(../images/right.png) center no-repeat; left:10px;}
.n_xinxi .top ul.slider .miso-prev:hover{background:url(../images/left_on.png) center no-repeat;}
.n_xinxi .top ul.slider .miso-next:hover{ background:url(../images/right_on.png) center no-repeat;}
.n_xinxi .bottom ul{ width:1270px; overflow:hidden; margin-bottom:20px;}
.n_xinxi .bottom ul li{ float:left; width:355px; margin:0 68px 65px 0;}
.n_xinxi .bottom ul li .img{ width:355px; height:235px; overflow:hidden}
.n_xinxi .bottom ul li .con{ width:100%; position:relative; border-bottom:#ebebeb 1px solid; padding:0 0 25px 0; margin-bottom:12px;}
.n_xinxi .bottom ul li .con .time{ float:left; width:61px; height:69px; background:#e3e3e3; margin-top:-10px; text-align:center; color:#484848; padding:10px 0 0}
.n_xinxi .bottom ul li:hover .con .time{ background:#d93f26; color:#fff}
.n_xinxi .bottom ul li .con .time h3{ height:36px; line-height:36px; font-size:22px;}
.n_xinxi .bottom ul li .con .time h6{ font-size:12px;}
.n_xinxi .bottom ul li .con h4{ float:left; width:294px; font-size:18px; line-height:28px; height:56px; overflow:hidden; color:#333232; margin-top:10px; padding:0 0 0 10px}
.n_xinxi .bottom ul li .con h4 a{ color:#333232}
.n_xinxi .bottom ul li .con h4 a:hover{ color:#d93f26}
.n_xinxi .bottom ul li p{ font-size:15px; color:#9a9999; line-height:26px; height:52px; overflow:hidden}

.n_news_detail_title{ text-align:center; border-bottom:#dfdfdf 3px solid; padding-bottom:38px; margin-bottom:45px;}
.n_news_detail_title .w1200{ position:relative; } 
.n_news_detail_title h3{ font-size:26px; line-height:35px; color:#3f3f3f; padding:0 250px; margin-bottom:28px;}
.n_news_detail_title h5{ font-size:15px; color:#d3d3d3;}
.n_news_detail_title .more{ position:absolute; right:0; top:-3px;}
.more .button{ width:188px; height:40px; line-height:40px;}
.more .button:hover:before{ left:240px;}

.bootom_fanye{ border-top:#f0f1f2 3px solid; padding:28px 0 0; margin-bottom:-35px; margin-top:70px;}
.bootom_fanye ul{}
.bootom_fanye ul li{ float:left; width:50%; padding:0 0 0 40px; height:67px; line-height:67px; position:relative;}
.bootom_fanye ul li:before{ position:absolute; top:-31px; content:""; left:0; width:0; height:3px; background:#d93f26;  -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out}
.bootom_fanye ul li:hover:before{ width:100%}
.bootom_fanye ul li .img{ display:inline-block; margin-right:18px;}
.bootom_fanye ul li .img img{ width:102px; height:67px;}
.bootom_fanye ul li h5{ display:inline-block; font-size:15px; color:#9f9f9f}
.bootom_fanye ul li span{ color:#9f9f9f}
.bootom_fanye ul li h5 a{ color:#9f9f9f; max-width:362px;}
.bootom_fanye ul li h5 a:hover{ color:#424242}

/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1700px){
}

@media(max-width: 1420px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
}

@media(max-width: 1100px){
}

@media(max-width: 992px){
}

@media(max-width: 768px){
	.ar_web{ display:none}
	.ar_wap{ display:block}
}


.container04{height:955px;position:relative;padding: 87px 0 0;z-index:0;background:  transparent;}
.container04 .bgblue_bg .bgb_fr{ top:73px; margin-left:-437.5px}
.container04 .w1200{ position:relative; z-index:100}
.container04 .mengcen {
    width: 300px;
    height: 727px;
    position: absolute;
    left: 600px;
    background:url(hong.png) top no-repeat;
    opacity: 0.9;
    top: 0;
}

.container04 .title {
    position:  absolute;
    width: 100%;
    height: 54px;
    margin-top: 100px;
}

.container04 .title div {
    float: left;
    color: #e1e1e1;
}

.container04 .title div span {}

.container04 .title div h4 {
    font-size: 22px;
    margin-bottom: 12px;
    color: #eb3d00;
    text-transform:  uppercase;
}

.container04 .title a {

    color: #ffffff;
    float: right;
}


/**/

.container04 .title a:hover {
}

.container04 .slider-nav .img_div {
    float: left;
    width: 300px;
    height: 319px;
    position: relative;
    overflow: hidden;
}

.container04 .slider-nav .img_div .imgk-top {
    overflow: hidden;
}

.slider-nav .img_div img {
    width: 300px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.slider-nav .img_div:hover img {
    transform: scale(1.1, 1.1);
}

.slider-nav .nav-p-img img {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 17px;
    height: 17px;
}

.slider-for .nav-p-img img {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 17px;
    height: 17px;
}

.container04 .slider-for .img_d{ background:#000}

.slider-for .img_d:hover .p-img img {
    transform: scale(1.2, 1.2);
}

.slider-nav .img_div:hover .nav-p-img img {
    transform: scale(1.2, 1.2);
}

.container04 .slider-for {
    width: 600px;
    position: absolute;
    top: 200px;
    z-index: 666;
}

.container04 .slider-nav {
    width: 900px;
    position: absolute;
    top: 200px;
    right: 0.1px;
}

.container04 .slider-for div img {
    width: 100%;
    opacity: 0.8;
}

.container04 .mengcen2 {
    position: absolute;
    height: 50px;
    bottom: 0;
    opacity: 1;
    width: 600px;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4), transparent);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, rgba(0,0,0,0.4), transparent);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.4), transparent);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);
    /* 标准的语法 */
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    z-index: 1000;

}

.container04 .slider-for .miso-current:hover .mengcen2 {
    height: 110px;
}

.container04 .slider-for .neirong p {
    color: #ffffff;
    position: absolute;
    z-index: 100;
}

.container04 .slider-for .neirong .p-title {
    font-size: 18px;
    left: 35px;
    bottom: 52px;
}


.container04 .slider-for .neirong .p-title2 {
    font-size: 14px;
    bottom: 32px;
    left: 35px;
}

.container04 .slider-for .neirong .p-img {
    font-size: 14px;
    bottom: 32px;
    right: 40px;
}

.container04 .slider-for .neirong2 {
    position: relative;
}

.container04 .slider-nav .neirong3 {
    position: relative;
}

.container04 .slider-nav .neirong3 p {
    position: absolute;
    left: 34px;
}

.container04 .slider-nav .neirong3 p {
    color: #595959;
}

.container04 .slider-nav .neirong3 .nav-p-title {
    top: 32px;
    font-size: 18px;
}

.container04 .slider-nav .neirong3 .nav-p-title2 {
    top: 58px;
    font-size: 14px;
}

.container04 .slider-nav .neirong3 .nav-p-img {
    top: 112px;
}

.container04 .miso-prev {
    left: -350px;
    height: 22px;
    width: 12px;
    background: url(lr_03.png) no-repeat;
}

.container04 .miso-next {
    height: 22px;
    width: 12px;
    background: url(lr_05.png) no-repeat;
    right: -55px;
}
.container04 .slider-nav .img_div.miso-center .neirong3 p{ color:#fff !important}