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_line_bj{ height: 39px; width: 100%; border-bottom: 1px solid #e7e7e7;}

#top_line{ width: 1200px; height: 39px; line-height: 39px; color: #999999;}

#top_line a{ color: #999999; padding: 0 10px;}

#top_bj{ width: 100%; height: 120px; background: #fff;}

#top_index{ width:1200px; height:120px;}

#logo{ float:left; padding: 20px 0 0 0;}

#top_tel{ float: right; background: url(../Image/tel.png) no-repeat left center; padding-left: 135px; margin-top: 30px; color: #c81622; font-size: 26px; font-family: impact; min-height: 52px;}





#nav_bj{ background: #242527; width: 100%; height: 70px;}

#nav{ width: 1200px; height: 70px;}

#nav a{ display: block; float: left; font-size: 18px; color: #fff; width: 140px; height: 70px; line-height: 70px; text-align: center; transition: 0.3s; border-right: 1px solid #3a3b3d;}

#nav a:first-of-type{ background: url(../Image/home.png) no-repeat 60px center #c80000; color: #fff; padding-left: 40px; width: 170px;}

#nav a:last-of-type{ border-right: none;}

#nav a:hover{ background: #c80000; }

#nav a:first-of-type:hover{ background: url(../Image/home.png) no-repeat 60px center #c80000;}



#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;}





#ssbj{ width: 100%; height: 70px; border-bottom: 1px solid #ededed;}

#ssnr{ width: 1200px; height: 70px; line-height: 70px;}

#ssnr .left{ color: #666666;}

#ssnr .left a{ padding: 0 10px; color: #666666;}

#ssnr .left a:hover{ color: #2b4278;}



.ss{ width:381px; height:43px; float: right; margin: 14px 0 0 0;}

.sou_left{float:left; width:310px; height:34px; line-height:34px; border: 1px solid #dcdcdc; text-align:left; color:#c6c6cb; background: #fff; padding-left:20px;}

.ss_pic{ float:right;}









/** footer **/

#end_nr_bj{ background: #242527; width: 100%; height: auto; overflow: hidden; color: #fff;}

#end_nav_bj{ height: 65px; background: #c51429; width: 100%;}

#end_nav{ text-align: center; width: 1200px; height: 65px; line-height: 65px;}

#end_nav li{ display: inline-block; width: 166px; font-size: 18px;}

#end_nav li a{ color: #fff;}



#end_nr_bj .main .left{ width: 300px; text-align: center;}



.end_lx{ float: left; width: 250px; line-height: 20px; border-left: 1px solid #414141; border-right: 1px solid #414141; padding: 0 50px;}

.end_wx{ float: left; width: 250px; padding: 0 50px; border-right: 1px solid #414141;}

.end_lx .tit{ font-size: 16px;}

.end_lx ul{ margin-top: 20px;}

.end_lx ul li{ float: left; width: 50%; color: #999999; height: 30px; line-height: 30px;}

.end_lx ul li a{ color: #999;}

.end_wx .content{ padding-top: 10px;}



#end_line_bj{ height: 66px; line-height: 66px; background: #2a2a2a; width: 100%; border-top: 1px solid #323335;}

#end_line{ width: 1200px; height: 66px; line-height: 66px; color: #ababab; text-align: center;}

#end_line a{ color: #ababab;}





/** main **/ 

.main{ width: 1200px; padding: 70px 0; line-height: 30px;}

#jjfa{ background: url(../Image/map.png) no-repeat center top; width: 100%; height: auto;}

.tit_in1{ text-align: center;}

.tit_in1 h2{ display: inline-block; color: #343434; font-size: 36px; position: relative; height: 45px;}

.tit_in1 h2 span{ color: #c51429; font-weight: bold;}

.tit_in1 h2:before{ position: absolute; left: 45%; bottom: 0; content: ''; width: 10%; height: 1px; background: #979797;}

.tit_in1 p{ color: #343434; font-size: 24px; line-height: 40px;}

.tit_in1 p span{ color: #c51429; font-weight: bold;}

#jjfa ul{ text-align: center; margin-top: 40px;}

#jjfa ul li{ display: inline-block; width: 286px; height: 404px; margin: 0 5px; overflow: hidden; position: relative; transition:0.3s;}

#jjfa ul li .pic{ background: #282828;}

#jjfa ul li .pic img{ transition:0.3s;}

#jjfa ul li .font{ position: absolute; background: #c51429; width: 286px; height: 90px; z-index: 1; left: 0; bottom: 0; transition:0.5s;}

#jjfa ul li .font .icon{ width: 50px; height: 50px; line-height: 50px; background: #282828; border-radius: 100%; margin-top: -25px; transition:0.5s;}

#jjfa ul li .font .icon i{ display: inline-block; color: #fff; font-size: 24px;}

#jjfa ul li .font p{ height: 50px; line-height: 50px; color: #fff; font-weight: bold; font-size: 20px;}

#jjfa ul li .font span{ display: none; bottom: 0; transition:0.5s;}

#jjfa ul li:hover{ transform: translateY(-20px); box-shadow: 0 0 10px rgba(0,0,0,0.5);}

#jjfa ul li:hover .pic img{ opacity: 0.1;}

#jjfa ul li:hover .font{ height: 404px; background: none;}

#jjfa ul li:hover .font .icon{ background: #c51429; width: 70px; height: 70px; line-height: 70px; margin-top: 85px;}

#jjfa ul li:hover .font .icon i{ font-size: 30px;}

#jjfa ul li:hover .font p{ font-size: 26px; font-weight: bold; display: inline-block; position: relative; height: 60px; padding-top: 10px;}

#jjfa ul li:hover .font p:before{ content: ''; left: 40%; bottom: 0; position: absolute; width: 20%; height: 3px; background: #fff;}

#jjfa ul li:hover .font span{ display: block; color: #fff; font-size: 16px; padding: 20px 20px 0; bottom: 95px; }



.hui{ background: #f6f6f6; width: 100%; height: auto;}

.tit_in{ text-align: center; position: relative;}

.tit_in h2{ color: #343434; font-size: 40px; position: relative; z-index: 2;}

.tit_in h2 span{ color: #c51429; font-weight: bold;}

.tit_in p{ position: absolute; color: rgba(204,204,204,0.2); letter-spacing: 3px; font-size: 70px; font-family: impact; text-transform: uppercase; z-index: 1; width: 100%;  top: 0;}





.slideTxtBox_cp{ width:1200px; text-align:left; margin-top: 55px;}

.slideTxtBox_cp .hd{ height:85px; background: #e2e2e2; position:relative; }

.slideTxtBox_cp .hd ul{ width: 1200px; height:85px; text-align: center;   }

.slideTxtBox_cp .hd ul li{ float: left; height:85px; line-height:85px; background: url(../Image/cp_icon.png) no-repeat 20px center; padding: 0 40px 0 55px; text-align: center; cursor:pointer; border-right: 1px solid #c6c6c6; font-size: 18px;}

.slideTxtBox_cp .hd ul li a{ color: #666666 !important;}

.slideTxtBox_cp .hd ul li.on{ height:85px;  background: url(../Image/cp_icon1.png) no-repeat 20px center #c51429;}

.slideTxtBox_cp .hd ul li.on a{ color: #fff !important;}

.slideTxtBox_cp .bd ul{ padding:30px 0 0;  zoom:1;}

.slideTxtBox_cp .bd .cp_big{ width:595px; height:540px; float:left; transition:0.3s; text-align: center; }

.slideTxtBox_cp .bd .cp_big a{ display: block; width: 595px; height: 495px; overflow: hidden;}

.slideTxtBox_cp .bd .cp_big img{ width:595px; height:495px; transition:0.3s;}

.slideTxtBox_cp .bd .cp_big .tit{ background: #e2e2e2; height: 45px; line-height: 45px; color: #666666; font-size: 16px;}

.slideTxtBox_cp .bd .cp_small{ float: right; margin: 0 0 16px 8px; width: 294px;}

.slideTxtBox_cp .bd .cp_small a{ display: block; width: 294px; height: 220px; overflow: hidden;}

.slideTxtBox_cp .bd .cp_small img{ width: 294px; height: 220px; transition:0.3s;}

.slideTxtBox_cp .bd .cp_small p{ background: #e2e2e2; color: #666666; font-size: 16px; text-align: center; height: 42px; line-height: 42px; transition:0.3s;}

.slideTxtBox_cp .bd .cp_small:hover p{ background: #333; color: #fff;}

.slideTxtBox_cp .bd .cp_small:hover img{ transform: scale(1.1);}

.slideTxtBox_cp .bd .cp_big:hover .tit{ background: #333; color: #fff;}

.slideTxtBox_cp .bd .cp_big:hover img{ transform: scale(1.1);}





.slideTxtBox{ text-align:left; margin-top: 5%;}

.slideTxtBox .hd{ height:auto; }

.slideTxtBox .hd ul{ height:auto;   }

.slideTxtBox .hd ul li{ float: left;; width: 227px; cursor:pointer; margin: 0 36px; height:80px; }

.slideTxtBox .hd ul li i{ display: block; float: left; width: 80px; height: 70px; color: #666666; font-size: 50px; text-align: center; line-height: 70px;}



.slideTxtBox .hd ul li .right{ width: 140px; padding-top: 3%; line-height: 2rem;}

.slideTxtBox .hd ul li .right p{ color: #363636; font-size: 26px;}

.slideTxtBox .hd ul li .right span{ color: #999999; text-transform: uppercase; font-size: 14px;}

.slideTxtBox .hd ul li:nth-of-type(1) .right{ padding-right: 0;}

.slideTxtBox .hd ul li.on{ height: 90px; background: url(../Image/ys_line.png) no-repeat center bottom; }

.slideTxtBox .hd ul li.on i{ color: #c51429;}

.slideTxtBox .bd ul{ margin-top: 20px; zoom:1;  }

.slideTxtBox .bd li{ position: relative; width: 100%; height: auto; }

.slideTxtBox .bd li .pic{ width: 100%; height: auto; overflow: hidden;}

.slideTxtBox .bd li .pic img{ width: 100%; transition:0.3s;}

.slideTxtBox .bd li .num{ position: absolute; right: 30%; top: 70px; width: 195px; height: 175px; z-index: 3; background: rgba(197,20,41,0.8); color: #fff;}

.slideTxtBox .bd li .num .num1{ font-size: 72px; font-weight: bold; padding-left: 10%; padding-top: 40px;}

.slideTxtBox .bd li .num .num2{ background: url(../Image/ysline.png) no-repeat 20% center; width: 95%; text-align: right; font-size: 2rem; padding-right: 5%; margin: 20% 0 10%;}

.slideTxtBox .bd li .nr{ background: url(../Image/ys01.png) no-repeat right top rgba(255,255,255,0.9); position: absolute; right: 0; top: 180px; width: 310px; height: 290px; z-index: 2; padding: 80px 65px 0 35px;}

.slideTxtBox .bd li .nr .tit{ line-height: 2rem; padding-bottom: 3%;}

.slideTxtBox .bd li .nr .tit p{ color: #1e1e1e; font-size: 28px; font-weight: bold;}

.slideTxtBox .bd li .nr .tit span{ color: #a8a8a8; font-size: 12px; font-family: arial; text-transform: uppercase;}

.slideTxtBox .bd li .nr ul{ padding: 3% 0 15%;}

.slideTxtBox .bd li .nr ul li{ line-height: 30px; color: #666666; font-size: 16px;}

.slideTxtBox .bd ul:nth-of-type(2) li .nr{ background: url(../Image/ys02.png) no-repeat right top rgba(255,255,255,0.9);}

.slideTxtBox .bd ul:nth-of-type(3) li .nr{ background: url(../Image/ys03.png) no-repeat right top rgba(255,255,255,0.9);}

.slideTxtBox .bd ul:nth-of-type(4) li .nr{ background: url(../Image/ys04.png) no-repeat right top rgba(255,255,255,0.9);}

.slideTxtBox .bd li:hover .pic img{ transform: scale(1.1);}



#gg{ width: 100%; height: 220px; background: url(../Image/gg.jpg) no-repeat center top;}

.fwnr{ float: left; position: relative; height: 450px; width: 585px; margin-top: 50px;}

.fwnr .dian{ position: absolute; left: 0; top: 0;}

.fwnr .pic{ position: absolute; left: 25px; top: 30px; width: 315px; height: 401px; border: 10px solid #c51429; z-index: 1;}

.fwnr .pic img{ width: 315px; height: 401px;}

.fwnr .font{ width: 230px; height: 255px; background: #f6f6f6; position: absolute; right: 0; top: 70px; z-index: 2; padding: 45px 30px;}

.fwnr .font .tit{ color: #333333; font-size: 22px; font-weight: bold; position: relative; padding-bottom: 10px;}

.fwnr .font .tit:before{ position: absolute; left: 0; bottom: 0; content:''; width: 40px; height: 2px; background: #be162a; transition:0.3s;}

.fwnr .font .nr{ color: #666666; line-height: 35px; padding: 20px 0; font-size: 16px;}

.fwnr .font .more{ color: #666; text-transform: uppercase;}

.fwnr .font:hover .tit:before{ width: 100%;}

.fwnr:nth-of-type(2n){ float: right;}

.fwnr:nth-of-type(2n) .dian{ left: auto; right: 0;}

.fwnr:nth-of-type(2n) .pic{ left: auto; right: 25px;}

.fwnr:nth-of-type(2n) .font{ right: auto; left: 0;}



.yqlj{ margin-top: 50px;}

#cpnr{ padding: 30px;}

#cpnr .swiper-container {

  width: 100%;

  height: 100%;

}

#cpnr .swiper-slide {

  text-align: center;

  /* 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 p{width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}

#cpnr .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}



#liucheng{ text-align: center; margin-top: 60px;}

#liucheng li,#liucheng .jt{ float: left; padding: 0 23px;}

#liucheng li .pic{ width: 100px; height: 100px; background: #f6f6f6; border-radius: 100%; text-align: center; line-height: 100px; transition:0.3s;}

#liucheng li .pic i{ font-size: 35px; transition:0.3s;}

#liucheng li p{ color: #333333; font-size: 16px; padding-top: 10px;}

#liucheng .jt{ height: 100px; line-height: 100px;}

#liucheng li:hover .pic{ background: #c51429;}

#liucheng li:hover .pic i{ color: #fff;}



#ljzx{ text-align: center; margin-top: 40px;}

#ljzx li{ display: inline-block; margin: 0 10px; width: 142px; height: 36px; line-height: 36px; color: #fff; background: #242527;}

#ljzx li:nth-of-type(2){ background: #c51429;}



#xwpic{ border: 1px solid #dedede; padding: 20px; margin-top: 50px;}

#xwpic .pic{ width: 330px; height: 248px; float: left;}

#xwpic .pic img{ width: 330px; height: 248px;}

#xwpic .right{ width: 780px; padding-top: 20px;}

#xwpic .right .tit{ color: #242527; font-size: 22px;}

#xwpic .right .content{ color: #666666; font-size: 14px; padding: 20px 0;}

#xwpic .right .more{ color: #c51429;}



.news_in{ width: 580px; margin-top: 30px; position: relative;}

.news_in .left{ color: #333333; font-size: 20px;}

.news_in .right{ width: 67px; height: 20px; line-height: 20px; text-align: center; background: #c51429; color: #fff; text-transform: uppercase; margin-top: 5px;}

.news_in:before{ position: absolute; left: 95px; top: 18px; height: 1px; background: #dedede; content: ''; width: 400px;}

.news_in ul{ margin-top: 10px;}

.news_in ul li{ height: 45px; line-height: 45px; border-bottom: 1px solid #dedede; color: #666666; transition:0.3s;}

.news_in ul li span{ display: block; float: right; color: #999999; font-size: 12px;}

.news_in ul li:hover{ border-bottom: 1px solid #c51429;}

.news_in ul li:hover a{ color: #c51429;}



#gsjjbj{ background: url(../Image/gsjj_pic.jpg) no-repeat center top; width: 100%; height: auto; padding-top: 395px;}

#gsjjbj .main{ background: #fff; padding: 55px; width: 1090px;}

#gsjjbj .main .content{ text-align: center; padding: 40px 0 0;}



#qyxc{ margin-top: 50px;}

#qyxc .swiper-container {

  width: 100%;

  height: 100%;

}

#qyxc .swiper-slide {

  text-align: center;

  /* 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 p{ width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}

#qyxc .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}

/*#qyxc .swiper-slide p{ height: 40px; line-height: 40px; background: #f6f6f6; text-align: center; width: 100%;}*/























/** sidebar **/

#sidebar{ width:260px; height:auto; overflow:hidden; float:left; background: #fff;}

.main_zy{ padding: 40px 0; width: 1200px; height: auto; line-height: 30px;}

#main_right{ width:910px; 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/banner1.jpg) no-repeat center; overflow: hidden;}

#zi_banner1{ width: 100%; height: 350px; background: url(../Image/banner2.jpg) no-repeat center; overflow: hidden;}

#zi_banner2{ width: 100%; height: 350px; background: url(../Image/banner3.jpg) no-repeat center; 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: #333; color: #fff;}

#pro_list li:hover a{ color: #fff;}



#left_bt{ height: 80px; background: #c51429; line-height: 80px; text-align: center; color: #fff; 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: #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: #e9e9e9; }

.sideMenu ul{ padding:8px; color:#999; display:none; /* 默认都隐藏 */}

.sideMenu ul li{ border-bottom: 1px solid #efefef; height: 40px; line-height: 40px; padding-left: 20px;}



.title_zy{ height: 40px; line-height: 40px; background: #e2e2e2;}

.title_zy .left{ height: 40px; background: url(../Image/cp_icon1.png) no-repeat 20px center #c51429; padding: 0 30px 0 50px; color: #fff; font-size: 16px;}

.title_zy .right{ color: #999; padding-right: 10px; font-size: 12px;}

.title_zy .right a{ color: #999;}

.title_zy .right a:hover{ color: #000;}

.title_zy .right i{ display: inline-block; font-size: 20px; margin-right: 10px;}



.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: #333; 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: #fff;}

#left_lxwm span{ display: block; color: #fff; font-size: 24px; font-weight: bold;}





.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;}



















/** 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: #c51429;}





.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 5px 10px; 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;}