html{ background:#fff; color:#666666; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}
img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{ background:#fff; color:#666666; font-size:14px; font-family:'微软雅黑';}
a{ color:#666666;}
a:hover{color:#4d4d4d;}

/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:0 10px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.red{ color:#f00; font-weight:bold; padding-left:10px;}
.nr_red{ color:#f00; font-weight:bold;}

.scale:hover img { transform: scale(1.1, 1.1);}
.scale img{ transition:transform 1s ease 0s}

#lxwm_nr { margin: 0 20px 20px;	font-size:14px;}
#lxwm_nr p { line-height: 35px; border-bottom: 1px dotted #ccc;	padding-left: 20px;}

#prev_next{ border-top:1px solid #f0f0f0; margin-top:10px; padding-top:5px;}
#prev_next li{ padding-left:10px; height:30px; line-height:30px;}

#con_lx{ width: 90%; height:auto; overflow:hidden; line-height:2.0; font-size:14px; margin-bottom:20px;}
#con_lx p{ border-bottom:1px dotted #ccc; line-height:38px; padding-left:20px; transition:0.3s all 0s linear; }
#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:30px;}


/** header **/
#top_bj{ width: 100%; height: 150px; background: #fff;}
#top_index{ width:1200px; height:150px;}
#logo{ float:left; padding: 15px 0 0 0;}
#top_tel{ float: left; background: url(../Image/top_tel.png) no-repeat left center; padding-left: 70px; margin-top: 20px; margin-left: 100px;}
#top_tel p{ color: #333333; font-size: 30px; font-weight: bold; line-height: 35px;}
#top_tel span{ display: block; background: #fac12c; height: 35px; line-height: 35px; margin-top: 5px; text-align: center; color: #fff; padding: 0 20px; font-size: 20px;}

#nav_bj{ background: #172e7a; width: 100%; height: 70px;}
#nav{ width: 1200px; height: 70px;}
#nav a{ display: block; float: left; font-size: 18px; color: #fff; width: 144px; height: 70px; line-height: 70px; text-align: center; transition: 0.3s; border-right: 1px solid #2f4388;}
#nav a:first-of-type{ background: url(../Image/home.png) no-repeat 40px center #fac12c; color: #fff; padding-left: 30px; width: 155px;}
#nav a:last-of-type{ border-right: none;}
#nav a:hover{ background: #fac12c; }
#nav a:first-of-type:hover{ background: url(../Image/home.png) no-repeat 60px center #fac12c;}

#banner img{ width: 100%;}
#banner .swiper-pagination{ margin-bottom: 30px;}
#banner .swiper-pagination .swiper-pagination-bullet{ width: 15px; height: 15px; border-radius: 100%; }



.flash{ width:100%; height:650px; margin:0 auto; text-align:center; position:relative;}
.flash .flashBox {position:relative; margin:0 auto; width:1000px; height:650px; }
/*修改尺寸1920 {position:absolute; width:1920px; left:-460px;}*/
/*修改尺寸1440 {position:absolute; width:1440px; left:-221px;}*/
.flash .flashBox .bd{position:absolute;  width:1920px; left:-460px;}
.flash .flashBox .bd img{width:100%; height:650px;}



/** footer **/
#end_nr_bj{ background: url(../Image/end_bj.jpg) no-repeat center top #172e7a; width: 100%; height: auto; overflow: hidden; color: #fff;}
#end_nr_bj a{ color: #a0a5bf;}
#end_nr_bj a:hover{ color: #fff;}
#end_nr_bj .main{ padding: 0;}
#end_logo { border-bottom:1px solid #5d6da2; padding: 20px 0;}
#end_logo .end_logo_nr{ float: left;}
#end_logo p{ float: left; height: 60px; border-left: 1px solid #2f4388; line-height: 100px; font-size: 22px; font-weight: bold; margin-left: 20px; padding-left: 20px; margin-top: 10px;}
#end_logo span{ display: block; float: left; font-size: 16px; padding-left: 20px; height: 60px; line-height: 120px;}
.end_nav{ float: left; width: 265px; margin-top: 30px;}
.end_nav .tit{ font-size: 16px;}
.end_nav ul{ padding-top: 10px;}
.end_nav ul li{ float: left; width: 40%; line-height: 30px;}
.end_lx{ float: left; width: 300px; line-height: 20px; margin-top: 30px;}/* text-align: center;*/
.end_lx p{ font-size: 34px; line-height: 40px;}
.end_lx span{ display: block; color: #fff; font-size: 14px; letter-spacing: 8px;}
.end_lx .ljzx{ display: inline-block; color: #fff; background: #fac12c; border:1px solid #fac12c; height: 35px; line-height: 35px; text-align: center; padding: 0 30px; margin-top: 10px; transition:0.3s;}
.end_lx .ljzx i{ display: inline-block; padding-right: 10px;}
.end_lx a{ color: #fff;}
.end_lx .ljzx:hover{ background: none; border:1px solid #fac12c; border-radius: 20px;}
.end_wx .right a{ color: #fff !important;}

.end_wx{ float: right; width: 260px; margin-top: 35px;}
.end_wx .right{ text-align: left; padding-top: 30px;}
.end_wx .right p{ line-height: 25px;}
.end_wx .right span{ margin-top: 10px; display: block; background: #fac12c; height: 35px; line-height: 35px; border-radius: 20px; text-align: center;}
.end_wx .left{ width: 130px;}
.end_wx .left img{ width: 100%;}

#end_line_bj{ height: 50px; line-height: 50px; border-top:1px solid #5d6da2; width: 1200px; margin-top: 30px;}
#end_line{ width: 1200px; height: 50px; line-height: 50px; color: #a7acc4; text-align: center;}
#end_line a{ color: #a7acc4;}


.contact_item{ padding:30px 0; text-align: center;}
.contact_item li{ cursor: pointer; display: inline-block; width: 24%;}
.contact_item li span{display: block;width: 150px;height: 135px;margin:0 auto;text-align: center;position: relative;}
.contact_item li span.contact_item_1{background: url(../Image/contact_li_bg1.png) center no-repeat;line-height: 108px;}
.contact_item li span.contact_item_2{background: url(../Image/contact_li_bg2.png) center no-repeat;line-height: 135px;}
.contact_item li span.contact_item_3{background: url(../Image/contact_li_bg3.png) center no-repeat;line-height: 170px;}
.contact_item li span img{vertical-align: middle;}
.contact_item_ewm{width: 84px;height: 84px;position: absolute;left: 32px;top:45px;z-index: 1;}
.contact_item_ewm img{width: 0;height: 0;position: absolute;left: 50%;top:50%;transition: all .4s;vertical-align: top;}
.contact_item li:hover span .contact_item_ewm{display: block;}
.contact_item li:hover span .contact_item_ewm img{width: 84px;height: 84px;left: 0;top:0;}
.contact_item li h4{color: #333;font-size: 18px;line-height: 30px; text-align: center;margin: 10px auto;}
.contact_item li p{color: #333;font-size: 14px;line-height: 26px;}
.contact_item li:nth-child(3n) p{text-align: center;}


.contact_item1{ padding:30px 0; text-align: center;}
.contact_item1 li{ cursor: pointer; display: inline-block; width: 10%;}
.contact_item1 li span{display: block;width: 18px;margin:0 auto;text-align: center;position: relative;}

.contact_item1 li span img{vertical-align: middle; width: 25px;}
.contact_item_ewm1{width: 84px;height: 84px;position: absolute;left: -32px;top:-107px;z-index: 1;}
.contact_item_ewm1 img{width: 0;height: 0;position: absolute;left: 50%;top:50%;transition: all .4s;vertical-align: top;}
.contact_item1 li:hover span .contact_item_ewm1{display: block;}
.contact_item1 li:hover span .contact_item_ewm1 img{width: 84px;height: 84px;left: 0;top:0;}
.contact_item1 li:nth-child(3n) p{text-align: center;}


/** main **/ 

.ibrand-num li{float:left;width:245px;height:197px;position:relative;text-align:center;background:url(../Image/iserve_bg.png) no-repeat;padding: 85px 0 0;font-weight: bold;margin-left: 73px;color: #2a2a36;}
.ibrand-num li:after{content:'';position:absolute;width:100px;height:30px;background:url(../Image/iserve_shadow.png);bottom:-30px;left:50%;margin-left:-60px;}
.ibrand-num li:first-child{margin-left:0;}
.ibrand-num li span{font-size: 60px;font-family: "Impact";line-height: 66px;}
.ibrand-num li i{font-size: 16px;color: #fac12c;padding-left: 5px; font-style: normal;}
.ibrand-num li b{display:block;font-size: 18px; padding:5px 0 0;}
.ibrand-num li.shi_li02{background:url(../Image/iserve_bg.png) no-repeat 0 -282px;color: #fff;}
.ibrand-num li.shi_li02 i{color: #fff;}



.main{ width:1200px; height:auto; overflow:hidden; padding: 80px 0; line-height: 30px;}
.xueshan{ background: url(../Image/ysbj.png) no-repeat center bottom; width: 100%; height: 603px;}
.xueshan .main{ padding: 50px 0;}
.tit_in{ text-align: center;}
.tit_in p{ display: inline-block; color: #333333; font-weight: bold; font-size: 40px; position: relative;}
.tit_in p span{ color: #172e7a;}
.tit_in p:before{ position: absolute; left: -50px; top: 50%; content: ''; width: 20px; height: 1px; background: #000;}
.tit_in p:after{ position: absolute; right: -50px; top: 50%; content: ''; width: 20px; height: 1px; background: #000;}
.tit_in i{ display: block; font-style: normal; font-size: 12px; color: #999999; font-family: arial; text-transform: uppercase;}

#zgzz_font{ text-align: center; margin: 40px 0 30px;}
#zgzz_font li{ display: inline-block; margin: 0 60px; color: #666666; font-size: 16px; background: url(../Image/ys_icon.png) no-repeat left center; padding-left: 40px;}
#zgzz_pic{ text-align: center;}
#zgzz_pic li{ display: inline-block; margin: 25px; background: url(../Image/ys_pic2.png) no-repeat center top; width: 242px; height: 279px;}
#zgzz_pic li:nth-of-type(2n){ background: url(../Image/ys_pic1.png) no-repeat center top;}
#zgzz_pic li p{ color: #fac12c; font-size: 18px; padding: 100px 0 10px;}
#zgzz_pic li p span{ color: #2a2a36; font-size: 60px; font-family: impact;}
#zgzz_pic li i{ font-style: normal; color: #2a2a36; font-weight: bold; font-size: 18px;}
#zgzz_pic li:nth-of-type(2n) p,#zgzz_pic li:nth-of-type(2n) p span,#zgzz_pic li:nth-of-type(2n) i{ color: #fff;}

#cpbj{ background: url(../Image/cpbj.jpg) no-repeat center top; width: 100%; height: 1070px;}
#cpbj .tit_in{ margin-bottom: 20px;}
#cpbj .tit_in p{ color: #fff;}
#cpbj .tit_in p span{ color: #fac12c;}
#cpbj .tit_in p:before,#cpbj .tit_in p:after{ background: #fac12c; }
#cpbj .tit_in i{ color: #fff; font-size: 16px; letter-spacing: 2px;}


.cppic{ height: 264px;}
.slideBox{ width:927px; height:496px; overflow:hidden; position:relative; background: #001323;}
.slideBox .hd{ height: 80px; overflow:hidden; position:absolute; right:30px; bottom:50px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px; width:40px; height:80px; line-height:80px; font-weight: bold; text-align:center; color: #fff; font-size: 24px; cursor:pointer; }
.slideBox .hd ul li.on{ color:#fac12c; }
.slideBox .bd{ position:relative; height:100%; z-index:0; width:927px; height:496px;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd a{ width:661px; height:496px; display:block; text-align: center; background: #fff;}
.slideBox .bd img{ max-width:661px; height:496px;  }
.slideBox .bd li .font{ position: absolute; right: 0; top: 60px; background: #fac12c; padding: 50px; width: 250px;}
.slideBox .bd li .font p{ display: block; color: #333333; font-size: 26px; font-weight: bold; position: relative; line-height: 50px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.slideBox .bd li .font p:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 33px; height: 2px; background: #333333;}
.slideBox .bd li .font span{ display: block; color: #666666; font-size: 14px; line-height: 25px; padding: 20px 0;}
.slideBox .bd li .font i{ font-style: normal; font-size: 14px; color: #333333;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position: absolute; right: 266px; bottom:50px; z-index: 10; background: url(../Image/left.png) no-repeat center #fff; width: 80px; height: 80px; transition:0.3s;}
.slideBox .next{ position: absolute; right: 186px; bottom:50px; z-index: 10; background: url(../Image/right.png) no-repeat center #fff; width: 80px; height: 80px; transition:0.3s;}
.slideBox .next:hover{ background: url(../Image/right.png) no-repeat center #fac12c;}
.slideBox .prev:hover{ background: url(../Image/left.png) no-repeat center #fac12c;}

.hui{ background: #fff; width: 100%; height: auto; padding: 80px 0;}

/*.index03 {padding:30px 0;overflow:hidden;position:relative;}
.index03 .title {color:#dc1f1f;}
.index03 .t1 {font-size:22px;font-weight:bold;display:inline;vertical-align: middle;}
.index03 .t2 {font-size:14px;font-weight:bold;display:inline;vertical-align: middle;padding-left:15px;}
.index03 .t4 {color:#666;line-height: 24px;}
.index03 .swiper-container {margin-top:50px;}
.index03 .t3 {color:#fff;font-size:16px;position:absolute;bottom:20px;left:20px;height:32px;line-height:32px;background:url(../Image/in03_i.png) no-repeat center left;background-size:auto 32px;padding-left:50px;}
.index03 .swiper-slide {position:relative;overflow:hidden;}
.index03 .swiper-slide-next:after,.index03 .swiper-slide-prev:after {content:'';position:absolute;left:0;top:0;bottom:0;right:0;background: #000;opacity: .7;}
.index03 .swiper-slide-next .t3 {display: none;}
.index03 .float-txtbox {display:none;}
.index03-bottom {display:flex;width:200px;margin:15px auto 0;}
.index03-bottom div {flex:1;text-align:center;line-height: 15px;height:15px;cursor:pointer; outline: none;}
.index03-bottom .swiper-pagination {position:unset; font-size: 16px; font-weight: bold;}
.index03-bottom .swiper-pagination-current {color:#db2016;}
@media(max-width:991px) {
	.index03 .t4 {margin-top:15px;}
}
@media(min-width:992px) {
	.index03 .t1 {font-size:28px;}
	.index03 .t2 {font-size:20px;}
	.index03 .t4 {font-size:14px;line-height: 28px;}
}
@media(min-width:1200px) {
	.index03 .t1 {font-size:50px;}
	.index03 .t2 {font-size:24px;padding-left:25px;}
	.index03 .t4 {font-size:15px;line-height: 32px;}
	.index03 .swiper-slide {width:75%;}
	.index03 .swiper-slide img {width:100%;}
	.index03 .float-txtbox {display:block;background:#fff;height:50%;width:550px;max-width:100%;position:absolute;right:0;top:25%;transform:translateX(100%);transition: 1s all;padding:25px;box-sizing:border-box;}
	.index03 .float-txtbox:before {content:'+';position:absolute;left:0;bottom:0;transform:translateX(-100%);font-size:15px;display:block;background:#fac12c;color:#fff;text-align:center;height:50px;width:50px;line-height: 50px;}
	.index03 .float-txtbox .f1 {font-size:22px;line-height:50px;margin-bottom:25px;font-weight:bold;border-bottom:1px solid #eee;}
	.index03 .float-txtbox .f2 {line-height: 32px;font-size:15px;color:#666; text-indent: 2rem;}
	.index03 .swiper-slide:hover .float-txtbox {transform:translateX(0);transition: 1s all;}
	.index03 .t3 {font-size:28px;bottom:70px;left:110px;height:58px;line-height:58px;background:url(../Image/in03_i.png) no-repeat center left;background-size:auto 58px;padding-left:80px;}
	.index03-bottom {margin:30px auto 0;}
}
@media(min-width:1920px) {
	.index03 .swiper-slide {width:60%;}
	}*/




/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:25px;font-size: 16px;position: relative;z-index: 1;padding: 60px 0 0;height: 990px;}
.edge_t{height: 170px;font-size: 24px;line-height: 50px; width: 1200px; margin-top: 20px;}
.edge_t li{width: 300px;float: left;text-align: center;}
.edge_t li span,.webox_c li span{width:96px;height:96px;display: block;position: relative;overflow: hidden;margin:0 auto;}
.edge_t li p { margin-top: 10px;}
.edge_t li span i,.webox_c li span i{width:96px;height:96px;position: absolute;display: block;top: 0;left: 0;}
.webox_c li span,.webox_c li span i{width: 76px;height: 69px;display: block;margin: 0;}
.edge_t li span i.default,.webox_c li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.edge_t li span i.hover,.webox_c li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transition:all 0.4s linear;transition:all 0.4s linear;}
.edge_t li.cur{color: #172e7a;font-weight: bold;}
.edge_t li.cur span .default,.webox_c li:hover span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.edge_t li.cur span .hover,.webox_c li:hover span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.edge .yshd{position: absolute;top:960px;left:50%;margin-left: -100px;width: 1200px;z-index: 1;}
.edge .yshd li{width: 18px;height: 18px;background: #666666;float: left;margin: 0 0 0 20px;}
.edge .yshd li.cur{background: #172e7a;}

.edge:before{content: "";position: absolute;width: 100%;height:930px;left: 0;top: 0;z-index: -1;background: #f6f6f6;}
.edge_c{width: 100%;min-width: 1200px;height:583px;overflow: hidden;position: relative;}
.edge_con{width: 1200px;position: absolute;left: 50%;margin-left: -600px;}

.edge_c .tempWrap{overflow: visible !important;}
.edge_c .tempWrap .edge_cl{margin-left: -1325px !important;}
.edge_cl dl{float: left;width: 1200px;margin: 0 41px !important;position: relative;height: 550px;}
.edge_cl dt,.edge_cl dt img{width: 1200px;height: 462px;display: block;overflow: hidden;}
.edge_cl dd{width:270px;position: absolute;height:412px;background:#fff;left: 104px;top:84px;color: #666;line-height: 23px;padding: 46px 38px 0 70px;border: solid 1px #e1e1e1;}
.edge_cl dd h3{height:116px;font-size:34px;line-height:42px;color: #172e7a; font-weight: bold;}
.edge_cl dd:before{content: "";position: absolute;width:86px;height:2px;left: -32px;top: 64px;background: #fe0736;}
.edge_cl dd li{padding: 0 0 24px;}
.edge_cl dd li b{color: #172e7a;}
.edge_cl dd span{color: #666;font-family: Arial;font-size: 24px;height: 75px;line-height: 75px;}
.edge_cl dd span b{color: #172e7a;font-size:34px;}

#jjbj{ background: url(../Image/jjbj.jpg) no-repeat center top; width: 100%; height: 719px;}
#jjbj .main{ padding: 80px 0 0;}
#jjbj .tit_in i{ color: #999999; font-size: 16px; letter-spacing: 2px; }
#jjbj .tit_in i span{ color: #172e7a; font-weight: bold;}
#gsjj{ background: #fff; padding: 30px; margin-top: 50px; position: relative;}
/*#gsjj .right{ width: 760px; padding: 30px 30px 30px 0;}
#gsjj .right p{ color: #333333; font-size: 16px; font-weight: bold; padding-bottom: 15px;}
#gsjj .right span{ display: block; color: #333333; font-size: 14px; text-transform: uppercase; padding-top: 15px;}
#gsjj .left{ position: absolute; left: 30px; bottom: 10px; z-index: 1; width: 300px;}
#gsjj .left .font{ width: 240px; background: #172e7a; color: #fff; font-weight: bold; font-size: 48px; padding: 30px; line-height: 60px;}*/

#gsjj .khal_bt{ position: absolute; left: 30px; bottom: 255px; z-index: 1; width: 240px; background: #172e7a; color: #fff; font-weight: bold; font-size: 48px; padding: 30px; line-height: 60px;}
.khal{ position:relative; }
.khal .bd{ position:relative; height:100%; z-index:0; height:225px; }
.khal .bd li{ zoom:1; vertical-align:middle; }
.khal .bd li .left{ width: 300px; height: 225px; line-height: 225px; text-align: center;}
.khal .bd li .left img{ max-width: 300px; max-height: 225px; vertical-align: middle;}
.khal .bd li .right{ width: 800px; padding: 20px 0;}
.khal .bd li .right p{ color: #333333; font-size: 16px; font-weight: bold; padding-bottom: 15px;}
.khal .bd li .right span{ display: block; color: #333333; font-size: 14px; text-transform: uppercase; padding-top: 15px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.khal .prev{ position: absolute; right: 90px; top: -145px; z-index: 10; background: url(../Image/left.png) no-repeat center #fff; width: 60px; height: 60px; border-radius: 100%; transition:0.3s;}
.khal .next{ position: absolute; right: 0; top: -145px; z-index: 10; background: url(../Image/right.png) no-repeat center #fff; width: 60px; height: 60px; border-radius: 100%; transition:0.3s;}
.khal .next:hover{ background: url(../Image/right.png) no-repeat center #fac12c;}
.khal .prev:hover{ background: url(../Image/left.png) no-repeat center #fac12c;}








#cpnr .swiper-container {
	padding: 35px 0 80px;
	width: 100%;
	height: 100%;
	position: relative;
}
#cpnr .swiper-slide {
	text-align: center;
	transition:0.3s;
	overflow: hidden;
	position: relative;
	/* Center slide text vertically */
	flex-direction: column;
	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;
}
#cpnr .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 55%; position: relative; overflow: hidden;}
#cpnr .swiper-slide .pic p{ width: 277px; height: 152px; line-height: 152px; left: 0; position: absolute; background: #fff;}
#cpnr .swiper-slide .pic p img{ max-width: 277px; max-height: 152px; vertical-align: middle; transition:0.3s;}
#cpnr .swiper-slide:hover{ box-shadow:0px 0px 10px #d7d7d7;}
#cpnr .swiper-slide:hover img{ transform: scale(1.1);}

#dzlc{ text-align: center; margin-top: 30px;}
#dzlc li{ display: inline-block; margin: 0 20px;}
#dzlc li .pic{ width: 156px; height: 156px; background: #f6f6f6; line-height: 156px; text-align: center; border-radius: 100%; transition:0.3s;}
#dzlc li .pic img{ vertical-align: middle;}
#dzlc li p{ font-size: 16px; padding-top: 10px; color: #333;}
#dzlc li:hover .pic{ background: #fac12c;}
.xwbj{ background: #f6f6f6; width: 100%; height: auto;}




.slideTxtBox{ width:100%; text-align:left; margin-top: 30px; }
.slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px 0 20px; position:relative; }
.slideTxtBox .hd ul{ text-align: center; }
.slideTxtBox .hd ul li{ display: inline-block; width: 170px; height: 50px; line-height: 50px; margin: 0 20px; background: #172e7a; text-align: center; color: #fff; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:50px; background:#fac12c;}
.slideTxtBox .bd ul{ padding:0;  zoom:1;  }


#xwpic{ float: left; width: 590px; background: #fff; }
#xwnr{ float: right; width: 570px; padding-right: 10px;}
#xwpic,#xwnr{ margin-top: 50px;}
#indexNews li{width: 100%;height: auto; margin:0 auto; padding: 3% 0; background: #fff; border: 1px solid #fff; transition: 0.3s; margin-bottom: 20px; }
#indexNews li .right{ width: 410px; padding-right: 20px; line-height: 25px;}
#indexNews li .news_title{ text-align: left; color: #666666; font-size: 18px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; line-height: 30px; font-weight: bold; padding-bottom: 5px; }
#indexNews li .news_info{ color: #999999; font-size: 0.8em;}
#indexNews li .news_time{ float: left; width: 120px; height: 105px; line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #cccccc; color: #666666; font-size: 16px; padding: 0 !important; margin: 0 !important; transition: 0.3s;}
#indexNews li .news_time span{display: block; margin:0 auto; line-height: 70px; width: 100%; text-align: center; color: #979797; font-size: 50px; font-weight: bold; transition: 0.3s;}
#indexNews li:hover .news_time,#indexNews li:hover .news_time span{ color: #283995;}
#indexNews li:hover{ border: 1px solid #fac12c; box-shadow: 0 0 10px rgba(0,0,0,0.1);}

#xwpic a{ display: block; width: 590px; height: 325px; line-height: 325px; text-align: center; background: #fff; overflow: hidden;}
#xwpic a img{ max-width: 590px; max-height: 325px; vertical-align: middle; }
#xwpic .font{width: 100%;height: auto; margin:0 auto; padding: 3% 0; background: #fff; transition: 0.3s; margin-bottom: 2px; }
#xwpic .font .right{ width: 410px; padding-right: 20px; line-height: 25px;}
#xwpic .font .news_title{ text-align: left; color: #666666; font-size: 18px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; line-height: 30px; font-weight: bold; padding-bottom: 5px; }
#xwpic .font .news_info{ color: #999999; font-size: 0.8em;}
#xwpic .font .news_time{ float: left; width: 120px; height: 105px; line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #cccccc; color: #666666; font-size: 16px; padding: 0 !important; margin: 0 !important; transition: 0.3s;}
#xwpic .font .news_time span{display: block; margin:0 auto; line-height: 70px; width: 100%; text-align: center; color: #979797; font-size: 50px; font-weight: bold; transition: 0.3s;}




#gsjj_nr{ text-align: center; line-height: 35px; padding: 30px 100px; color: #333333; font-size: 16px;}
#jjlb{ text-align: center;}
#jjlb li{ display: inline-block; width: 170px; height: 50px; line-height: 50px; font-size: 16px; text-align: center; color: #fff; background: #fac12c; margin: 0 20px; transition:0.3s;}
#jjlb li:nth-of-type(2){ background: #172e7a;}
#jjlb li a{ color: #fff;}
#jjlb li:hover{ letter-spacing: 5px; border-radius: 25px;}

#qyxc .swiper-container {
	padding: 50px 0 0;
	width: 100%;
	height: 100%;
	position: relative;
}
#qyxc .swiper-slide {
	text-align: center;
	transition:0.3s;
	overflow: hidden;
	position: relative;
	/* Center slide text vertically */
	flex-direction: column;
	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;
}
#qyxc .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#qyxc .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#qyxc .swiper-slide:hover{ box-shadow:0px 0px 10px #d7d7d7;}
#qyxc .swiper-slide:hover img{ transform: scale(1.1);}


/** sidebar **/
#sidebar{ width:260px; height:auto; overflow:hidden; float:left; background: #fff;}
#main_right{ width:927px; height:auto; overflow:hidden; float:right;}
.content{ padding: 20px 0 0; line-height: 30px;}
#content_zy{ line-height: 30px; padding: 20px 5px;}
#zi_banner{ width: 100%; height: 350px; background: url(../Image/cpzx.jpg) no-repeat center top; overflow: hidden;}
#zi_banner1{ width: 100%; height: 350px; background: url(../Image/gywm.jpg) no-repeat center top; overflow: hidden;}
#zi_banner2{ width: 100%; height: 350px; background: url(../Image/sys.jpg) no-repeat center top; overflow: hidden;}
#zi_banner3{ width: 100%; height: 350px; background: url(../Image/xwzx.jpg) no-repeat center top; overflow: hidden;}
#zi_banner4{ width: 100%; height: 350px; background: url(../Image/spzx.jpg) no-repeat center top; overflow: hidden;}
#zi_banner5{ width: 100%; height: 350px; background: url(../Image/lxwm.jpg) no-repeat center top; overflow: hidden;}
#pro_list{ background: #fff; margin-top: 10px;}
#pro_list li{ height:50px; line-height:50px; border: 1px solid #efefef; border-radius: 5px; margin-bottom: 5px; text-align: center; transition: 0.3s;}
#pro_list li a{ color: #000;}
#pro_list li:hover{ background: #172e7a; color: #fff;}
#pro_list li:hover a{ color: #fff;}

#left_bt{ height: 80px; background: #fac12c; line-height: 80px; text-align: center; color: #333333; font-size: 24px; font-weight: bold;}
.sideMenu{ background: #fff;}
.sideMenu h3{ height:55px; line-height:55px; border-bottom: 1px solid #ccc; padding-left:10px; background: url(../Image/cp_icon1.png) no-repeat right center #e9e9e9; cursor:pointer; transition:0.3s;}
.sideMenu h3 p{ height:55px; line-height:55px; background: url(../Image/cp_icon.png) no-repeat left center; padding-left: 30px; color: #333333; font-weight: bold; font-size: 15px;}
.sideMenu h3.on{ background: url(../Image/cp_icon2.png) no-repeat right center #e9e9e9; }
.sideMenu ul{ padding:8px; color:#999; display:none; /* 默认都隐藏 */ font-size: 13px;}
.sideMenu ul li{ border-bottom: 1px solid #efefef;}

.title_zy{ height: 40px; line-height: 40px; border-bottom: 2px solid #172e7a;}
.title_zy .left{ height: 40px; background: #172e7a; padding: 0 30px; color: #fff; font-size: 16px;}
.title_zy .right{ color: #666;}
.title_zy .right a{ color: #666;}
.title_zy .right a:hover{ color: #f00;}

.left_bt{ background: #4d4d4d; height: 100px; line-height: 100px; text-align: center; font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 5px;}
.left_lx{ background: #4d4d4d; padding: 20px 0; text-align: center; color: #fff; font-size: 18px;}
.left_lx p{ font-family: impact; font-size: 30px; padding-top: 10px;}

#left_lxwm{ background: #e9e9e9; margin: 10px; text-align: center; padding: 20px 0;}
#left_lxwm p{ background: url(../Image/lxwm_icon.png) no-repeat center top; padding-top: 45px; color: #666666;}
#left_lxwm span{ display: block; color: #333333; font-size: 24px; font-weight: bold;}

/** zy **/ 
.n_detailCon{ height:auto!important; overflow:hidden!important; overflow:visible;}
.n_detailCon li{ width:100%; height:auto;position: relative; border-bottom: 1px dotted #ccc; }
.n_detailCon li a{ height:auto; width:890px; display:block; margin: 0 auto; padding: 30px 0; position: relative; z-index: 1; }
.n_detailCon li .n_detailPic{ width:230px; height: 173px; line-height: 173px; text-align: center; float:left; margin-left:10px; border: 1px solid #ccc;}
.n_detailCon li .n_detailPic img{ max-width: 230px; max-height: 170px; vertical-align: middle;}
.n_detailCon li .n_detailR{ width:620px; float:right; padding-right:10px;}
.n_detailCon li .n_detailR .n_detailTitle{ height:30px; width:100%; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.n_detailCon li .n_detailR .n_detailNr{ width:100%; padding:5px 0 10px; line-height:25px; color:#6b6b6b;}
.n_detailCon li .n_detailR .n_time{ line-height:25px; height:25px; color:#a8a8a8; font-size:12px;}
.n_detailCon li .n_detailR .more{ padding: 0; border: none; color: #fff; font-size: 14px; line-height: 30px; width: 100px; height: 30px; background: #b8b8b8; text-align: center; float: left; transition: 0.3s;}
.n_detailCon li:after,.picScroll-left .bd ul li:before { content: ''; display: block; position: absolute; box-sizing: border-box; border: 1px dotted transparent; width: 100%; z-index: 0; top: 50%; left: 0; height: 0; transition: 0.3s all;}
.n_detailCon li:hover:after{ width: 100%; height: 100%; top: 0; left: 0; background: #f0f0f0;}
.n_detailCon li:hover .more{ background: #de4c36;}


.zxly table{ text-transform: uppercase; line-height: 35px; width: 95%; margin: 0 auto;}
.zxly table input{ width: 400px; height: 34px; background: #fff; border:1px solid #fff; padding-left: 10px; border:1px solid #ccc;}
.zxly table textarea{ width: 97.5%; height: 70px; background: #fff; border:1px solid #fff; color: #999999; padding: 10px; margin-top: 10px; border:1px solid #ccc;}
.zxly table #submit{ width: 200px; height: 40px; background: #ffc71c; border:1px solid #ffc71c; color: #333; border-radius: 5px; font-size: 16px; margin-top: 10px; padding: 0;}
.zxly table input::-webkit-input-placeholder {
	color: #999999;
}
.zxly table input::-moz-input-placeholder {
	color: #999999;
}
.zxly table input::-ms-input-placeholder {
	color: #999999;
}


#por_left{width:570px; height:auto; margin:30px 0; float:left;}
#por_right{float:right; width: 600px; height:auto; margin:30px 0; overflow:hidden;}
#cpms{ border-bottom: 1px dashed #ccc; background: #f8f8f8; border-top: 1px dashed #ccc; color: #999; padding: 10px; margin-bottom: 10px;}
#cpms span{ color: #cc0000;}
.dg1{ width: 155px; height: 40px; margin-top: 20px; line-height: 40px; text-align: center; color: #fff; background: #060508; float: left; transition:all 0.3s linear 0s;}
.dg2{ width: 155px; height: 40px; margin-top: 20px; line-height: 40px; text-align: center; color: #fff; background: #b72300; float: left; margin-left: 20px; transition:all 0.3s linear 0s;}
.dg2 a{ color: #fff;}
.dg1 a{ color: #fff;}
.dg1:hover{ background: #f90;}
.dg2:hover{ background: #f90; background-size: 21%;}

#cp_tel{ background: url(../Image/tel1.png) no-repeat left top; float: left; padding: 23px 0 0 45px; width: 200px; line-height: 30px; color: #d80000; font-size: 30px; font-family: impact;  margin:10px 0;}
#cp_tel span{ font-size: 20px; font-family: "方正正中黑简体";}
.dgnr{ background: url(../Image/dgpic.png) no-repeat right center; line-height: 2.0; padding: 20px 0 30px; color: #999999;}


/************************************/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro li{float:left; overflow:hidden;margin:0 8px 30px; width:287px; text-align:center;white-space:nowrap; transition:all 0.3s linear 0s; border:1px solid #efefef;}
.pro li .li-img{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.pro li .li-img span{ display: block; width: 100%; height: 100%; left: 0; position: absolute; background: #fff;}
.pro li .li-img img{ max-width: 100%; height: 100%;}
.pro li p{ height: 50px; line-height: 50px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: #efefef; transition:all 0.3s linear 0s;}
.pro li:hover{ background: #333;}
.pro li:hover p{ background: #333; color: #fff;}
.pro a{color:#444;}
.pro a:hover{color:#fff;}

.xgcp li{float:left; overflow:hidden;margin:0 8px 30px; width:182px; text-align:center;white-space:nowrap; transition:all 0.3s linear 0s; border:1px solid #efefef;}
.xgcp li .li-img{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.xgcp li .li-img span{ display: block; width: 100%; height: 100%; left: 0; position: absolute; background: #fff;}
.xgcp li .li-img img{ max-width: 100%; height: 100%;}
.xgcp li p{ height: 35px; font-size: 13px; line-height: 35px; font-size: 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: #efefef; transition:all 0.3s linear 0s;}
.xgcp li:hover{ background: #333;}
.xgcp li:hover p{ background: #333; color: #fff;}
.xgcp a{color:#444;}
.xgcp a:hover{color:#fff;}
/*************index&goods**************/
.news{}
.news li{ height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;}
.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li:hover{background-color:#f6f6f6;}
.news a:hover{color:#da020d;}
/****************news*****************/
.news_title{color:#de4c36;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px; border:1px solid #f0f0f0; background:#fbfbfb; margin-bottom:10px;}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.pro_name{display:block;color:#da020d;text-align:left; font-size: 18px; margin-bottom: 10px;}
.info_title{ height:35px;background:#ececec; margin-top: 20px;}
.info_title b{display:inline-block; padding: 0 20px; height:100%; border-right:1px solid #fff; background:#333; color:#fff; line-height:35px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:20px 0 20px 80px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:55px;height:29px;color:#000;cursor:pointer; background:url(../Image/button.gif) none center;}
/**************order&message********/
/*#banner{position:relative;overflow:auto;}
#banner li {float:left;}
.banner .dots li.active {
	background: #fff;
	opacity: 1;
}
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}*/

/*sitemap*/
/*.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}*/

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}
.header2 .headerRightTop{ height:62px; float: right; width: 430px;}
.header2 .headerRightTop .tel{ float: left; line-height: 62px; font-size: 18px;}
.header2 .headerRightTop .tel i.fa{color: #e70014;}
.header2 .headerRightTop .tel span{color: #e87816; font-weight: bold;}
.header2 .headerRight{
	background: #172e7a;
}
.header2 .headerRightTop .changeLang{ float: right; background: url("../Images/lang_bg.png") left center no-repeat; width: 125px;height: 62px; line-height: 62px; padding-left: 50px;padding-left: 56px;}
.header2 .headerRightTop .changeLang .langs{ text-indent: 10px; line-height: 32px;height: 32px;overflow: hidden; margin-top: 12px; }
.header2 .headerRightTop .changeLang .langs a.on{ color: #e87816;}
.header2 .headerRightTop .changeLang:hover .langs{ height: 62px;}

.header2 .nav{ height:65px; width:1200px; position: relative; }
.header2 .nav li{float: left; width:133px; text-align: center; background: url("../Image/nav_gg.png") right center no-repeat;}
.header2 .nav li >a{ height:65px;line-height:65px; font-size: 17px; display:block; transition:0.3s; color: #FFFFFF;}
.header2 .nav li >a:hover{ height:65px; color:#FFF; background-color:#fac12c;transition:0.3s;}

 
.header2 .nav .nav_ssk{ width:65px; height:65px;float:right; position:relative; transition:0.3s;}
.header2 .nav .nav_sstb{ width:65px; height:65px; line-height:65px; background-color:#e70014; color:#ffffff; position:absolute; top:0px; left:0px; text-align:center; transition:0.3s;}
.header2 .nav .nav_ssnr{ width:0px; height:360px; background-color:#e70014; color:#ffffff; position:absolute; top:65px; left:65px; transition:0.3s; display:none; }
.header2 .nav:hover .nav_ssnr{ width:1160px; height:360px; background-color:#e70014; color:#ffffff; position:absolute; top:65px; left:-1135px; transition:0.3s; padding:20px; }

.header2 .nav .nav_ssnr .i_rmssl a{ width:auto; height:74px; margin:0 10px; color:#ffffff; transition:0.3s;}
.header2 .nav .nav_ssnr a:hover{ color:#ffcb00;  transition:0.3s;}

/**搜索框**/
.search{height: auto; float:right; width:auto; position:absolute; top:44px; right:80px; }
.search-text{ display:inline-block;border: none;height:44px; line-height:44px; width:180px; float:left; margin-top:0px;outline:none; color:#333; background-color:#f7f7f7; border:none; margin-right:1px;border-radius: 3px 0px 0px 3px;}
.search-btn{display:inline-block; width:50px; height:44px; background:none;border: none; float:left;background:url('../Image/ss_bt.png') right top no-repeat; } 
.input_k{ width:200px; height:30px; line-height:30px; background-color:#fff; border:1px solid #dddddd; float:left; color:#333333; border-right:none;}
.input_tb{ width:79px; height:46px;background:url('../Image/ss_tb.jpg') left top no-repeat; display:block; float:left; border:none; border:1px solid #dddddd; border-left:none;}
.input_k{ width:200px; height:30px; line-height:30px; background-color:#fff; border:1px solid #dddddd; float:left; color:#333333; border-right:none;}
.input_tb{ width:66px; height:32px;background:url('../Image/ss_tb.jpg') left top no-repeat; display:block; float:left; border:none; border:1px solid #dddddd; border-left:none;}


.header2 .nav li .subnav{ position: absolute; z-index: 9; background: #ffffffba; padding: 10px 0; display: none; width: 1920px; left: -369px; border-top: 11px solid #fac12c;}
.header2 .nav li .subnav.product{ }
.header2 .nav li .subnav.product .productSnav{ width: 1200px; margin: 0 auto; height: 600px;}
.header2 .nav li .subnav .subnavCon{ width: 1200px; margin: 0 auto; height: auto;overflow: hidden; padding-bottom: 15px;}
.header2 .nav .subnav .subnavCon .subnavConLeft{ float: left; width: 420px; padding: 20px 30px;}
.header2 .nav .subnav .subnavCon .subnavConLeft li{ width: 170px; padding: 0 10%; float: left;}
.header2 .nav .subnav .subnavCon .hvr-underline-from-center:before{ background:#e70014; max-width: 90%; margin: 0 auto;}
.header2 .nav .subnav .subnavCon .subnavConRight{ float: right;}
.header2 .nav .subnav .subnavCon .subnavConRight .subnavItem{ float: left; width: 350px; overflow: hidden;}
.header2 .nav .subnav .subnavCon .subnavConRight .subnavItem a{display: block;padding: 10px;}
.header2 .nav .subnav .subnavCon .subnavConRight .subnavItem a:hover{ background-color: #ebebeb;}
.header2 .nav .subnav .subnavCon .subnavConRight .subnavItem .subnavimg{ width: 326px; height: 201px; overflow: hidden;}
.header2 .nav .subnav .subnavCon .subnavConRight .subnavItem .subnavimg img{height: 100%; width: 100%; display: block;}
.header2 .nav .subnav .subnavCon .subnavConRight .subnavItem p{ line-height: 36px;}
 
.subnav.product .productSnav dl{float: left; width: 167px; margin: 0 15px;}
.subnav.product .productSnav dl dt{border-bottom: 2px solid #fac12c; margin-bottom: 10px;}
.subnav.product .productSnav dl dt .snavImg{max-width: 167px;}
.subnav.product .productSnav dl dt p{ line-height: 32px; margin-bottom: 5px;}
.subnav.product .productSnav dl dd{ height: 36px;}
.subnav.product .productSnav dl dd a{ font-size: 12px; height: 30px; line-height: 30px; display: block;border-radius: 5px; width: 98%; margin: 0 auto; text-align: center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.subnav.product .productSnav dl dd a:hover{color: #ffffff; background-color: #fac12c;}
.hdpt {
	width: 1200px;
}
.hdpt li {
	display: inline-block;
	width: 397px;
}