@charset "utf-8";
*,:after,:before{box-sizing:border-box}
html{-webkit-text-size-adjust:none}
html{zoom:1}
html *{outline:0;zoom:1}
body,blockquote,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font-size:14px;line-height:30px;font-family:arial,microsoft yahei,Microsoft YaHei}
body{color:#555;margin:0 auto;background:#fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
em,i{font-style:normal}
li{list-style:none}
img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}
table{border-collapse:collapse;border-spacing:0}
a{color:#555;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s}
a:hover{color:#be0f34;text-decoration:none}
a,a:focus{outline:0}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
.clearfix{display:block}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.wrap{clear:both;display:block;margin:0 auto;width:1200px}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06)}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06)}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s}
.hide,.none,ins{display:none}
video::-webkit-media-controls{opacity:1}
#tabs-container{position:relative;}
#kehu-container{position:relative;}
#case-container{position:relative;}

#header{width:100%;height:120px;}
#header .wrap{height:120px; background:url(../images/headerbg.png) no-repeat 280px center; background-size:auto 100px}
#header .logo{padding:20px 0 0;}
#header .logo img{ height:80px;}
#header .right{ padding:20px 0 0}
#header .right .img{ margin-left:20px}
#header .right .img img{ width:auto; height:80px}
#header .right .text{ margin-left:10px;font-size:16px; padding-top:10px}
#header .right i{ border:1px solid #be0f34; color:#be0f34; font-size:12px; width:24px; height:24px; line-height:24px; text-align:center; border-radius:100%; margin-right:10px}
#header .right p{ font-size:18px; font-weight:700;font-family:'Conv_Montserrat-Light'}
#header .right p em{ font-size:20px}
#nav{ width:100%; background:#be0f34; height:50px; line-height:50px;}
#nav ul li{ float:left; width:calc(100% / 10);}
#nav ul li a{ display:block; text-align:center; color:#fff; font-size:16px}
#nav ul li.on a{ background:#9e0021}
#nav ul li a:hover{ background:#9e0021}

#banner{overflow:hidden;width:100%; margin:1px auto; background:#f5f5f5}
#banner .wrap{ overflow:hidden;position:relative;}
#banner .swiper-wrapper .swiper-slide{width:100%;background-repeat:no-repeat;background-position:center center;position:relative}
#banner .swiper-wrapper .swiper-slide img{width:100%}

#notice{ margin-top:10px;}
#notice .wrap{ border:1px solid #eee; background:#f8f8f8; padding:5px 10px; line-height:40px; height:50px;}
#notice .text{ width:calc(100% - 130px)}
#notice .wrap .title{ color:#be0f34; font-size:16px; font-weight:bold; width:130px}
#notice .wrap .title i{ margin-right:10px}

.htitle{ border-bottom:1px solid #eee; line-height:40px}
.htitle span{ float:right; color:#999;}
.htitle span i{ margin-left:5px; color:#999}
.htitle span a{color:#999;}
.htitle h2{ font-size:22px; font-weight:300}
.htitle h2 i{ margin-right:10px; font-size:20px; color:#be0f34}
#news{ width:100%; margin-top:30px;}
#news .list { margin-top:30px}
#news .list ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px}
#news .list ul li:last-child{ margin-right:0}
#news .list ul li .img{ width:100%; height:240px; overflow:hidden}
#news .list ul li .img img{width:100%;height:100%;object-fit:cover}
#news .list ul li .t{ font-size:15px; font-weight:700; margin-top:10px}
#news .list ul li p{ color:#999; margin-top:5px; line-height:20px}

#zy{ width:100%; margin-top:40px;}
#zy .list { margin-top:20px}
#zy .list ul.left{ width:224px;}
#zy .list ul.left li{ background:#f5f5f5; width:224px; display:block; text-align:center; margin-top:10px;float:left}
#zy .list ul.right{ width:976px}
#zy .list ul.right li{ float:left; background:#f5f5f5; width:224px; display:block; text-align:center; margin-top:10px; margin-left:20px}
#zy .list ul li a{ display:block; padding:0 10px; overflow:hidden; line-height:50px; height:50px;}
#zy .list ul li a:hover{ background:#be0f34; color:#fff; font-weight:700}
#zy .list ul li a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
#zy .list ul .stitle{color:#fff; font-weight:bold; text-align:center; background:#f39c12; padding:5px}
#zy .list ul.right .stitle{ margin-left:20px; text-align:center}

#xy{ width:100%; margin-top:40px;}
#xy .list { margin-top:20px; position:relative; overflow:hidden}
#xy .list .swiper-slide{ float:left; width:calc(100% / 4); height:190px; overflow:hidden}
#xy .list .swiper-slide img{width:100%;height:100%;object-fit:cover}

#info{ width:100%; margin-top:40px;}
#info .item{ width:calc((100% - 80px) / 3); margin-right:40px}
#info .item:last-child{ margin-right:0}
#info .item .list{ margin-top:20px}
#info .item .list ul li{ background:url(../images/d.gif) no-repeat left center; padding-left:15px; line-height:32px;;}
#info .item .list ul li span{ float:right; color:#999}

#bg{ width:100%; background:url(../images/cR9WaVmsqOaeH67JAAJpK1edTwQ747_1920X318.jpg) no-repeat center top; height:0px;}
#contact{ width:100%; background:#be0f34; color:#fff; padding:30px 0;margin-top:30px}
#contact .left { color:#fff;font-size:15px;}
#contact .left a{ color:#fff}
#contact .right .img{ float:left; margin-left:30px}
#contact .right img{ height:90px;}
#contact .right p{ text-align:center}
#contact .center{ width:300px; margin-left:140px;}
#contact .center a{ float:left; width:50%; text-align:center; display:block; color:#fff}

#footer{ width:100%; background:#333; color:#fff; line-height:50px}
#footer .left i{ margin:0 5px}
#footer .right img{ height:90px;}
#footer .right p{ text-align:center}

/*通用分页样式*/
#fenye{padding:50px 0;text-align:center;clear:both;font-size:14px}
#fenye table{text-align:center;margin:0 auto}
#fenye a{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee}
#fenye .prev,#fenye .next{width:52px;text-align:center}
#fenye a.curr{font-weight:700;color:#fff;background:#be0f34;border:1px solid #be0f34}
#fenye a:hover{background:#be0f34;color:#fff;border:1px solid #be0f34}
#fenye span{margin:0 2px;color:#5a5a5a;text-decoration:none;padding:10px 15px;border:1px solid #eee;background:#f5f5f5}

#content{ width:100%; margin-top:30px}
#content .wrap{ background:#f6f6f6}
#content .left{ width:280px;}
#content .left .gg{ padding:20px;}
#content .left .gg .t{ border-bottom:1px solid #ddd; font-size:16px; font-weight:700}
#content .left .gg .text{ margin-top:10px}
#content .left .btn{ display:block; padding:20px;}
#content .left .btn a{ display:block; background:#ddd; color:#fff; border-radius:4px; text-align:center; padding:10px 0; width:100%; font-size:16px; margin-top:10px}
#content .left .btn a:nth-child(1){ background:#be0f34}
#content .left .btn a:nth-child(2){ background:#f39c12}
#content .left .more{ padding:20px; display:block}
#content .left .more a{ width:48%; float:left; background:#ddd;border-radius:4px;; margin-top:10px; text-align:center; line-height:40px}
#content .left .more a:nth-child(2n){ float:right}
#content .left .more a:hover{ background:#bf0f34; color:#fff}
#content .right{ width:920px; background:#fff; padding-left:50px}
#content .right .mycontent{ padding:20px 0; line-height:190%; font-size:15px; min-height:600px}
#content .right .con h1{font-size:24px;font-weight:700;padding:40px 10px;text-align:center;}
#content .right .con .info{text-align: center;color:#999}
#content .right .con .info i{padding:0 10px;}
#content .right .con .mycontent{padding:15px 0;border-top:1px dashed #ddd;}
#content .right .con .mycontent{font-size:16px;line-height:190%;}
#content .right .con .mycontent p{margin-bottom:20px;}
#content .right .con .mycontent table{margin:15px auto 15px;width:100%;border-collapse:collapse;border-color:#666;border-width:1px;}
#content .right .con .mycontent table tr{padding:2px 0px;border-color:#666;border-style:solid;border-width:1px;}
#content .right .con .mycontent table td{padding:2px 0px;border-color:#666;border-style:solid;border-width:1px;text-align:center;font-size:1.2rem;}
#content .right .con .mycontent table td p{margin:0;padding:0;}
#content .right .con .pagedown{background:#f7f7f7;padding:15px;margin-top:10px}


#classlist{ width:100%; margin-top:30px}
#classlist .wrap{ background:#f6f6f6}
#classlist .left{ width:280px;}
#classlist .left .gg{ padding:20px;}
#classlist .left .gg .t{ border-bottom:1px solid #ddd; font-size:16px; font-weight:700}
#classlist .left .gg .text{ margin-top:10px}
#classlist .left .btn{ display:block; padding:20px;}
#classlist .left .btn a{ display:block; background:#ddd; color:#fff; border-radius:4px; text-align:center; padding:10px 0; width:100%; font-size:16px; margin-top:10px}
#classlist .left .btn a:nth-child(1){ background:#be0f34}
#classlist .left .btn a:nth-child(2){ background:#f39c12}
#classlist .left .more{ padding:20px; display:block}
#classlist .left .more a{ width:48%; float:left; background:#ddd;border-radius:4px;; margin-top:10px; text-align:center; line-height:40px}
#classlist .left .more a:nth-child(2n){ float:right}
#classlist .left .more a:hover{ background:#bf0f34; color:#fff}
#classlist .right{ width:920px; background:#fff; padding-left:50px}
#classlist .right .list{ padding:20px 0; line-height:180%; font-size:15px; min-height:600px}
#classlist .right .list ul li{ background:url(../../skin/images/d.gif) no-repeat left center; padding-left:15px; line-height:44px; border-bottom:1px dashed #eee}
#classlist .right .list ul li span{ float:right; color:#999}
#classlist .right .piclist{ padding:20px 0;  min-height:500px}
#classlist .right .piclist ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:20px; margin-bottom:20px}
#classlist .right .piclist ul li:nth-child(3n){ margin-right:0; margin-bottom:20px}

#classlist .right .form{ padding:0px 0; border:1px solid #ddd; background:#f8f8f8; margin-top:20px}
#classlist .right .form .item{ padding:10px 0; border-bottom: 1px solid #ddd}
#classlist .right .form .item:nth-child(2n){ background:#f5f5f5}
#classlist .right .form .item:hover{ background:#fff}
#classlist .right .form .item label{ display:inline-block; width:120px; text-align:right; padding-right:20px}
#classlist .right .form .item label font{ color:#f00; font-size:16px}
#classlist .right .form .item .txt{ border:1px solid #ddd; line-height:30px; text-indent:10px}
#classlist .right .form .item .select{ border:1px solid #ddd; height:30px; line-height:30px;}
#classlist .right .form .button{ padding:30px 122px}
#classlist .right .form .button .btn{ border-radius:4px; color:#fff; font-size:18px; font-weight:bold; background:#be0f34; border:0; padding:10px 30px; cursor:pointer}

@font-face {
	font-family: 'Conv_Montserrat-Bold';
	src: url('/skin/css/fonts/Montserrat-Bold.eot');
	src: local('☺'), url('/skin/css/fonts/Montserrat-Bold.woff') format('woff'), url('/skin/css/fonts/Montserrat-Bold.ttf') format('truetype'), url('/skin/css/fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Montserrat-Light';
	src: url('/skin/css/fonts/Montserrat-Light.eot');
	src: local('☺'), url('/skin/css/fonts/Montserrat-Light.woff') format('woff'), url('/skin/css/fonts/Montserrat-Light.ttf') format('truetype'), url('/skin/css/fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Montserrat-Regular';
	src: url('/skin/css/fonts/Montserrat-Regular.eot');
	src: local('☺'), url('/skin/css/fonts/Montserrat-Regular.woff') format('woff'), url('/skin/css/fonts/Montserrat-Regular.ttf') format('truetype'), url('/skin/css/fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}