@charset "utf-8";



/*==========================================公共 开始=============================================*/

body{ background: #f5f6fb; }

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





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



header{ position:absolute; top:0; left:0; z-index:10; width:100%; height:104px;}

header .logo{ float:left; width:135px;}

header .right{ float:right; width:920px;}

header .right .top{margin: 35px 0 10px;}

header .right .top h3{color:#e65743;font-size:24px;text-align:right;font-weight:bold;background: url(../images/ico_tel.png) 504px center no-repeat;}

header .right .top h3 small{font-size:14px;color:#fff;font-weight:normal;vertical-align: top;line-height: 28px;}

#j_body{position: relative;}

/*====导航====*/

#container {position: relative;float: right;width: 990px;height: 40px;}

#container:after {content: "";display: block;clear: both;height: 0;}

#menu {position: relative;float: left;width: 100%;text-align: right;}

#menu, #menu ul {list-style: none;}

#menu > li {display: inline-block;position: relative;perspective: 1000px;margin-left: 50px;}

#menu > li:first-child {}

#menu li li{float:left;width: 100%;text-align: center;}

#menu a {display: block;float:left;position: relative;z-index: 10;text-decoration: none;color: #fff;font-size: 15px;height: 40px;line-height: 40px;transition: all .25s ease-in-out;}

#menu > li:hover > a {color: #0073ce;text-shadow: none;box-sizing: border-box;border-bottom: #0073ce 2px solid;}

#menu li ul  {position: absolute;top: 40px;left: -26px;z-index: 1;width: 110px;padding: 0;opacity: 0;visibility: hidden;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;background: transparent;overflow: hidden;transform-origin: 50% 0%;}

#menu li:hover ul {padding: 15px 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC7C9E47', endColorstr='#CC7C9E47');background:rgba(161,51,35,0.8);opacity: 1;visibility: visible;box-shadow: 1px 1px 7px rgba(0,0,0,.5);animation-name: swingdown;animation-duration: 1s;animation-timing-function: ease;}

@keyframes swingdown {

	0% {

		opacity: .99999;

		transform: rotateX(90deg);

	}



	30% {			

		transform: rotateX(-20deg) rotateY(5deg);

		animation-timing-function: ease-in-out;

	}



	65% {

		transform: rotateX(20deg) rotateY(-3deg);

		animation-timing-function: ease-in-out;

	}



	100% {

		transform: rotateX(0);

		animation-timing-function: ease-in-out;

	}

}

#menu li li a {width: 100%;box-sizing: border-box;font-weight: 400;color: #ddd;text-shadow: none;border-top: dotted 1px transparent;border-bottom: dotted 1px transparent;transition: all .15s linear;line-height: 40px;height: 40px;}

#menu li li a:hover {color: #fff;border-top: dotted 1px rgba(255,255,255,.15);border-bottom: dotted 1px rgba(255,255,255,.15);background: rgba(0,223,252,.02);}



/*====banner====*/

.container01{ position:relative; z-index:0}

.container01 .swiper-container ul li{ height:860px;}



/*====关于====*/

.container02{ padding:80px 0;background: url(../images/bg.jpg) no-repeat bottom center;padding-bottom: 120px;}

.container02 .title{ float:left; width:100%; margin-bottom:46px;}

.container02 .title h4{ float:left; width:600px; font-size:20px; color:#363638;} 

.container02 .title h4 b{ font-weight:bolder; color:#342c2a; text-transform:uppercase;}

.container02 .title h4 b font{ color:#0073ce}

.container02 .title .more{display:inline-block;float: right;}

.container02 .title .more a{ font-size:12px; color:#666668; text-transform:uppercase;}

.container02 .title .more a font{font-family:"Microsoft Yahei";font-size: 17px;display: inline;vertical-align: middle;}

.container02 .title .more a:hover{ color:#0073ce}

.container02 .ar_article{float:left;margin-bottom: 36px;}

.container02 ul{ text-align:center; font-size:0;}

.container02 ul li{ display:inline-block; width:200px;}

.container02 ul li .img{ display:table; width:200px; height:100px; text-align:center; margin-bottom:10px;}

.container02 ul li .img i{ display:table-cell; vertical-align:middle;}

.container02 ul li .img img{ display:inline; -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 ul li h6{ font-size:14px; color:#666668;}

.container02 ul li:hover .img img{ transform:rotateY(360deg); -webkit-transform:rotateY(360deg);  -moz-transform:rotateY(360deg);}



/*====分类====*/

.container03{ padding:30px 0 30px 0; background-color:#ecebeb}

.container03 .swiper-container ul{ margin-bottom:35px;}

.container03 .swiper-container ul li .img,.container03 .swiper-container ul li .img img{width:100%;margin: 0 auto; overflow:hidden;}

.container03 .swiper-container ul li .top{width: 100%;background-color:#fff;border-bottom: #0073ce 3px solid;margin:0 auto;margin-top: -1px;position:relative;z-index:1000;padding: 15px 0 15px;text-align: center;}

.container03 .swiper-container ul li .top h3{height: 44px;text-align: center;color: #0073ce;text-transform: uppercase;font-size: 22px;}

.container03 .swiper-container ul li .top h3 .img02{ display:none;}

.container03 .swiper-container ul li .top h5{ font-size:22px; color:#363638; margin-bottom:15px;}

.container03 .swiper-container ul li .top .more a{ display:block; width:168px; height:40px; line-height:40px; background-color:#0073ce; margin:0 auto; font-size:14px; color:#fff; text-transform:uppercase;}

.container03 .swiper-container ul li:hover .top{ background-color:#0073ce; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.container03 .swiper-container ul li:hover .top h3{ color:#fff}

.container03 .swiper-container ul li:hover .top h5{ color:#fff}

.container03 .swiper-container ul li:hover .top .more a{ background-color:#fff; color:#0073ce}

.container03 .swiper-container .hd{ height:65px; text-align:center; font-size:0}

.container03 .swiper-container .hd .button-prev,

.container03 .swiper-container .hd .button-next{ cursor:pointer; margin:0 10px; display:inline-block; width:65px; height:65px; font-size:30px; color:#fff; line-height:65px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; background-color:#363638; font-family:simsun; text-align:center;}

.container03 .swiper-container .hd .button-prev:hover,

.container03 .swiper-container .hd .button-next:hover{ background-color:#0073ce}



/*====分类====*/

.container04{padding: 30px 0 30px 0;}





.container04 .tilte h4 font{ color:#0073ce}




/*====店面展示====*/

.container05{ padding:30px 0; background-color:#ecebeb;padding-bottom:15px}

.container05 .tilte{ text-align:center; margin-bottom:30px;}

.container05 .tilte h4{ font-size:16px; color:#342c2a; text-transform:uppercase; font-weight:bolder; margin-bottom:4px;}



.container04 .tilte h3{ font-size:26px; color:#363638; margin-bottom:45px;}


.container05 .more a{ display:block; width:168px; height:40px; line-height:40px; background-color:#0073ce; margin:0 auto; font-size:14px; color:#fff; text-transform:uppercase; text-align:center;}

.container05 .more a:hover{ background-color:#fff; color:#0073ce; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 

progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 5px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 5px #999999;/* for safari or chrome */ box-shadow:1px 1px 5px #999999;/* for opera or ie9 */}



/*====加入====*/

.container06{ height:764px; background:url(../images/container06_bg.jpg) center top no-repeat; box-sizing:border-box; padding:90px 0 0 0}

.container06 .top{float:left; width:100%;}

.container06 .top .con{ float:left; width:320px; height:350px; box-sizing:border-box; padding:116px 0 0 45px;}

.container06 .top .con01{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2F8F8F8', endColorstr='#B2F8F8F8');background:rgba(248,248,248,0.7);}

.container06 .top .con01:hover{ background-color:#fff}

.container06 .top .con02{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2070707', endColorstr='#B2070707');background:rgba(7,7,7,0.7);}

.container06 .top .con02:hover{ background-color:#070707}

.container06 .top .con h4{ font-size:20px; color:#342c2a; text-transform:uppercase; font-weight:bolder; margin-bottom:4px;}

.container06 .top .con h4 font{ color:#0073ce}

.container06 .top .con02 h4 font{ color:#e4452e}

.container06 .top .con h3{font-size:20px;color:#363638;margin-bottom: 25px;}

.container06 .top .con02 h3{ color:#fff}

.container06 .top .con p{ font-size:14px; color:#444343; line-height:24px;}

.container06 .top .con02 p{ color:#fff}

.container06 .bottom{ float:left; width:100%; height:235px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5A13323', endColorstr='#E5A13323');background:rgba(161,51,35,0.9); padding:67.5px 0; box-sizing:border-box;}

.container06 .bottom:hover{ background-color:#0073ce}

.container06 .bottom .con01{ float:left; width:320px; height:100px; box-sizing:border-box; padding:0 0 0 45px; border-right:#be7265 1px solid; color:#fff;}

.container06 .bottom .con01 h3{ font-size:20px; font-weight:bold; text-transform:uppercase; margin-bottom:5px; margin-top:20px}

.container06 .bottom .con01 h4{ font-size:18px;}

.container06 .bottom .con01 h5{ font-size:14px; margin:20px 0 4px 0}

.container06 .bottom .con01 h2{ font-size:30px; font-weight:bold;}

.container06 .bottom .con02{ float:left; width:530px; box-sizing:border-box; padding:0 0 0 15px; margin-top:25px;}

.container06 .bottom .con02 .left{ float:left; width:340px; height:50px; background:#fff; line-height:50px; margin-right:16px;}

.container06 .bottom .con02 .left input{ width:340px; height:50px; box-sizing:border-box; padding:18px 25px; background:none; border:none; font-size:12px;}

.container06 .bottom .con02 .right{ float:left; width:104px; height:50px; background-color:#3a3a3a; }

.container06 .bottom .con02 .right input{ width:104px; height:50px; box-sizing:border-box; line-height:50px; font-size:14px; color:#fff; background:none; border:none;}

.container06 .bottom .con02 .right input:hover{ background-color:#222; cursor:pointer}



/*====底部====*/

footer{ background-color:#024a84; position:relative;overflow: hidden;padding: 10px 0;}

footer .bg{width:725px;right:50%;margin-right: -960px;position:absolute;top:0;bottom:0;background-color:#323232; z-index:0}

footer .left{ float:left; width:835px; padding:0 0 42px 0}

footer .left dl{float:left;width:165px;padding: 90px 0;min-height: 166px;}

footer .left dl dt{float:left;width:100%;font-size: 16px;margin-bottom:15px;line-height: 30px;}

footer .left dl dt a{ color:#fff;}

footer .left dl dd{float:left;width:100%;font-size: 14px;line-height: 30px;}

footer .left dl dd a{color: #8f8f91;}

footer .left dl dd a:hover{ color:#fff}

footer .left p{ float:left;}

footer .left p,

footer .left p a{ font-size:12px; color:#656565;}

footer .left p a:hover{ color:#fff;}

footer .right{ float:right; width:365px; padding:85px 50px 0 54px; box-sizing:border-box; position:relative; z-index:1}

footer .right h4{ font-size:20px; color:#fff;}

footer .right ul{float: left;margin: 20px 0 34px; 0;}

footer .right ul li{float:left;width: 32px;height: 32px;box-sizing:border-box;text-align:center;background-color: #973324;margin: 0 15px 0 0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

footer .right ul li a{ display:block;}

footer .right ul li a .img{float:left;width: 32px;height: 35px;box-sizing:border-box;text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:table;}

footer .right ul li a i{ display:table-cell; vertical-align:middle;}

footer .right ul li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;filter:alpha(opacity:80);opacity:0.8;-moz-opacity:0.8;-khtml-opacity:0.8;display: inline-block;}

footer .right ul li:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);filter: none; filter:alpha(opacity:100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}

footer .right ul li a{ display:block;}

#fix_ewm_box{position:fixed; top: 0px; right: 0; z-index: 9999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.9); }

#fix_ewm_box .ewm img{display: block;position: absolute;top: 50%;margin-top: -160px;left: 50%;margin-left: -100px;width: 200px;height: 200px;-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;}

#fix_ewm_box2{position:fixed; top: 0px; right: 0; z-index: 9999; display: none; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.9); }

#fix_ewm_box2 .ewm img{display: block;position: absolute;top: 50%;margin-top: -160px;left: 50%;margin-left: -100px;width: 200px;height: 200px;-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;}



footer .right h6{ font-size:12px; color:rgba(255,255,255,0.37); margin-bottom:10px;}

footer .right h2{ font-size:30px; color:#fff}





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





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



/*====内页banner====*/

#n_banner{ position:relative; z-index:0; height:445px;}

.n_main_box .main_box{  position:relative;}

.n_content{  padding:40px 0 60px 0; min-height:300px;}



/*==============n_content_right=====================*/

#n_public{ height:45px; line-height:45px;  border-bottom:1px solid #e0e2e4; overflow:hidden; position:relative; }

#n_public h1{ position:absolute; right:0; top:3px; font-size:15px; }



/*==============当前位置=====================*/

.position{ position:absolute; color:#b1b1b2; font-size:12px; left:0px; top:0px; line-height:45px; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}

.position a{ color:#b1b1b2; display:inline-block; font-size:12px;}

.position a:hover{color:#0073ce;}

.position span{ color:#0073ce !important; font-size:12px;}



/*==============内导航=====================*/

#n_title{ padding-top:45px;}

#n_title h1{ text-align:center; position:relative; display:inherit; text-align:center;} 

#n_title h1 strong{ display:block; font-size:20px; color:#2e2e2b; margin-bottom:10px;}

#n_title h1 i{ display:block; width:25px; height:2px; background:#0073ce; margin:0 auto;}



#n_sub_nav{ display:inherit; text-align:center; margin-top:30px; margin:30px -5px 0 -5px;}

#n_sub_nav a{ display:inline-block; margin:0 5px; border:1px solid #b4b5b7; color:#2e2e2b; font-size:14px; width:135px; height:35px; line-height:35px;  }

#n_sub_nav a.on{   background: #0073ce; border:1px solid #0073ce;  color:#fff;}

#n_sub_nav a:hover{ background: #0073ce; border:1px solid #0073ce;  color:#fff;}



/*==============大事记=====================*/

#n_dsj{ }

#n_dsj dd{ margin-bottom:50px; display:block; height:215px; position:relative;}

#n_dsj dd .pic_box { position:absolute; left:0; top:0; z-index:3;}

#n_dsj dd .pic_box img{ width:405px; display:block;  height:215px;}

#n_dsj dd .text_box{ position:relative; }

#n_dsj dd .text_box h1{ height:55px; text-align:right; line-height:55px; margin-bottom:25px; font-size:18px; color:#4c4c4a; font-weight:bold; border-bottom:1px solid #c7c8cb; }

#n_dsj dd .text_box .p{position:absolute;right:0;top: 80px;font-size:13px;width:760px;line-height: 27px;color: #666668;}

 

#n_dsj dd.odd .pic_box{ left:auto; right:0; }

#n_dsj dd.odd .text_box h1{ text-align:left;}

#n_dsj dd.odd .text_box .p{ left:0; right:auto;}

#n_dsj dd:hover .text_box h1{color:#e77f93;}

 

#n_tbcf img{ display:block; }



/*==========================================产品列表=============================================*/

#n_shop{}

#n_shop ul{

    width: 1240px;

}

#n_shop li{float:left;position:relative;border-bottom:2px solid #fff;width:375px;background:#fff;display:block;margin: 0 37.5px 0 0;margin-bottom: 36px;}

#n_shop li a{ display:block;    overflow:hidden;}

#n_shop li img{width:375px;height: 260px;display:block;}

#n_shop li span{   padding:0 25px;  display:block; line-height:50px; height:50px;  font-size:14px; color:#444444; padding-right:40px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; background:url(../images/icon_jt_pro.png) 345px center no-repeat; }

#n_shop li:hover span{  color:#0073ce; background:url(../images/icon_jt_pro.png) 345px center no-repeat ; }

#n_shop li:hover { border-bottom:2px solid #0073ce; }



/*==================产品=================*/

#n_product{    margin: 0 auto; }

#n_product ul{ margin:-18px;}

#n_product li{ width:375px; position:relative; display:block; overflow:hidden; background:#fff; float:left; margin:18px;}

#n_product li a{ display:block;}

#n_product li .pic_box{ position:relative; background:#000; }

#n_product li img{width:375px;height: 211px;display:block;}

#n_product li .text_box{ position:relative; padding: 20px 20px; text-align:center;}

#n_product li h1 a{overflow:hidden; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#2e2e2b; font-size:16px;  display:block; }

#n_product li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}

#n_product li:hover{  box-shadow:0 0 5px #aaa; }

/*#n_product li:hover .pic_box img{opacity:0.80; alpha(opacity=80);}*/

#n_product li:hover h1 a{ color:#0073ce;}

#n_product li:hover span{ color:#5c5c5d;}

#n_product li .pic_box::before,#n_product li .pic_box::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}

#n_product li .pic_box::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}

#n_product li .pic_box::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}

#n_product li:hover .pic_box::before,#n_product li:hover .pic_box::after{opacity:1;transform:scale(1);transition: all 0.5s;}



/*==============新闻资讯=====================*/

#n_news { overflow:hidden;}

#n_news ul{ margin:-18px; }







#n_news li{ width:375px; position:relative; display:block; overflow:hidden; background:#fff; float:left; margin:18px; padding-bottom:40px;}

#n_news li a{ display:block;}

#n_news li .pic_box{ position:relative; background:#000; }

#n_news li img{width:375px; height:250px; display:block;  }

#n_news li .text_box{ position:relative; padding:25px; }

#n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; margin-bottom:20px;}

#n_news li p{ font-size:12px; line-height:24px; color:#777777;}

#n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}

#n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px;}

#n_news .fot_box span{color:#a1a1a1; font-size:12px; }

#n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:12px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right center no-repeat; padding-right:30px;}

#n_news li img:hover{ opacity:0.5;  alpha(opacity=50);}

#n_news li:hover{  box-shadow:0 0 5px #aaa; background:#0073ce; }

#n_news li:hover h1 a{ color:#fff; }

#n_news li:hover p{ color:#fff;}

#n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right center no-repeat; color:#fff;}

#n_news li:hover .fot_box span{ color:#fff;}

#n_news li a:hover{ text-decoration:underline; }

    

/*==============新闻详情=====================*/

.n_article { margin-bottom:20px;}

.n_article .ar_title{ padding:10px 0 20px 0;  margin-bottom: 10px;}

.n_article .ar_title{ padding:0 0 0px 0; position:relative; }

.n_article .ar_title h1{ font-size:18px; margin-bottom:30px;  display:block; font-weight:bold; text-align:center; line-height:30px; color:#555555;}

.n_article .ar_title h2{ font-size:12px; position:relative;  display:block; background:#eff0f4; height:40px; padding:0 10px; color:#999999; line-height:40px;}

.n_article .ar_article{ padding-top:40px; padding-bottom:30px; min-height:400px;}

#ar_fot{ position:relative;   border-bottom:1px solid #ddd; height:30px;}

#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold; max-width:45%;}

#ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;}

#ar_fot .bnt_box{display:block;position:absolute;left:50%;bottom:-1px;margin-left:-90px;width:180px;}

#ar_fot .bnt_back{color:#fff; background:#0073ce; margin:0 auto; width:100px; display:block; text-align:center; font-size:12px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ background:#7a3d31;}

  

 

/*==============分享插件——银灵子=====================*/

.shart_box{ position:absolute; right:0; top:61px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:60px; position:relative;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

#j_shart_s_24 .bds_qzone{ background:url(../images/shart.png) center -224px no-repeat;}

#j_shart_s_24 .bds_tsina{ background: url(../images/shart.png) center -311px no-repeat;}

#j_shart_s_24 .bds_tqq{background: url(../images/shart.png) center -195px no-repeat;}

#j_shart_s_24 .bds_renren{background: url(../images/shart.png) center -340px no-repeat;}

#j_shart_s_24 .bds_weixin{background: url(../images/shart.png) center -253px no-repeat;}

#j_shart_s_24 .bds_count{ font-size:12px;}





/*=============联系方式=====================*/

#n_contact .up_box{ background:#fff; padding:40px 35px;}

#n_contact .up_box .title h1{ font-size: 18px; font-weight:bold; display: block; margin-bottom: 10px; color: #555; font-weight: bold;}

#n_contact .up_box .title p{ font-size: 12px;  color:#848484;}

#n_contact  .left{float: left;width: 565px;min-height: 348px;overflow:hidden;border-right: #ececec 1px solid;}

#n_contact  .left .title{margin-bottom: 20px;}

#n_contact .un_box{ margin-top:40px;}

#n_contact .un_box .map{ border:1px solid #c4c4c4;} 

#n_contact .ewm_box{ width:120px; margin-top:40px; text-align:center;}

#n_contact .ewm_box span{ font-size:12px; color:#777777; display:block; margin-top:5px;}

 

#n_contact .right {position:relative;min-height:265px;width: 520px;overflow:hidden;float: right;}

#n_contact .right dl{ margin-left:-10px; }

#n_contact .right dd{ display:block; position:relative;   margin-bottom:10px; }

#n_contact .right dd strong{ position:absolute; left:20px; top:1px; color:#666666;}

 

#n_contact form{ margin-top:25px; }

#n_contact form .text{display:block;float:left;margin-left:10px;width: 233px;height:38px;line-height:38px;font-size:12px;color:#6a6868;background:none;border:1px solid #c5c5c5;padding:0 10px;}

#n_contact form .md{ float:left;}

#n_contact form  .yzm_box{ position:relative; margin-top: 15px;}

#n_contact form  .yzm_box .yzm{ position:absolute; top:0; border:1px solid #c5c5c5; height: 38px; left: 183px;}

#n_contact form textarea{margin-left:10px;width: 498px;height: 88px;font-size:12px;color:#6a6868;padding:10px;resize:none;border:1px solid #c5c5c5;}

#n_contact form .submit{position:absolute;right: 0;top:0;width: 240px;height: 40px;background:#0073ce;border:none;color:#fff;font-size:14px;text-align:center;}

#n_contact form .submit:hover{background:url(../images/bnt_submit.png) center no-repeat #794a41;}





/*==============分页——银灵子=====================*/

.page { margin:0px auto 0px auto;}

.page .box{display:inherit; width:100%;  text-align: right; padding-top: 30px;}

.page a{padding:0 12px;height:30px;line-height:30px;display:inline-block;border:1px solid #dedede;margin:0 2px;color:#555555;font-size:12px;vertical-align: middle;}

.page .on{ background:#0073ce; color:#fff !important;border:1px solid #0073ce;}

.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}

.page span{ background:#0073ce; color:#fff !important;border:1px solid #0073ce;}

.page a:hover{ background:#0073ce; color:#fff !important; text-decoration:none; border:1px solid #0073ce; }

.page a:hover font{ color:#fff;}

.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */

-o-transition: all 1s; /* Opera */}



/*====人力资源====*/

#n_talent{padding: 0 0 75px 0;}

#n_talent ul{float:left;position: relative;z-index: 3;width: 1240px;margin-bottom: 45px;}

#n_talent ul li{float:left;width: 580px;height: 125px;margin: 11px 40px 11px 0;text-align: left;cursor:pointer;overflow:hidden;background-color: #fff;box-sizing:border-box;border-radius: 3px;padding: 0 40px;position: relative;}

#n_talent ul li:hover{ background:#0073ce; border:none}

#n_talent ul li .con{float:left;width: 100%;height: 140px;position:relative;z-index:1;}

#n_talent ul li h6{}

#n_talent ul li h6 span{display:inline-block;font-size:12px;margin-bottom:20px;color: #8f8f8f;}

#n_talent ul li h2{font-size: 16px;color: #444;line-height: 28px;margin-top:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;width: 350px;}

#n_talent ul li:hover h2,#n_talent ul li:hover p,#n_talent ul li:hover span{ color:#fff}

#n_talent ul li .more{ position:absolute; right:40px; top:50%; margin-top:-16.5px; width:100px; height:33px; line-height:33px; border:#d0d1d3 1px solid; box-sizing:border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-align:center; font-size:14px; color:#8c8c8c}

#n_talent ul li:hover .more{ background:#fff; border:#fff 1px solid}

#n_talent .ar_title{border-bottom: #f0f0f0 2px solid;padding-bottom: 0;margin-bottom: 40px;margin-top: 50px;}

#n_talent .ar_title h3{font-size: 22px;color: #424242;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top: 15px;}

#n_talent .ar_title h6 span{position:relative;font-size: 12px;color: #7e8080;display:inline-block;height: 50px;line-height: 50px;font-weight:normal;}

#n_talent .ar_title h6 span i{position:absolute;left:0;bottom: -2px;width:100%;height:2px;background-color: #0073ce;}


/*==========================================内页 开始=============================================*/
.piaofu{position:absolute;right:0px;top:40%;margin-top: 0px;position:fixed;z-index:99999999;animation:moveUpDown 4s linear infinite;}
.piaofu .box a{ display:block; position:relative; width:70px; height:70px;  }
.piaofu .wx{ position:relative;}
.piaofu .wx{ transition:1s; }
.piaofu .wx:hover .ewm{ display:block;  }
.piaofu .ewm_box{ position:relative;}
.piaofu .ewm_box{ transition:1s; }
.piaofu .ewm_box:hover .ewm{display:block;background-color: #0073ce;border: #0073ce 3px solid;}

img.ewm {}
.piaofu .ewm{ display:none; position:absolute; right:70px; top:0; }
.piaofu .qq{ border:1px solid #ddd; width: 100px; color:#545454; font-size:14px; background:#f9f9f9; border-radius:3px; padding:15px 20px;  display:none; position:absolute; right:70px; top:0; }
.piaofu .box:hover .qq{display:block;}
.piaofu .qq h6 a{ display:inline-block; height:24px; line-height:24px; background:none !important; color:#545454; font-size:12px;}
.piaofu .tel{ position:relative;}
.piaofu .tel{ transition:1s; }
.piaofu .tel:hover #tel_box{ display:block;   }
.piaofu #tel_box{line-height: 28px;width: 220px;color:#fff;font-size:16px;background:#f9f9f9;border-radius:3px;padding: 15px 20px;position:absolute;right:80px;top:7px;background: linear-gradient(135deg, #0073ce, #2196F3, #00cbcb, #4612a4) left center/400% 400%;animation: lightAnimate 20s infinite;border-radius:15px;display:none}
.piaofu .box a{ transition:1s; background-size:30px auto ;}
.piaofu  .qq a{  background:url(../images/icon_pf_qq.png) center 10px no-repeat;}
.piaofu  .qq:hover a{ background:url(../images/icon_pf_qq_hj.png) center 10px no-repeat;}
.piaofu  .zx1 a{  background:url(../images/icon_zx1.png) center 10px no-repeat;}
.piaofu  .zx1:hover a{ background:url(../images/icon_zx1h.png) center 10px no-repeat;}
.piaofu  .zx2 a{  background:url(../images/icon_zx2.png) center 10px no-repeat;}
.piaofu  .zx2:hover a{ background:url(../images/icon_zx2h.png) center 10px no-repeat;}
.piaofu  .zx3 a{  background:url(../images/icon_zx3.png) center 10px no-repeat;}
.piaofu  .zx3:hover a{ background:url(../images/icon_zx3h.png) center 10px no-repeat;}
.piaofu  .ewm_box a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}
.piaofu  .ewm_box:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}
.piaofu  .wx a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}
.piaofu  .wx:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}
.piaofu  .tel a{  background:url(../images/icon_tel.png) center 10px no-repeat;}
.piaofu  .tel:hover a{ background:url(../images/icon_telh.png) center 10px no-repeat;}
.piaofu  .address a{  background:url(../images/icon_address.png) center 10px no-repeat;}
.piaofu  .address:hover a{ background:url(../images/icon_addressh.png) center 10px no-repeat;}
.gotop a{ background:url(../images/icon_gotop.png) center 10px no-repeat;}
.piaofu .gotop:hover a{ background:url(../images/icon_gotoph.png) center 10px no-repeat;}
.piaofu .box a{margin-bottom: 2px; }
.piaofu .box span{font-size:12px;color:#fff;position:absolute;bottom:5px;text-align:center;display: block;width: 100%;}
.piaofu .box:hover a{  }
.piaofu .box:hover span{ color:#fff;}

.piaofu .li1 a{ background: url(../images/icon_pf1.png) center 12px no-repeat #0073ce;}
.piaofu .li2 a{ background: url(../images/icon_pf2.png) center 12px no-repeat #0073ce;}
.piaofu .li3 a{ background: url(../images/icon_pf3.png) center 12px no-repeat #0073ce;}
.piaofu .li4 a{ background: url(../images/icon_pf4.png) center 12px no-repeat #0073ce;}
.piaofu .li5 a{ background: url(../images/icon_gotop.png) center 18px no-repeat #f6ad02;}

.piaofu .box.li1:hover a{ background: url(../images/icon_pf1.png) center 12px no-repeat #0073ce; }
.piaofu .box.li2:hover a{ background: url(../images/icon_pf2.png) center 12px no-repeat #0073ce; }
.piaofu .box.li3:hover a{ background: url(../images/icon_pf3.png) center 12px no-repeat #0073ce; }
.piaofu .box.li4:hover a{ background: url(../images/icon_pf4.png) center 12px no-repeat #0073ce; }
.piaofu .box.li5:hover a{ background: url(../images/icon_gotop.png) center 15px no-repeat #0073ce; }
.piaofu .li3{ position:relative;}
.piaofu .li3:hover #tel_box{ display:block;}
.piaofu .qq h6 a:hover{ color: #f7a341 }
/*==========================================内页 结束=============================================*/


/*==========================================内页 结束=============================================*/
@keyframes touming{
	0%{opacity: 0;}
	100%{opacity: 1;}
	/* 0%{opacity: 0;} */
}
@keyframes moveUpDown{
	0% {
			transform: translate(0px, -20px)
		}
		50% {
			transform: translate(0px, 20px)
		}
		100% {
			transform: translate(0px, -20px);
		}
}
.dibu p{float: left;color: #fff;margin-right: 25px;font-size: 15px;}
.dibu p a{font-size: 15px;color: #fff;}
.zxc{background-color: #fff;color: #000;text-align: center;transition: 0.3s;padding: 15px 0;}
.gc-tu{width: 100%;height: 100%;transition: 0.3s;}
#qq{margin-bottom: 25px;}
.qdd{width: 100%;height: 200px;overflow: hidden;padding: 10px;box-sizing: border-box;}
.dashen{display: block;background-color: #fff;}
.dashen:hover .gc-tu{transform: scale(1.1);}
.ba{width: 100%;float: left;}
.wg-tit{ text-align:center;padding:30px  0;}
.wg-tit h4{ font-size:16px; color:#342c2a; text-transform:uppercase; font-weight:bolder; margin-bottom:4px;}
.wg-tit h4 font{ color:#0073ce}
.wg-tit h3{ font-size:26px; color:#363638; margin-bottom:0px;}
.xwzx{overflow: hidden;width: 100%;}
.xwzx li{float: left;width: 23%;margin-right: 2.6%;}
.xwzx li:last-child{margin-right: 0;}
.xw-date{display: block;font-size: 28px; font-weight: 100; color: #999;}
.df{display: block; font-weight: 100; font-style: normal; color: #BFBFBF;}
.ui{padding: 20px 0; border-bottom: 1px solid #ccc;position: relative;padding-top:0}
.zk{margin:15px 0;color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: 0.3s;	}
.xw-nr{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top: 15px; line-height: 25px; font-size: 14px; color: #999;height:25px}
.deng{margin-top: 20px;width: 120px;height: 36px;background:url(../images/newsmoreh.png) no-repeat;transition: 0.3s;}
.ui:after{position: absolute;bottom: -1px;left: 0;width: 0%;height: 1px;background-color:#0073ce;display: block;content: "";transition: 0.3s ;}
.xwzx li:hover .ui:after{width: 100%;}
.xwzx li:hover .zk{color: #0073ce;}
.clea{overflow: hidden;}
.gc-zuo{float: left;width: 49%;}
.gao{width: 100%;height: 415px;overflow: hidden;}
.gao:hover .gao-tu{transform: scale(1.1);}
.gao-tu{width: 100%;float: left;height: 100%;transition: 0.3s;}
.gc-mz{text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color: rgb(0 0 0 / 71%);	line-height: 45px;color: #fff;display: block;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 999;}
.gc-zuo a{display: block;overflow: hidden; position: relative;}
body{ background: #fff; }
.nav{float: right;}
.nav li{float: left;width:90px;text-align: center;}
.nav li a{color: #000;padding: 30px 0;display: block;transition: 0.3s;}
.nav li a:hover{background-color:#0073ce;color: #fff;}
.w1200:after{display: block;content:"";clear: both;}
.daohang{}
.logo{float: left;width: 360px;margin-top: 18px;}
.logo img{width: 100%;}
.gs-zuo{float: left;width: 45%;}
.gs-zuo h3{font-size: 30px;padding-bottom: 19px;margin-bottom: 29px;border-bottom: 1px solid rgba(255,255,255,.2);color: #fff;}
.dudu{font-size: 16px;  line-height: 30px;margin-bottom: 20px;color: #fff;}
.dudu p{text-indent: 2em;}
.gs-you{float: right;width: 45%;padding: 20px;background-color: #fff;position: relative;border-radius: 10px;animation:moveUpDown 4s linear infinite;}
.sz{position: absolute;right: 0;bottom: -100px;width: 350px;}
.zzz{width: 100%;}
.ljxq{width: 180px;background:url(../images/lj.png) no-repeat;height: 55px;transition: 0.3s;float: left;background-size: contain;}
.ljxq:hover{background: url(../images/lj1.png) no-repeat;background-size: contain;}
.szzz{overflow: hidden;padding: 30px 0;}
.szzz li{float: left;width: 25%;text-align: center;}
.xy{font-size: 18px;color: #35338d;margin-top: 10px;}
.zengzhang{font-family: 'din-B';font-size: 60px;line-height: 1;  background-image:-webkit-linear-gradient(bottom,#211f68,#4c4ab7);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.dj em{font-weight: normal; font-style: normal;color:#35338d;font-weight: bold;}
.gcal{overflow: hidden;}
.gcal li{float: left;width: 24%;margin-right: 1.3%;overflow: hidden;background-color: #fff;margin-bottom: 15px;}
.gcal li:nth-child(4n){margin-right: 0;}
.gc-bao{width: 100%;height: 200px;overflow: hidden;box-sizing: border-box;position:relative}
.tuzi{width: 100%;height: 100%;transition: 0.3s;}
.gc-tit{line-height: 50px;color:#fff;text-align: center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background: #024a84;padding: 0 10px;}
.gcal li:hover .tuzi{transform: scale(1.1);}
.gcal li:hover .gc-box{display:block}
.dingzi{width:100%;height:100%;position:absolute;z-index:2;left:0;opacity:.7}
.shandian{width:50px;position:absolute;z-index:2;left:42%;opacity:1;top:30%;animation:touming 0.8s infinite}
.gc-box{position:absolute;left:0;top:0;width:100%;height:100%;display:none}
@keyframes touming {

	0%{
		
		opacity:0
	}
	100% {
	opacity:1
	}
	0%{
		opacity:0
	}
}
.dingdong{padding: 10px;}
@-webkit-keyframes lightAnimate {

	0%,
	100% {
		background-position-x: left;
	}

	50% {
		background-position-x: right;
	}
}
.baby{background-color:#0073ce;color:#fff !important}
.dl{border-radius:10px;overflow:hidden}
@-webkit-keyframes lightAnimate {

	0%,
	100% {
		background-position-x: left;
	}

	50% {
		background-position-x: right;
	}
}
@keyframes customerQuan {
	0% {
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	15% {
		-ms-transform: scale(2);
		-moz-transform: scale(2);
		-o-transform: scale(2);
		-webkit-transform: scale(2);
		transform: scale(2)
	}

	30% {
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}
.quan{position:absolute;right:8px;top:3px;background:red;width:15px;height:15px;z-index:9;border-radius:50%}
.kf{position: absolute;width:100%;height:100%}
.kf i{top: 0; left: 0; border-radius: 50%; background:rgb(33 150 243 / 0.25);width: 100%; height: 100%; position: absolute; -ms-transform: scale(1);  -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1);transform: scale(1);z-index:1}
.r1{animation: customerQuan 5s 0s linear infinite;}
.r2{animation: customerQuan 5s .4s linear infinite;}
.r3{animation: customerQuan 5s .8s linear infinite;}
.kf-tu{width:80px;z-index:3;position:relative;height:80px;}
.lkf{position:fixed;left:3%;bottom:40%;width:80px;height:80px;z-index:999;animation: moveUpDown 4s linear infinite;}
.qyry{padding:40px 0;background:url(../images/bggg2.jpg)no-repeat center;background-size: cover;}
.tilte{ text-align:center;}
.tilte font{color:#0073ce}
.tilte	h4{font-size: 16px; color: #342c2a; text-transform: uppercase; font-weight: bolder; margin-bottom: 4px;}
.tilte	h3{font-size: 26px; color: #363638; margin-bottom: 45px;}
.qyry .tilte h4{color:#fff}
.qyry .tilte h3{color:#fff}
.hoonr{overflow:hidden}
.hoonr li{float:left;width:24%; margin-right:1%;margin-bottom:15px;background:url(../images/k.png) no-repeat;background-size:cover;padding:15px;height:188px;box-sizing: border-box;}
.hoonr li:nth-child(4n){margin-right:0}
.jr-tu{width:100%;height:158px;box-sizing: border-box;}
.jr-tu img{height:100%;display:block;margin:0 auto}
.jr-tit{color:#000;text-align:center;padding-top:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;	}
.qycj{padding:40px 0;background:url(../images/cj-bg.jpg) no-repeat center;background-size:cover;position:relative}
.cj{overflow:hidden;position:relative;z-index:99}
.cj li{float:left;width:32%;margin-right:2%;margin-bottom:2%}
.cj li:nth-child(3n){margin-right:0}
.hg{width:100%;height:225px;box-sizing: border-box;border-radius:10px;overflow:hidden}
.hg img{width:100%;height:100%}
.cj-xian{padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:40px;color:#fff;text-align:center	}
.qycj  .tilte h4{color:#fff}
.qycj .tilte h3{color:#fff}
.ys1{animation-delay: 0.2s;}
.ys2{animation-delay: 0.4s;}
.ys3{animation-delay: 0.6s;}
.ys4{animation-delay: 0.8s;}
.ys5{animation-delay: 1s;}
.ys6{animation-delay: 1.2s;}
.ys7{animation-delay: 1.4s;}
.ys8{animation-delay: 1.6s;}