@charset "utf-8";
html{font-size:100%;height:100%;}
body{direction:ltr;font-family:'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif;font-size:16px;padding:0px!important;margin:0px!important;line-height:1.5;font-style:normal;font-weight:normal;height:100%; color:#666; background:#f2f2f2; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,span,p{margin:0;padding:0;}
form,fieldset,legend,input,textarea{outline:none;}
li{list-style:none;}
img{border:0px;}

a:link{color:#666666; text-decoration:none;}a:visited{color:#666666; text-decoration:none;}a:hover{color:#ff6600;}

.mgt8{margin-top: 8px;}
.mgt12{margin-top: 12px;}
.pd1{padding-left: 10px; padding-right: 0px;}
.pd2{padding-left: 30px; padding-top: 8px;}
.red,a.red,a.red:hover{color:red;}.green,a.green,a.green:hover{color:#89bd3e;}
.clearfix{height:0px; width:0px; font-size:0px; clear:both; padding:0px; margin:0px;}
.pr{position: relative;}
.img img{width: 100%;}

.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.tr{text-align:right;}.dn{display:none;}.db{display:block;}

.page_body{max-width: 768px; min-width: 320px;}
#page_body{background: #fff;}
.pay_body{background: url(pay_bg.jpg) center fixed; background-size: 100% 100%;}

.navbar-brand img{height: 30px;}
body .navbar-brand{padding-top: 10px;}

.pro_list li{width:25%; float:left; text-align:center; margin-top:12px; overflow:hidden; height:110px;}
.pro_list li img{width:80%;}
.pro_list li span{width:90%; margin-left:5%; margin-right:5%; overflow:hidden; display:block; font-size:14px; line-height:18px; height:36px; text-align:center; padding-top:3px;}

.swiper-container{margin-top:0px;width:100%;}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#fff;text-align:center;font-size:18px;-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;}
.swiper-slide img{width:100%;}

.cw-pic2{position: relative;}
.cw-pic2 img{width: 100%;}

.content-wrap{padding-top: 10px; padding-bottom: 10px; background: #fff; margin-top: 10px;}

.cw-title{background: url(cw-title.gif) 0 50% no-repeat; background-size: auto 80%; padding-left: 12px; font-size:18px; position: relative;}
.cw-title span{position: absolute; top: 1px; right: 0px; font-size: 14px;}
.cw-list li{background: url(cw-dot.gif) 0 50% no-repeat; background-size: auto 60%; padding-left:1.5rem; line-height: 1.6rem; height: 1.6rem; overflow: hidden;}
.cw-pic{position: relative;}
.cw-pic img{width: 100%;}
.cw-title2{line-height: 22px; height: 44px; overflow: hidden; margin-top:2px;}
.cw-title3{font-size: 16px;}
.cw-title4{font-size: 14px;}
.cw-title5{line-height:22px; overflow:hidden; max-height:44px;}
.cw-title6{line-height: 22px; height: 22px; overflow: hidden; margin-top:2px;}
.cw-title5 a{color:#c30a01; font-weight:bold;}
@media screen and (min-width:320px){.cw-pic img{height:105px;}}
@media screen and (min-width:360px){.cw-pic img{height:115px;}}
@media screen and (min-width:375px){.cw-pic img{height:125px;}}
@media screen and (min-width:384px){.cw-pic img{height:130px;}}
@media screen and (min-width:400px){.cw-pic img{height:136px;}}
@media screen and (min-width:414px){.cw-pic img{height:142px;}}
@media screen and (min-width:424px){.cw-pic img{height:155px;}}
@media screen and (min-width:480px){.cw-pic img{height:172px;}}
@media screen and (min-width:540px){.cw-pic img{height:190px;}}
@media screen and (min-width:720px){.cw-pic img{height:260px;}}
@media screen and (min-width:750px){.cw-pic img{height:300px;}}

.cw-info{font-size: 14px; height: 36px; line-height: 18px; overflow: hidden;;}
.cw-info2{font-size: 14px; height: 18px; line-height: 18px; overflow: hidden;;}
.cw-more{font-size: 12px; text-align: right; padding-right: 5px; margin-top: 3px;}
.cw-more a{ color:#ff5959;}
.about{margin-top: 8px; padding-bottom: 18px; border-bottom: 1px dashed #ccc;}


.video_bg{background: rgba(0,0,0,0.2); height: 100%; width: 100%; position: absolute; top: 0px; bottom: 0px;}
.video_play{background: url(video.png) center no-repeat;height: 100%; width: 100%; position: absolute; top: 0px; bottom: 0px;}

body .no-padding-left{padding-left: 0px;}

.top{width: 100%; height: 72px; background: #f2f2f2}
.top .logo{background: url(logo.png) 0px 5px no-repeat; width: 100%; height: 55px; background-size: auto 90%; margin-top:10px;}
.top .logo a{display:block; text-indent:-9999px;height: 42px;}
.top .container{background:url(tel.jpg) center right no-repeat; background-size:auto 60%; height:72px;}

.menu{width: 100%; height: 36px; line-height: 36px; background: #fff; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #ccc; position: relative;}
.menu li{float: left;width: 20%; text-align: center;}
.menu li a{display: block; font-size:8px;}
.menu .active a{color: #c30a01;}

.job .col-xs-3{padding-left: 0px; padding-right: 0px;}
.job .job_pic{text-align: center; margin-top: 12px;}
.job .job_pic img{width:100%;}
.job .job_title{font-size: 12px; height: 30px; line-height: 15px; text-align: center; margin-top: 5px; padding-left: 8px; padding-right: 8px;}

.page_title h2{font-size: 25px;     font-family: -apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;    margin-bottom: 10px;    line-height: 1.4;    font-weight: 400;}
.web_container{padding: 20px 15px 15px; background: #fff;}
.page_content img{width: 80%; margin: 0px auto; margin-top: 12px; margin-bottom: 12px;}
.page_info{width: 100%; overflow: hidden; line-height: 28px; height: 28px; margin-bottom: 12px;}
.page_info p,.page_info span{float: left;}
.page_info span{margin-left: 12px;}
.page{margin-left: 15px;}


.foot_box{height:42px;}
.foot{width:100%; height:42px; line-height:42px; position:fixed; bottom:0px; background:#c30a01;}
.foot li{float:left; width:25%; text-indent:-9999px;}
.foot li a{display:block;}
.foot .ico1{background:url(foot_ico1.gif) center no-repeat; background-size:auto 100%;}
.foot .ico2{background:url(foot_ico2.gif) center no-repeat; background-size:auto 100%;}
.foot .ico3{background:url(foot_ico3.gif) center no-repeat; background-size:auto 100%;}
.foot .ico4{background:url(foot_ico4.gif) center no-repeat; background-size:auto 100%;}



.quick_tall{position:fixed; width:60px; height:60px; display:block; left:20px;}
.bc_tall{background:url(call1.png) no-repeat; bottom:50px; background-size:100% 100%;}
.qq_tall{background:url(call2.png) no-repeat; bottom:50px; background-size:100% 100%;}



.info_txt{font-size: 18px;}
.info_txt input{ line-height: 32px; height: 32px; width: 60%;}
.info_txt td{padding-top: 12px;}
.bg{height:100px; width:100%; display:block; position:absolute; bottom:0px; background:url(bg.png) center repeat-x; background-size:auto 100%;}
.slogo{background:url(logo.jpg) no-repeat center; background-size:100% auto; width:65%; margin:0px auto; margin-top:50px; height:50px;}


.container .col-xs-4{padding-right:0px;}
.container .col-xs-8{padding-left:10px;}