body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
/* structural elements 结构元素*/
dl, dt, dd, ul, ol, li,
/* list elements 列表元素*/
 pre,
/* text formatting elements 文本格式元素*/
fieldset, lengend, button, input, textarea,
/* form elements 表单元素*/
th, td {
  /* table elements 表格元素*/
  margin: 0;
  padding: 0;
}
input,textarea {
  border: 2 none;
  box-shadow: none;
  outline: none;
}
/* 设置默认字体*/
body,button, input, select, textarea {
  font-family:"Microsoft Yahei" ;
  color: #666;
}
h1 {
  font-size: 18px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
h4, h5, h6 {
  font-size: 100%;
}
* h1,* h2,* h3,* h4,* h5,* h6 {
  margin: 0px;
}
/* 重置列表元素*/
ul, ol ,li {
  list-style: none;
}
i {
  font-style: normal;
}
/* 重置文本格式元素*/
  
a {
  text-decoration: none;
  color: #666;
  word-wrap:break-word;
}
/*英文换行*/
a:hover {
  text-decoration: none;
  color:#910800;
}
/* 重置表单元素*/
legend {
  color: #000;
}
/* for ie6*/
fieldset, img {
  border: none;
}
/* img 搭车：让链接里的 img 无边框*/
button, input, select, textarea {
  font-size: 100%;
  /* 使表单元素在 ie 下能继承字体大小*/
  
}
/* 重置表格元素*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  overflow-y: scroll;
}
/*设置浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.pt {
  padding-top: 60px;
}
.pb {
  padding-bottom: 60px;
}
/*清除浮动*/
.clear {
  clear: both;
  height: 0;
}
.clearfix:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
/*banner*/
.banner {
	clear:both;
	position:relative;
	width:100%;
	height:600px;
	overflow:hidden;
  z-index: 9;
}
.banner .hd {
	position:absolute;
	left:0;
	bottom:30px;
	width:100%;
	height:2px;
	text-align:center;
	display: none;
}
.banner .hd li {
	display:inline-block;
	*display:line;
	*zoom:1;
	margin:0 10px;
	width:10px;
	height:10px;
	text-indent:-9999px;
	cursor:pointer;
	background:#1373BF;
	border-radius:50%;
}
.banner .hd li.cur {
	background:#1373BF;
}
.banner .bd,.banner .bd ul {
	height:600px;
}
.banner .bd li {
	position:relative;
	width:100%;
	height:600px;
}
.banner .bd li a {
	display:block;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
	width:1920px;
}
.banner .prev,.banner .next {
    display:block;
    position:absolute;
    z-index:999;
    top:50%;
    margin-top:-30px;
    width:58px;
    height:58px;
    line-height: 58px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #fff;
    cursor:pointer;
    opacity:0;
    transition: all 1s;
}
.banner .prev {
	left:8%;
}
.banner .next {
	right:8%;
}
.banner:hover .prev,.banner:hover .next {
	opacity:1;
}


/* -- 引子 -- */
h2 span{font-size:18px;color:#333333;display: block;line-height:18px;font-weight: normal;padding-top: 20px;text-align: center;}

.yzbg{ height: 331px;padding-top: 75px; box-sizing: border-box; position: relative; background:url(../image/yzbg.jpg);}
.yz{position: relative;width: 1200px;}
.yz h2{text-align: center;margin-bottom: 30px; font-size: 36px;color: #262626;font-weight: normal;}
.yz .yz-cnt{ font-size: 16px; color: #666666; line-height: 30px; text-align: center; height: 84px; }

.yz ul{}
.yz li{ width:374px;height: 195px;text-align: left; padding:18px 18px 0; box-sizing: border-box; float: left;margin-right: 39px;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.yz li h3{display: block;height: 52px; line-height: 52px; text-align: left; color: #262626; font-size: 31px;margin-bottom: 15px;border-bottom: 1px solid #d4d4d4;}
.yz li h3 i {margin-right: 10px;color: #D71830;font-weight: 400;font-size: 36px;}
.yz li p{font-size: 16px; color: #666666;line-height: 30px;}
.yz li:last-child{margin-right:0;}

.yz li:hover,.yz li.cur{ background: #fff; box-shadow: 0 0 20px #dfdfdf; }


/*标题*/
.index-title {
  height: 100px;
  width: 600px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.index-title p {
	color: #333;
  font-size: 18px;
  line-height: 42px;
	text-align: center;
}
.index-title h2 {
  text-align: center;
  font-size: 48px;
  color: #D40000;
  letter-spacing: 3px;
  position: relative;
}
.index-title h2 b {
  color: #1a1a1a;
  margin-left: 15px;
}
.index-title h2:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 4px;
  background: #1a1a1a; 
  left:520px;
  top:30px;
}
.index-title h2:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 4px;
  background:#1a1a1a; 
  right:520px;
  top:30px;
}

.tit{background: url(http://www.sdqckt.cn/template/sdqckt.cn/images/tt-s1.png) no-repeat center;}
.tit2{background: url(../image/tt-s2.png) no-repeat center;}
.cpt-1{height:883px;background: }



/* --product--*/
@-webkit-keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}

@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}


@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

.youshione{ overflow: hidden;background: url(../image/ys01.jpg) no-repeat center bottom; height:650px;background-size: 100%;}
.youshi_content {overflow: hidden;}
.youshi_content .title{text-align: center;height: 158px;padding-top: 70px;}
.youshi_content .title h2{font-size:48px;color: #1a1a1a;height: 90px;line-height: 50px;text-align: center;}
.youshi_content .title h2 span{padding-right:77px;background: url(../image/tit.png) no-repeat right bottom;}
.youshi_content .title h2 b {color: #D40000;font-size: 66px;font-weight: bold;}
.youshi_content .title p{font-size:21px;color: #333333;height: 32px;line-height: 32px;font-weight: 400;text-align: center;}
.youshione h3{ line-height: 100%; color: #4d4d4d; font-size: 34px; margin-left: -45px; text-align: left; padding-left: 45px; height: 199px;position: relative;top: 60px;margin-bottom: 20px;}
.youshione h3:after{ position: absolute; content: "01"; left:-30px; top: 60px;color: #DEE0E9;font-size: 126px;z-index: 1;}
.youshione h3:before{ position: absolute; content: ""; left:480px; top: 60px;z-index: 1;height: 4px;width: 130px;background: #bd2a2a;}
.youshione h3 span{ line-height: 100%;position: absolute; z-index: 9999;top: 50px;}
.youshione h3 i{ color: #000000; padding: 55px 0 10px 0;position: absolute; z-index: 9999;top: 40px;}
.youshione p{  width:479px; color: #808080; font-size: 16px; line-height: 28px;height: 272px;}
.youshione p span{ display: block; margin-bottom:28px;}
.youshione p i {font-size: 24px;margin-right: 10px;}
.youshione ul{ color: #fff; font-size: 14px; line-height: 100%;}
.youshione ul li{ float: left;background: #bd2a2a;height: 110px;text-align: center;width: 110px;padding-left: 120px;padding-top: 30px;padding-bottom: 30px;}
.youshione ul li em{ display: block; padding-bottom: 11px;}
.youshione ul li em span{font-weight: bold; font-size: 60px; letter-spacing: -3px; display: inline-block; line-height: 90%; padding-right: 5px;}
.youshione ul li em span strong{font-weight: normal; font-size: 48px; letter-spacing: -1px;display: inline-block; line-height: 90%;}
.youshione ul li i{ display: block; line-height: 100%;}
.youshione ul li:nth-child(1):after{ content: "/"; color: #fff;font-size: 96px;font-weight: lighter;position: absolute;left: 250px;margin-top: -50px;}
.youshione ul li:nth-of-type(2){ padding-left:80px;padding-right: 120px;}
.youshione img {width: 410px;height: 530px;position: absolute;right: 230px;top: 90px;}

/**/
.youshitow{ overflow: hidden;background: url(../image/ys02.jpg) no-repeat center bottom; height:656px;background-size: 100%;}
.youshitow h3{ line-height: 100%; color: #4d4d4d; font-size: 34px; padding-left: 55px; height: 199px;position: relative;width: 400px;float: right;margin-right: 100px;margin-top: 70px;}
.youshitow h3:after{ position: absolute; content: "02"; left:-30px; top: 60px;color: #DEE0E9;font-size: 126px;z-index: 1;}
.youshitow h3:before{ position: absolute; content: ""; left:-140px; top: 0px;z-index: 1;height: 4px;width: 130px;background: #bd2a2a;}
.youshitow h3 span{ line-height: 100%;position: absolute; z-index: 9999;top: 50px;}
.youshitow h3 i{ color: #000000; padding: 55px 0 10px 0;position: absolute; z-index: 9999;top: 40px;}
.youshitow p{  width:479px; color: #808080; font-size: 16px; line-height: 28px;height: 272px;position: absolute;right: 110px;top: 240px;}
.youshitow p span{ display: block; margin-bottom:28px;}
.youshitow p i {font-size: 24px;margin-right: 10px;}
.youshitow ul{ color: #fff; font-size: 14px; line-height: 100%;position: absolute;right: 120px;top: 510px;}
.youshitow ul li{ float: left;background: #bd2a2a;height: 110px;text-align: center;width: 110px;padding-left: 120px;padding-top: 30px;padding-bottom: 30px;}
.youshitow ul li em{ display: block; padding-bottom: 11px;}
.youshitow ul li em span{font-weight: bold; font-size: 60px; letter-spacing: -3px; display: inline-block; line-height: 90%; padding-right: 5px;}
.youshitow ul li em span strong{font-weight: normal; font-size: 48px; letter-spacing: -1px;display: inline-block; line-height: 90%;}
.youshitow ul li i{ display: block; line-height: 100%;}
.youshitow ul li:nth-child(1):after{ content: "/"; color: #fff;font-size: 96px;font-weight: lighter;position: absolute;left: 250px;margin-top: -50px;}
.youshitow ul li:nth-of-type(2){ padding-left:80px;padding-right: 120px;}
.youshitow img {width: 410px;height: 530px;position: absolute;right: 230px;margin-top: -400px;}

.fc-c{height:600px;overflow: hidden;}
.fc-qh{height: 50px;line-height: 50px;margin-bottom: 20px;width: 560px;margin: 0 auto;}
.fc-qh li{float:left;width: 214px;height: 50px;text-align: center;padding-right: 50px;}
.fc-qh li a{font-size:24px; color: #d40000;background: url(../image/fc-qhbg.png) no-repeat;display: block;}
.fc-qh li a:hover {font-weight: bold;background: url(../image/fc-qhbgh.png) no-repeat!important;}
.fc-qh li.on{font-weight: bold;background: url(../image/fc-qhbgh.png) no-repeat!important;}
.fc-qh .on a{background: url(../image/fc-qhbgh.png) no-repeat!important;color: #fff}
/*.fc-qh li:last-child{background:none;}*/
.fc-qh .n-span em a{font:14px arial;color: #adadad;text-transform: uppercase;line-height: 63px;}
.fc-nr{position: relative;top: 40px;}
.fc-nr li{float:left;font-size:0;line-height: 0;width: 292px;margin-right: 10px;}
.fc-nr li h4{padding-top: 15px;}
.fc-nr li h4 a{display: block;font-size: 16px;color: #666666;line-height:25px;font-weight: normal;text-align: center;}

.fc-nr li i{width:292px;overflow: hidden;display: block;}
.fc-nr li img{width:292px;transition: all 0.5s}
.fc-nr li:last-child{margin:0;}
.fc-nr li:hover i img{transform:scale(1.1);}
.fc-j1,.fc-j2 {position: absolute;top:40%;}
.fc-j1 i ,.fc-j2 i {width: 77px;height: 77px;line-height: 77px;text-align:center;font-size: 56px;}
.fc-j1 {left:-106px;color: #d40000;}
.fc-j2 {right:-106px;color: #d40000;}

/**/



/*图标抖动*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


.about{background:url(../image/ab_bg.jpg) no-repeat center 0;height: 615px;overflow: hidden;padding: 120px 0 0;}
.about .cp_t{background:url(../image/ab_line.png) no-repeat center 25px;color: #fff;}
.about .cp_t a{color: #fff;}
.ab_desc{padding: 45px 0 0;width: 960px;margin: 0 auto;}
.ab_desc div{font-size: 14px;color: #fff;line-height: 24px;height: 96px;overflow: hidden;text-align: center;}
.ab_desc span{width: 110px;height: 32px;display: block;margin: 0 auto;padding: 20px 0 0;}
.ab_desc span img{width: 110px;height: 32px;}
.ab_desc span a{display: block;width: 110px;height: 32px;}
.ab_desc span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.red_font{
    color: #D40000;
}
.infocontenttitle{
    font-size: 25px;
        color: #000;
}
.zhuying{
    height: 50px;
    line-height: 50px;
    background: #d40000;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
}
.fiexd_right{
    position: fixed;
    right: 0;
    bottom: 15%;
    z-index: 99999999999;
    width: 185px;
}
.left-lianxi i{
    font-size: 29px;
    display: inline-block;
    margin-top: 10px;
    margin-right: 9px;
}
.left-lianxi {
    background: #D40000;
    text-align: center;
    color: #fff;
}

.left-lianxi-img img {
    width: 100%;
    display: block;
}

.left-lianxi p {
    padding-top: 15px;
}

.left-lianxi p img {
    vertical-align: middle;
    margin-right: 5px;
}

.left-lianxi span {
    display: block;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 20px;
    padding-top: 10px;
}