html{background:#fff;color:#282828; 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{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; outline:none;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{max-width: 640px; margin: 0 auto; color:#282828; font-size:0.7rem; font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.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;left:50%;}
.hidden{display:none;}
#con_lx{ height:auto; overflow:hidden; line-height:2.0; font-size:14px; width:98%; margin-bottom:2%;}
#con_lx p{ border-bottom:1px dotted #ccc; line-height:30px; transition:0.3s all 0s linear; }
#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc; padding-left:2%;}
/** header **/
#top_line{ height: 2rem; line-height: 2rem; font-size: 0.8rem; color: #ec1c24; font-weight: bold; background: #efefef; text-align: center;}
#top_line i img{ max-width: 5%; padding-right: 1%;}
#top_index{ background: #fff; padding: 2%; height: auto;}
#logo{ width: 100%; float: left;}
#logo img{ max-width: 100%;}
.slideBox{ position:relative; overflow:hidden; margin:0 auto; max-width:640px;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; }
.slideBox .hd li.on{ background:#fff; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; height:auto; overflow:hidden; }
.slideBox .bd li img{ vertical-align:top; width:100%;/* 图片宽度100%,达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff; text-align:left; }
/** footer **/
.footer{ height:60px; overflow: hidden; bottom:0; float:left; z-index: 20; width:100%; position: fixed; background-color:#1464c7; max-width: 640px;}
.f1{ width:100%; background:url(../Image/end1.png) no-repeat 15% center; padding-left: 10%; background-size: 23px; height:100%; float:left; text-align:center;}
.f2{ width:100%; background:url(../Image/end2.png) no-repeat 15% center; padding-left: 10%; background-size: 23px; height:100%; float:left; text-align:center;}
.f3{ width:100%; background:url(../Image/end4.png) no-repeat 15% center; padding-left: 10%; background-size: 23px; height:100%; float:left; text-align:center;}
.f4{ width:100%; background:url(../Image/end4.png) no-repeat center 25%; background-size: 23px; height:100%; float:left; text-align:center;}
.footer a{ color:#fff; display: block; height: 100%; width: 33%; font-size: 1rem; float: left; line-height:60px; text-align: center; background-color:#1464c7;}
.footer a:nth-of-type(2){ background: #333;}
.footer a:nth-of-type(1){ background: #5e5d5d;}
.footer a:nth-of-type(4){ background: #5e5d5d; line-height: 90px;}
.kb50{ height: 50px;}
.kb10{ height: 10px;}
.red{ color: #fc9202;}
/*main*/
.main{ height: auto; overflow: hidden; padding: 3% 2%;}
#navlb{ padding: 0 0 3%; text-align: center;}
#navlb li{ display: inline-block; width: 24%;}
#navlb li .pic{ width: 50%;}
#navlb li .pic img{ width: 100%;}
.pro_tit{ color: #ff2b00; font-size: 1.2rem; font-weight: bold;}
.pro_in{ padding: 0; }
.pro_in li{ width: 100%; line-height: 1.3rem; height: auto; margin: 3% 0; text-align: center; background: #474747; border: 1px solid #f0f0f0;}
.pro_in li a{ display: block; color: #fff;}
.pro_in li .li-img{ width: 100%; height: auto; background: #fff;}
.pro_in li .li-img img{ max-width: 100% !important; height: auto; }
.pro_in li p{ font-size: 0.8rem; color: #fff; height: 2rem; line-height: 2rem;}
.pro_in li span{ display: block; font-size: 0.8rem;}
.title_in{ text-align: center; color: #595757; font-size: 1.5rem;}
#ysbj{ background: url(../Image/ysbj.png) no-repeat center top; width: 100%; height: auto;}
#ysnr{ padding: 3% 0 0; text-align: center;}
#ysnr li{display: inline-block; width: 45%; height: 125px; border: 1px solid #d0d0d0; margin: 0 1% 3%;}
#ysnr li .bt{ text-align: center; color: #595757; font-size: 1rem; transition:0.3s;}
#ysnr li .pic{ width: 68px; height: 68px; overflow: hidden; margin: 10px auto; transition:0.3s;}
#ysnr li:nth-of-type(1) .pic{ background: url(../Image/ys_pic1.png) no-repeat left top;}
#ysnr li:nth-of-type(2) .pic{ background: url(../Image/ys_pic2.png) no-repeat left top;}
#ysnr li:nth-of-type(3) .pic{ background: url(../Image/ys_pic3.png) no-repeat left top;}
#ysnr li:nth-of-type(4) .pic{ background: url(../Image/ys_pic4.png) no-repeat left top;}
#ysnr li:hover .pic{ background-position-x: -68px; }
#ysnr li:hover{ background: #1464c7; border: 1px solid #1464c7; box-shadow:0px 0px 10px #333333;}
#ysnr li:hover .bt{ color: #fff;}
#zxbj{ width: 100%; height: auto; background: rgba(51,51,51,.1);}
#zxzx{ text-align: center; width: 98%; height: auto; padding: 3% 0;}
#zxzx p{ color: #595757; font-size: 1rem;}
#zxzx p span{ font-weight: bold;}
#zxzx table{ width: 100%; margin-top: 3%;}
#zxzx table td:nth-of-type(3){ width: 25%; text-align: center;}
#zxzx #name{ background: url(../Image/yh1.png) no-repeat 5% center #fff; padding-left: 20%; width: 75%; height: 2rem; line-height: 2rem; color: #a9a9a9; border-radius: 20px; border: none;}
#zxzx #tel{ background: url(../Image/yh2.png) no-repeat 5% center #fff; padding-left: 20%; width: 75%; height: 2rem; line-height: 2rem; color: #a9a9a9; border-radius: 20px; border: none;}
#zxzx .tijiao{ width: 95%; background: #1464c7; height: 2rem; border-radius: 20px; border: none; text-align: center; color: #fff;}
.title{ background: url(../Image/title_bj.png) no-repeat center; background-size: 57%; padding: 3% 0; text-align: center; margin-bottom: 3%;}
.title p{ color: #191b21; font-weight: bold; font-size: 1.5rem;}
.title span{ text-transform: uppercase;}
#pro_list{ background: #282828; height: auto; line-height: 2.5rem; width: 100%; text-align: center;}
#pro_list li{ display: inline-block; width: 33%; font-size: 0.8rem;}
#pro_list li a{ color: #fff;}
#pro_list li:hover{ background: #e63a1e;}
#ljzx{ width: 100%; height: 2rem; line-height: 2rem; text-align: center; margin: 2% auto 1%;}
#ljzx li{ color: #595757; text-decoration: underline; font-size: 0.8rem;}
#gsjj_pic{ width: 100%;}
#gsjj_pic img{ width: 100%;}
#gsjj_bj .pic{ width: 95%; margin-top: 3%;}
#gsjj_bj .pic img{ max-width: 100%;}
#gsjj_bj .content{ width: 95%; color: #595757; padding: 2% 0 0;}
#gsjj_bj .content a{ color: #ff1600; font-weight: bold;}
#gsjj_bj ul{ padding: 1% 0; text-align: center;}
#gsjj_bj ul li{ display: inline-block; text-align: center; color: #595757; width: 32%; font-size: 1rem}
#gsjj_bj ul li p{ color: #1464c7; font-size: 1.5rem;}
#gsjj_bj ul li p span{ font-size:2rem; font-weight: bold;}
#hzhbbj{ background: #d9ebf5; width: 100%; height: auto; margin: 3% 0;}
#hzhbbj .main{ padding: 3% 0;}
#yqlj{ margin-top: 3%;}
#yqlj li{ float: left; width: 19%; height: 36px; margin: 0.5%;}
#yqlj li img{ width: 100%; height: 36px; transition:0.3s;}
#yqlj a{ position: relative; display: block; width: 100%; height: 100%; -webkit-perspective:800px;-moz-perspective:800px;}
#yqlj a > div {position: absolute; left: 0; height: 0; width: 100%; height: 100%; color: #fff;
-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;
-webkit-transition: .5s ease-in-out ; -moz-transition: .5s ease-in-out ;
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
#yqlj a div.img { opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; transition: 0.3s all 0s linear;}
#yqlj a div.title{ opacity: 0; filter:alpha(opacity=0); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); z-index: 1;}
#yqlj a:hover div.img{ opacity: 0; filter:alpha(opacity=0); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }
#yqlj a:hover div.title{ opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0); -moz-transform: rotateY(0);}
#xwlb { padding-top: 3%;}
#xwlb li{ float: left; margin:1% 2%; width:45%; box-shadow:0px 0px 5px #666; height:auto; background: #fff; transition:all 0.3s linear 0s; padding-bottom: 2%;}
#xwlb li img{ width:100%; height:120px;}
#xwlb li p{ color: #000; padding: 2%; font-size: 0.8rem; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#xwlb li .content{ color: #666; padding: 0 2%; font-size: 0.6rem; line-height: 1.2rem;}
#xwlb li:hover{ background: #0657b2; color: #fff;}
#xwlb li:hover .content{ color: #fff;}
#xwlb li:hover p{ color: #ff0;}
.hui{ background: #f7f7f7; width: 98%; height: auto; overflow: hidden;}
#wtdylb { margin-top: 5%;}
#wtdylb li{ position: relative; border-bottom: 2px solid #d9d9d9; padding-bottom: 3%; margin-bottom: 3%; font-size: 0.8rem; line-height: 1.5rem;}
#wtdylb li .tit{ color: #ff0000; font-size: 1rem; padding-bottom: 2%;}
#wtdylb li::before{ position: absolute; content: ''; left: 50%; bottom: -2px; height: 2px; background: #1464c7; width: 0; transition:0.3s;}
#wtdylb li:hover::before{ width: 100%; left: 0;}
/*zy*/
#sidebar{ width: 300px; height: auto; overflow: hidden; float: left;}
#main_right{ width: 880px; height: auto; overflow: hidden; float: right;}
.content{ padding: 2% 1% 3%; line-height: 1.7rem; font-size: 0.8rem;}
#home{ background: #1464c7; color: #fff; padding-left: 3%; height: 2rem; line-height: 2rem;}
.gsjj_font{ width: 100%; height: auto; overflow: hidden; padding-top: 3%;}
.tit_gsjj{ color: #595757; font-size: 1.5rem;}
.tit_gsjj span{ font-size: 1.5rem; color: #1464c7; padding-left: 10px;}
.gsjj_font .content{ padding: 2% 0 0; font-size: 1rem; color: #595757; line-height: 2rem;}
.gsjj_pic{ width: 100%;}
.gsjj_pic img{ width: 100%;}
.hui{ background: #f7f7f7; width: 100%; height: auto; overflow: hidden;}
#gsjj_map{ width: 100%; margin-top: 3%;}
#gsjj_map li{ float: left; width: 24%; height: auto; margin: 3% 0.5% 0;}
#gsjj_map li img{ width: 100%; height: auto;}
#gsjj_link{ width: 100%; margin-top: 3%;}
#gsjj_link div{ float: left; width: 19%; height: auto; padding: 0.5%;}
#gsjj_link div img{ width: 100%; height: auto;}
#cplb{ padding: 3% 0 0;}
#cplb li{ float: left; width: 31.5%; height: 2rem; line-height: 2rem; border: 1px solid #c9c9c9; text-align: center; margin: 0 0.5% 1%;}
#cplb li .pic{ width: 92px; height: 92px; margin: 2% auto; overflow: hidden;}
#cplb li .pic img{margin-left: 0; transition:0.3s;}
#cplb li .tit{ color: #595757; font-size: 0.8rem;}
#cplb li:hover{ background: #1464c7; border: 1px solid #1464c7;}
#cplb li:hover .pic img{ margin-left: -92px;}
#cplb li:hover .tit{ color: #fff;}
.cpbj{ background: #fff; width: 100%; height: auto;}
.cpbj:nth-of-type(2n){ background: #e0eff7;}
.cpbj .bt{ background: url(../Image/cp_icon.png) no-repeat left 5%; background-size: 7%; line-height: 1.5rem; padding-left: 8%; color: #595757; font-size: 1rem;}
.cpbj .bt p{ }
.cpbj .bt span{ display: block; color: #999; font-size: 0.8rem; line-height: 1.5rem;}
.cpbj ul{ margin-top: 3%;}
.cpbj li{ margin:0 1% 2%; width:48%; height:auto; overflow: hidden; position: relative; float:left;}
.cpbj li .pic{ display: block; width:100%; height:auto; overflow:hidden;}
.cpbj li .pic img{ width:100%; height:130px;}
.cpbj li .tit{ position: absolute; left: 0; bottom: 0; width: 100%; background: #474747; color: #fff; line-height: 30px; height: 30px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; transition: 0.3s;}
/*.cpbj li .fdj{ position: absolute; left: 0; top: 0; z-index: 10; width: 337px; text-align: center; opacity: 0; transition:0.3s;}
.cpbj li .nr{ position: absolute; left: 0; top: 233px; padding: 0 20px; z-index: 10; opacity: 0; transition:0.3s; color: #fff; line-height: 22px; font-size: 13px;}*/
/*.cpbj li:hover .tit{ height: 133px; padding-top: 100px; background: rgba(0,0,0,.5);}
.cpbj li:hover .fdj{ text-align: center; top: 40px; opacity: 1;}
.cpbj li:hover .nr{ top: 135px; opacity: 1;}*/
#alqh .swiper-container {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
#alqh .swiper-slide {
background-size: cover;
background-position: center;
text-align: center;
}
#alqh .swiper-button-prev, #alqh .swiper-button-next{ top: 42%;}
#alqh .swiper-slide img{ max-width: 100%; height: 300px;}
#alqh .swiper-slide p{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; background: rgba(0,0,0,0.7); height: 2.5rem; line-height: 2.5rem; text-align: center; color: #fff; font-size: 0.8rem;}
#alqh .gallery-top {
height: 80%;
width: 100%;
}
#alqh .gallery-thumbs {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
#alqh .gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.4;
}
#alqh .gallery-thumbs .swiper-slide img{ width: 100%; height: auto !important;}
#alqh .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
#cptit{ height: 2.5rem; line-height: 2.5rem; background: #f6f6f6; width: 100%;}
#cptit li{ float: left; height:2.5rem; color:#6a6868; width: 25%; cursor: pointer; text-align: center; line-height:2.5rem; font-size: 0.8rem;}
#cptit li:hover{ background: #1464c7;}
.current{ background: #1464c7; width: 25%;}
.current a{ color: #fff;}
.cptit_1{ margin: 3% 0; background: url(../Image/icon.png) no-repeat left center; background-size: 5%; color: #595757; font-weight: bold; font-size: 1rem; padding-left: 7%;}
#xgcp .swiper-container { width: 100%; height: 100%; padding-bottom: 12% !important; }
#xgcp .swiper-slide { text-align: center; background: #eaeaea; height: auto; /* Center slide text vertically */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; flex-direction: column;}
#xgcp .swiper-slide img{ width: 100%; height: auto;}
#xgcp .swiper-slide p{ font-size: .6rem; padding: 2%; width: 96%; font-weight: normal; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.dgbj{ background: url(../Image/map.png) no-repeat center 5% #f6f6f6; padding: 3% 0;}
.dgtit p{ text-align: left; color: #595757; font-size: 1rem; font-weight: bold; padding-bottom: 2%;}
.dgtit p span{ color: #ff0000; font-size: 0.8rem;}
.dgbj table{ padding-top: 20px; color: #595757; line-height: 40px;}
.dgbj table .order-zhi{ width: 290px; height: 32px; border: 1px solid #c0c0c0; background: #fff;}
.dgbj table .tijiao{ width: 116px; height: 36px; background: #ff0000; line-height: 36px; color: #fff;}
.dgbj table select{ width: 290px; height: 32px; border: 1px solid #c0c0c0; background: #fff;}
#zxly{ width: 100%; padding: 5% 0; }
#zxly table{ width: 100%;}
#zxly input{ border:1px solid #ccc; background: #f5f5f5; width: 97%; height: 35px; line-height: 35px; padding-left: 3%; color: #727177;}
#zxly textarea{ border:1px solid #ccc; background: #f5f5f5; color: #727177; width: 94%; padding: 3%;}
#zxly .tijiao{ background: #e63a1e; color: #fff; border: 1px solid #e63a1e; width: 100%;}
/********General**********/
.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{ padding: 0; }
.pro li{ float: left; width: 48%; line-height: 1.3rem; padding-bottom: 2%; height: auto; margin: 1% 0.5%; text-align: center; background: #f0f0f0; border: 1px solid #f0f0f0;}
.pro li a{ display: block;}
.pro li .li-img{ width: 100%; height: auto; background: #fff;}
.pro li .li-img img{ max-width: 100% !important; height: 140px; }
.pro li p{ font-size: 0.8rem;}
.pro li span{ display: block; font-size: 0.8rem;}
._pro_lis li{width:49%;float: left; margin-top: 0.234375rem;border:solid 0.015625rem #e5e5e5; position: relative;box-sizing:border-box;}
/*._pro_lis li:nth-child(even){margin-left: 4%;}*/
._pro_lis li ._pro_img{width: 100%;overflow: hidden; background: #fff; border-bottom:solid 0.015625rem #e5e5e5; }
._pro_lis li ._pro_img img{ max-width: 100%; height: 140px; transition: transform 1s ease 0s;}
._pro_lis li:hover ._pro_img img{transform: scale(1.05,1.05);}
._pro_lis li h4{ display: block; height: 3rem; color: #666; margin: 0 !important; text-align: center;padding: 2% 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight: normal;}
._pro_lis li ._pro_btn{ position: absolute; bottom: 0; left: 0; width: 100%;}
._pro_lis li ._pro_btn a{display: block; width: 50%;height: 2rem;float: left;text-align: center;line-height: 2rem;background: #d80000; color: #fff;transition: all .4s;}
._pro_lis li ._pro_btn a:first-of-type{background:#5e5d5d;}
._pro_lis li ._pro_btn a:hover{background: #666;color: #fff;}
#getlist{ display: block; background: #1464c7; height: 2rem; line-height: 2rem; text-align: center; font-size: 0.8rem; border-radius: 30px; width: 60%; color: #fff; margin: 3% auto 2%; }
/*************index&goods**************/
.news{}
.news li{width:100%;height:auto; background: #f4f4f4; margin-bottom: 3%;}
.news li .pic{ width: 100%;}
.news li .pic img{ width: 100%;}
.news li .tit{ padding: 2%; line-height: 1.5rem; font-size: 0.9rem; font-weight: bold;}
.news li .content{ padding: 0 2% 2%;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:1.2rem; font-size: 0.8rem;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#da020d;text-align:center; font-size: 1rem;}
.info_title{ margin: 2% 0; width:100%;height:30px; background: #282828;}
.info_title b{display:inline-block;padding-left:10px;height:100%;background:#e63a1e;color:#fff;line-height:30px; font-weight: normal; font-size: 14px; padding: 0 5%;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{padding:0 3px;}
.order textarea{padding: 3px;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/
/*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;}
/*上一页_下一页*/
#prev_next{margin: 2% 0 0; clear: both;overflow: hidden; border-top: 1px solid #ccc;}
#prev_next li{margin: 0; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.o_product_info{ width: 96%; background: #e0eff7; padding: 4% 2%;}
.o_product_info h2{ color:#000; font-size:1.5rem; height: 3rem; line-height: 3rem; font-weight: bold;}
.o_product_info .o_product_detail{ line-height: 2rem; padding: 2% 0; margin-bottom: 2%; border-bottom: 1px solid #b5b5b5;}
.o_product_info .o_product_detail .o_product_data{ clear: both; width: 100%;}
.o_product_info .o_product_detail .o_product_data .key{ color: #000;}
.o_product_info .o_product_detail .o_product_data .val{ color: #595757; width: 100%;}
.o_product_info .o_product_detail .o_product_data .colhs{ color: #fe4200;}
.o_product_info .o_product_detail .o_product_data:after,.o_product:after{ display: block; content: ''; clear: both; height: 0; width: 0;}
.o_product_info .go_order{ width: 100%; height: 3rem; line-height: 3rem; text-align: center; color: #fff; font-size: 1rem; background: #1464c7; border: none; margin: 3% 0 0 0; outline: none; transition:0.3s; cursor: pointer;}
/*.o_product_info .go_order:hover{ background: #282828;}*/
#cp_tel{ float: left; background: url(../Image/cptel.png) no-repeat left center; height: 3rem; line-height: 3rem; background-size: 15%; padding: 0 0 0 10%; font-size: 1.5rem; margin: 3% 0 0 5%; color: #d80000; font-weight: bold;}
.cpfont{ line-height: 30px; color: #595757; cursor: pointer;}
.cpfont i{ display: block; float: left; overflow: hidden; width: 23px; height: 23px; line-height: 23px; margin: 0 5px ;}
.cpfont i img{ vertical-align: middle; transition:0.3s;}
.cpfont span{ display: block; float: left;}
.cpfont li:hover{ color: #1464c7;}
.cpfont li:hover i img{ margin-left: -23px;}
/*产品详情*/
/*.o_product{ clear: both; padding: 18px 22px;}
.o_product .o_product_img{ float: left; width: 355px;}
.o_product .o_product_img .o_product_thumb{height: 240px; width: 240px;display: table-cell;text-align: center;vertical-align: middle;}
.o_product .product_small{ margin-top:10px; height: 55px; position: relative;}
.swiper-container{ width: 355px; height: 50px; overflow: hidden;}
.o_product .product_small .arrow-left{ width: 10px; height: 20px; display: block; background: url(../Image/swiper-l.png) no-repeat; position: absolute; left: -15px; top: 16px; transition: all 0.5s;}
.o_product .product_small .arrow-right{ width: 10px;height: 20px; display: block; background: url(../Image/swiper-r.png) no-repeat; position: absolute; right: -12px; top: 16px;transition: all 0.5s;}
.o_product .product_small ul{ padding: 0px; margin: 0px; overflow: hidden;}
.o_product .product_small ul li{float: left; height: 50px; width: 50px; margin: 0px; display: table-cell; text-align: center; vertical-align: middle;}
.o_product .product_small ul li.select img{ border: 1px solid #C4C4C4;}
.o_product .product_small ul li img{ height: 50px; width: 50px; display: inline-block; box-sizing: border-box;}
.o_product .o_product_img .o_product_thumb img{ max-height:355px; max-width: 355px; display: inline-block; vertical-align: middle;}
.o_product .o_product_info{ float: right; width: 435px;}
.o_product .o_product_info h2{ color: #3f3f3f; font-size: 16px; line-height: 25px; font-weight: 600;}
.o_product .o_product_info .o_product_detail{ background: #F6F6F6; font-size: 14px; color: #999; padding: 15px 10px; margin-top: 10px;}
.o_product .o_product_info .o_product_detail .o_product_data{ clear: both; width: 100%; height: 30px; line-height: 30px !important;}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{ display: block; content: ''; clear: both; height: 0; width: 0;}
.o_product_data span{ display: inline-block; float: left; line-height: 22px;}
.o_product_data span.key{ width: 56px; text-align: right;}
.o_product_data span.val{ width: 339px;}
.colhs{ color: #FE4200;}
.o_product_data span.val b{ color:#FE4200; font-size: 16px;}
.o_product_info .go_order{ padding: 8px 25px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff5e25; border: none; margin-top: 50px; outline: none;}
.o_product_info .go_order:hover{ background: #FE4200;}
.order-content{ padding: 20px 30px; background: #fff;}
.order-content .order-line{ color: #333; height: 30px; line-height: 30px; margin-bottom: 12px; font-size: 14px;}
.order-content .order-line:after{ display: block; content: ''; clear: both; height: 0; width: 0;}
.order-content .order-line lable{ width: 70px; margin-right: 5px; display: inline-block; float: left; text-align: right;}
.order-content .order-line .order-zhi{ float: left; padding: 10px; line-height: 30px; padding: 0px 10px; max-width: 380px; border: 1px solid #d2d2d2;}
.order-content .order-line .order-zhi.noborder{ border:none;}
.order-content .order-line .order-zhi.overword{ height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.order-line.bz-line{height: auto;}
.order-content .order-line .beizhu{ padding: 10px; float: left; border: 1px solid #d2d2d2;}
.order-content .order-line .dwid{ width: 375px;}
.order-content .order-line img{ display: inline-block; float: left; margin-left:15px;}
.order-content .go-sub{ margin-left:70px; border: none; color: #fff; background: #ff5e25; font-size: 14px; padding: 8px 28px; margin-top:8px; border-radius: 5px;
outline: none;}
.order-content .go-sub:hover{ background: #FE4200;}*/