@charset "UTF-8";

/*css ----初始化----- */

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img ,td,tr,th{margin: 0; padding: 0;}

fieldset, img, input, button {border: none;padding: 0;margin: 0;outline-style: none;}/*各浏览器显示不同，去掉蓝色边框*/

input {padding-top: 0;padding-bottom: 0;}

select, input {vertical-align: middle;}

textarea {resize: none;}/*防止拖动 影响布局*/

table {border-collapse: collapse;border-spacing: 0;}/*去掉行内替换元素空白缝隙*/

ul, ol { list-style: none;}

h1, h2, h3, h4, h5, h6 {text-decoration: none;font-weight: normal;font-size: 100%;}

img {border: 0;vertical-align: middle;}

/*清除浮动*/

.clearfix:before, .clearfix:after {content: "";display: block;}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1; /*IE/7/6*/}

s, i, em {font-style: normal; text-decoration: none;}

i{display: block;}

/*需要更改*/

body {margin: 0 auto;font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;font-size: 14px;color: #333;background-color: #fff;min-width: 1200px;}

a{ color: #333;/*主要颜色*/text-decoration: none;}

a:hover{color: #c4070a !important;}

/*公共类*/

.w1200 {width: 1200px;margin: 0 auto;}

.fl {float: left;}.fr {float: right;}

.al {text-align: left;}.ac {text-align: center;}.ar {text-align: right;}.hide {display: none;}

.unline{border:0 !important;}

.gray{background: #f4f6f8;}

.white{background: #fff;}

.m-t-20{margin-top: 20px;}

/*----头部样式----*/

.m-r-0{margin-right: 0 !important;}

.hTop{height: 30px;line-height: 30px;width: 100%;font-size: 12px;color:#787878}

.hTop .fr{margin-right: -10px;color: #ccc;}

.hTop .fr a{color: #787878;margin:0 10px;}

.hbottom{height: 124px;border-bottom: 1px solid #f0f0f0;}

.hbottom .logo{margin-top: 29px;}

.hbottom .logo a{display: block;width: 100%;height: 100%;}

.hbottom .slogn{font-size: 18px;color: #696969;line-height: 67px;margin-left: 22px;float: left;}

.hbottom .tel{font-size: 0;margin-top: 45px;}

.hbottom .tel img,.hbottom .tel span{display: inline-block;vertical-align: middle;}

.hbottom .tel span{font-size: 18px;line-height: 30px;color: #c4070a;letter-spacing: 0.5px;margin-left: 15px;}

/*导航栏效果开始*/

.black{color:#000;}

.nav{width: 100%;height:46px;font-size: 18px;}

/*服务分类*/

.total_btn{width:190px;height:46px;position:relative;}

.total_btn .t{line-height: 46px;padding-left: 58px;position:relative;color: #c4070a;}

.total_btn .t i{width:19px;height:15px;position:absolute;left:25px;top:50%;margin-top:-7px;background: url(../images/icons_total.png);}

.total_nav{width:190px;height:455px;padding:3px 0 2px 0;position: absolute;top: 46px;left: 0;z-index: 9999;background:url(../images/bl50.png);}

.total_nav .navli{padding-left: 38px;color:#fff;font-size: 16px;border-bottom: 1px solid rgba(255,255,255,0.1);transition: .2s ease-in-out;-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;-ms-transition: .2s ease-in-out;}

.total_nav .navli:hover{background: #fff;color: #262626;padding-left: 45px;transition:padding 0.2s ease-in 0s;-webkit-transition:padding 0.2s ease-in 0s;-moz-transition:padding 0.2s ease-in 0s;}

.total_nav .navli h3{line-height: 64px;position: relative;}

.total_nav .navli h3 i{width:7px;height:11px;background: url(../images/icons_total_arrow.png);position: absolute;right:20px;top:50%;margin-top: -5px;}

.total_nav .drop{padding:20px 10px 0;width: 360px;height:440px;display:none;background-color:#fff;position: absolute;top:0px;left:190px;

                 animation: fadePadding 0.2s ease-in;-webkit-animation: fadePadding 0.2s ease-in;-moz-animation: fadePadding 0.2s ease-in;-ms-animation: fadePadding 0.2s ease-in;-o-animation: fadePadding 0.2s ease-in;}

.total_nav .drop li{width:50%;line-height: 50px;float: left;font-size: 14px;}

.total_nav .drop li a{color:#666;padding-left: 30px;}

/*栏目导航*/

.nav .col_nav{margin-right: -32px;margin-left: 10px;}

.nav .col_nav li {float:left;height:46px;line-height: 46px;margin:0 38px;position:relative;}

.nav .col_nav li img{position:absolute;top:0;right:-28px;}

.nav .col_nav li a{font-size: 18px;display: block;}

.nav .col_nav .active a{color: #c4070a;}

/*导航动画*/

@keyframes fadePadding{

    from{opacity:0.6;filter:alpha(opacity:60);padding-left:0;}

    to{opacity:1;filter:alpha(opacity:100);padding-left:10px;}

}

@-webkit-keyframes fadePadding{

    from{opacity:0.6;filter:alpha(opacity:60);padding-left:0;}

    to{opacity:1;filter:alpha(opacity:100);padding-left:10px;}

}

@-moz-keyframes fadePadding{

    from{opacity:0.6;filter:alpha(opacity:60);padding-left:0;}

    to{opacity:1;filter:alpha(opacity:100);padding-left:10px;}

}

@-o-keyframes fadePadding{

    from{opacity:0.6;filter:alpha(opacity:60);padding-left:0;}

    to{opacity:1;filter:alpha(opacity:100);padding-left:10px;}

}

@-ms-keyframes fadePadding{

    from{opacity:0.6;filter:alpha(opacity:60);padding-left:0;}

    to{opacity:1;filter:alpha(opacity:100);padding-left:10px;}

}

/*footer*/



.banner{width:100%;height:460px;background-position: center top;background-repeat: no-repeat;}



/*悬浮窗*/

.xfc{position: fixed;top: 300px;right: 0;}

.xfc p{width: 230px;height: 70px;background: #c30606;line-height: 70px;overflow: hidden;transition: all 0.6s;border-bottom: 1px solid #9f0003;clear: both;position: absolute;top: 0;right: -160px;}

.xfc p:hover{right: 0;}

.xfc p img{padding-left: 14px;vertical-align:baseline;padding-top: 13px;float: left;}

.xfc p span{color: #FFFFFF;font-size: 20px;font-weight: bold;padding-left: 10px;display: block;float: left;}

.xfc ul li a{display: block;width: 70px;height: 70px;background: #c30606;line-height: 70px;border-bottom: 1px solid #9f0003;text-align: center;position: absolute;right:0;top:71px;box-sizing: border-box;}

.xfc ul .top{width: 70px;height: 70px;background: #c30606;line-height: 70px;border-bottom: 1px solid #9f0003;box-sizing: border-box;text-align: center;position: absolute;right:0 ;top: 141px;display: none;cursor: pointer;}