/*
作者：书辰SEO(https://www.shu2.cn/)
版本：超骏机械官网1.0
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,h1,h2,h3,h4,h5,h6,p,header,footer,main,nav,article,section{margin: 0;padding:0;}
html{background:#fff;}
body{font: 16px/32px -apple-system, "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Heiti, 黑体,BlinkMacSystemFont, "PingFang SC", Helvetica, Tahoma, Arial, "Hiragino Sans GB",  sans-serif;color: #333;}
h1,h2,h3,h4{text-decoration: none;font-weight: normal;font-size: 100%;}
fieldset, img, input, button{border: none;outline-style: none;}
ol,ul,li{list-style: none;margin: 0;padding:0;}
i, em{font-style: normal;text-decoration: none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;color:#2f318b;}
.fl {float: left;}.fr {float: right;}.al {text-align: left;}.ac {text-align: center;}.ar {text-align: right;}.hide {display: none;}
.sc2{clear: both;height: 0px;width: 100%;line-height: 0px;;}
/*head*/
.header{width:100%; display:block;margin: 0;padding: 0;}
.top{background: #f4f4f4;width:100%;}
.topr,.head,.nav{width:1200px;margin:0 auto;}
.topr{height: 40px;line-height: 40px;font-size: 12px;}
.topr i{float: left; background: url(../img/home.png) no-repeat;
width:18px;height: 18px;margin-top: 10px; margin-right:5px;}
.welcome{color: #666;}
.top-tel{line-height: 40px;color: #ff000f;}
.head{width: 1200px;height: 150px;margin: 0 auto;font-family: "Microsoft YaHei";position: relative;}
.logo{width:300px;height:150px;margin-right: 20px;}
.logo a{background:url(/shu_chaojun/img/logo.png) center no-repeat;width: 300px;height: 150px;overflow: hidden;text-indent: -99em;display: block;cursor: pointer;}
.slogan{width:350px;height:150px;padding: 25px 0;margin-right: 10px;}
.slogan h3{height:62px;line-height: 62px;font-size:30px;font-weight: bold;}
.slogan p{height: 32px;line-height: 32px;font-size: 18px;}
.tel{width:340px;height:150px;line-height: 150px;font-size: 16px;}
.tel i{float: left; display: block; background: url(../img/tel.png) left center no-repeat;width:120px;height: 150px;line-height:150px;: left;font-size: 18px;text-indent:35px;}
.tel span{float:right;width:220px;font-size: 30px;font-weight: 600;display: block;}
.wechat{width: 130px;height: 150px;text-align: center; }
.wechat img{width: 125px;height: 125px;display: block;float: right;}
.wechat span{width: 130px;height:18px;line-height: 18px; color:#666;font-size: 14px;display: block;}
/*nav*/
.nav{width:100%;height:60px; background-color:#2f318b ;}
.nav ul{width: 1200px;margin: auto;}
.nav ul li{float: left;position:relative;}
/*.nav ul li:hover{background-color: #e62129;}*/
.nav ul li a{height: 60px;line-height: 60px; padding: 0 30px;color: #fff;position:relative; z-index:1;}
.nav li:after{content: '';position: absolute;width: 100%; height: 0;background-color: #e62129;bottom: 0;left: 0;-webkit-transition: height .3s;transition: height .3s;}
.nav li:hover:after,.nav li.hover:after{height:100%;}
.nav li a:hover,.nav .hover a{font-weight:bold;}
.hover{background-color: #e62129; }
/*index-main*/
.main{width: 100%;}
.banner{height: 650px;margin: auto;text-align: center;}
.swiper-container{}
.banner .swiper-pagination-bullet{width: 21px;height: 21px;background-color: #2f318b;}
.swiper-pagination{bottom:30px !important}
.products{width: 100%;height:1600px;margin:50px 0 30px}
.products .pro-h{height:250px;}
.pro-h h3,.pro-h em{width: 1200px;margin: auto;display: block;text-align: center;}
.pro-h h3{height: 100px;line-height: 100px;font-size: 60px;font-weight: bold;}
.pro-h em{background: url(../img/h.png) center top no-repeat;height: 40px;font-size: 18px;line-height: 40px;padding-top: 10px;margin-bottom:30px;}
.pro-nav{background: url(../img/p_b.gif)repeat-x; width: 100%;height:80px;}
.pro-nav ul{width: 1200px;margin: auto;}
.pro-nav ul li{float: left;text-align: center;display: block;}
/*.pro-nav ul li:hover{ border-top:2px solid #2f318b;}*/
.pro-nav ul li a{display: block; height: 78px;line-height: 80px; font-size: 16px; padding: 0 20px;}
.pro-nav ul li a:hover{font-weight: bold;border-top: 2px solid #2f318b}
.pro-t{background: url(../img/pro_bg.jpg) no-repeat;width: 1200px;height:620px;margin: auto ;overflow: hidden;}
.pro-t img{width: 550px;height: 620px;float: left;overflow: hidden;padding-left: 120px;}
.pro-t-js{width: 400px;height: 400px;padding: 50px 0 0 60px;overflow: hidden;background: #fff;position: absolute;margin-top: 100px;left: 50%;margin-left: 100px;}
.pro-t-js h2{font: 30px "Microsoft YaHei";font-weight: bold;color: #333;line-height: 40px;position: relative;}
.pro-t-js h2:before {content: "";position: absolute;top: 10px;left: -60px;width: 9px;height: 66px;background: #2f318b;}
.pro-t-js p em{font-weight: bold;}
.pro-t-i {width: 100%;height:40px;margin-top:30px;overflow: hidden;}
.pro-t-i a{float: left; background: #e62129;width:130px; height: 40px;line-height: 40px; padding: 0 10px;display: block;font-size: 16px;text-align: center;color: #fff; margin-right:20px}
.pro-t-i a:last-child {background: #333;}
.pro-list{width: 1200px;height:355px;margin:30px auto;}
.pro-list ul{width: 1230px;display: block;}
.pro-list ul li{float: left; width: 280px;height: 332px;border-top: 5px solid #2f318b;margin-right:27px;position: relative; margin-bottom: 27px;}
.pro-list ul li img{width: 280px;height:280px;display: block;}
.pro-title{ display:block; width:100%; font:16px "Microsoft YaHei"; height:39px; line-height:39px; color:#fff; overflow:hidden; position:absolute; bottom:8px; text-align:center;background:#2f318b;}
.pro2 li b{ display:inline-block; width:24px; height:11px; background:url(../images/pro_arr2.png) no-repeat; margin-left:6px;}
.about{background: url(../img/bg2.gif);height: 720px; margin: 0  0 30px;}
.about-t{width:1200px;height:720px;margin: auto;padding: 50px 0; }
.ab-text{background: url(../img/abou_bg.png) no-repeat;width:1200px;height: 350px;margin: 50px 0;}
.ab-text img{display: block;float: left;width: 600px;height: 330px;}
.ab-t{width: 550px;height: 350px;float:right;}
.ab-t h3{height: 50px;font-size: 30px;font-weight: bold;margin-top: 10px;}
.ab-sl{height:39px;line-height: 39px;font-size:30px;font-weight: bold;}
.ab-yw{height:39px;line-height: 39px;}
.ab-r{width: 1200px;height:200px;}
.ab-r ul li{width:300px;float: left;height: 150px;text-align: center;}
.ab-r ul li img{display: inline-block;width: 106px;height: 90px;}
.ab-r ul li span{display: block;}
.qua{width: 1200px;height:750px;margin:30px auto;padding: 39px 0;display: block;}
.qua h3{width: 1200px; height:58px; line-height: 58px;margin: 20px 0 50px; font-size: 50px;font-weight: bold;display: block;text-align: center;}
.qua ul{width: 1220px;height: 542px;}
.qua ul li{float: left;margin-right:10px;margin-bottom: 10px;}
.zzh img{width: 188px;height:126px;padding: 1px;border: 1px solid #ccc;}
.qua ul li.zzs{margin-right:2px;padding: none;}
.zzs img{width: 130px;height:180px;padding: 1px;border: 1px solid #ccc;}
.adv{background: #28166f;width: 100%;}
.advs{width: 1200px;height: 608px;margin: auto;}
.advs .adv-h{height:180px;text-align: center;padding: 40px 0;}
.advs .adv-h h3{height: 60px;line-height:60px;font-size: 39px;font-weight: bold;color: #fff;}
.advs .adv-h p{height:40px ;line-height: 40px;width: 450px;background: url(../img/adv1.png) center no-repeat;font-size: 18px;color:#da251d;margin: 10px auto 0 auto;}
.advs .adv-f{height: 420px;background: url(../img/adv.png) center no-repeat;}
.adv-f-l-l,.adv-f-l-r,.adv-f-r-l,.adv-f-r-r{width: 372px;margin-bottom: 80px;color: #fff;}
.adv-f-l-l h4{background: url(../img/adv01.png);}
.adv-f-l-r h4{background: url(../img/adv03.png);}
.adv-f-r-l h4{background: url(../img/adv02.png);}
.adv-f-r-r h4{background: url(../img/adv04.png);}
.adv-f-r-l h4{background: url(../img/adv02.png);}
.adv-f-l-l h4,.adv-f-l-r h4{width: 372px;height: 62px;text-indent: 60px;font-size: 20px;font-weight: bold;}
.adv-f-r-l ,.adv-f-r-r {text-align: right;}
.adv-f-r-l h4,.adv-f-r-r h4{width: 372px;height: 62px;text-indent: 60px;font-size: 20px;font-weight: bold;padding-right: 60px;}
.client{width: 1200px;height:650px; margin:0 auto 60px ;}
.client h3{display: block;height: 70px;line-height: 70px; text-align: center;font-size: 39px;font-weight: bold;padding-top: 30px;margin-bottom: 39px;}
.client ul{height: 680px; padding: 39px 0;}
.client ul li{float: left;width: 299px;height: 300px;margin-right: 1px;margin-bottom: 1px; position: relative;}
.client ul li img{width: 299px;height: 300px;}
.client-t {display: block;width: 100%;font: 16px "Microsoft YaHei";height: 32px;line-height: 32px;color: #fff;overflow: hidden;position: absolute;bottom:0;left:0p;text-align: center;background: url(../img/cli.png) repeat;}
.arct{width: 100%; height: 400px;padding: 50px 0;background: #f4f4f4;}
.arc-l{width: 1200px;height:400px;margin:0 auto; }
.arc-ls{width: 580px;}
.arc-ls h3{width: 580px;height: 39px;line-height: 39px;font-size: 22px;color: #2f318b;}
.arc-ls li{width: 580px;height: 39px;line-height: 39px; background: url(../img/li.png) left no-repeat;text-indent: 25px;border-bottom: 1px solid #ddd;}
.links{width: 100%;height: 50px;background: #2f318b;}
.links ul{width: 1200px;margin:auto;height: 50px;color: #fff;}
.links ul li{float: left; height: 50px;line-height: 50px;}
.links ul li a{color:#fff;padding:0 10px;}

/*public*/
.banner2{width: 100%;height: 300px;}
.banner2 img{width: 100%;height: 300px;text-align: center;}
.breadcrumb{width: 100%;background: #f4f4f4;height: 70px;}
.breadcrumb span{width: 1200px;height: 70px;line-height: 70px;margin:0 auto;display: block;}
.footer{width: 100%;background: #2f318b;border-top: 1px solid #fff;}
.foot{width: 1200px;margin: auto;padding: 30px 0;text-align: center;color: #fff;font-size: 12px;}
.foot a{color: #fff;}
.by,.by a{font-size: 16px;}
/*list*/
.list{width: 1200px;margin:30px auto;display: block;overflow: hidden;}
.listl{width:930px;}
.listsh{width:930px;height: 58px;line-height: 58px;background: #f1f1f1 none repeat scroll 0 0;border: 1px dashed #ccc;display: block;}
.listsh h1{float: left; width:300px;font-size: 30px;color: #28166f;padding: 0 20px;display: inline;}
.listsh span{float: right; width:600px;display: block;overflow: hidden;white-space: nowrap;}
.lists {width:966px;display: block;}
.lists ul{width:966px;display: block;overflow: hidden;}
.lists ul li{float: left;width: 300px;margin-top: 20px;margin-right: 15px;}
.lists ul li img{width: 300px;height: 300px;display: ;}
.cont-span{width: 300px;height: 32px;line-height: 32px;text-align: center;}
.page-list{width:930px;height: 58px;margin: 20px auto;text-align: center;}
.page-list ul li{height: 58px;line-height: 58px;display: inline;}
.page-list ul li a,.thisy{ padding: 10px 20px;background:#eaeaea;margin-right: 20px;}
.thisclass{height: 58px;line-height: 58px;display: inline;padding: 10px 20px;
background: #2f318b;margin-right: 20px;color:#fff}

.listr{width:240px;}
.listr h3 {background:  #2f318b;height: 68px;line-height:68px;color: #fff;font-size: 24px; text-align: center;margin-bottom: 2px;}
.listr ul li{height: 50px;line-height: 50px;background:#ececeb url(../img/jt.png) no-repeat 220px center;margin-bottom: 2px;overflow: hidden;}
.listr ul li a{display: block;font-size: 18px;font-weight: normal;margin-right: 40px;margin-left: 38px;}
.listr .yjcp{background-color:#aeafc8 ;border-left: 3px solid #2f318b;}
/*article*/
.article{width: 1200px;margin:30px auto;display: block;overflow: hidden;}
.article-l{width: 930px;}
.article-l .info{height: 400px;margin-bottom: 20px;}
.article-l .info img{width: 390px;height: 390px;float: left;padding: 2px;border:1px #ccc solid}
.infos{float: right;width: 510px;height: 400px;}
.infos h1,.info h1{height: 59px;line-height:59px;font-size: 28px;font-weight: bold;color: #333;text-align: center;}
.info-p,.info-p2{font-size: 12px;color: #999;}
.info-p2{text-align: center;}
.info-jj{text-indent: 2rem;}
.info-tel{width: 510px;height: 39px;line-height: 39px;margin-top: 39px;font-size: 18px;color:#ff0000}
.article-l .text{display: block;overflow: hidden;}
.text-h{display: block;width: 930px;height: 39px;line-height:39px;border-bottom: 3px solid #2f318b;}
.text-h h2{background-color: #2f318b; color:#fff;font-size: 18px;padding: 0 20px 0 10px;font-weight:500;display: inline-block;float: left;border-top-right-radius:100px;}
.text-h img{width:100%;max-width:920px;height:auto;}
.text h3{background: #eee;width: 930px;height: 32px;line-height: 32px;padding: 0 10px;border-left: 3px solid #2f318b;margin: 10px auto;display: inline-block;}
.text img{width: 930px; text-align: center;display: block;margin:0 auto;}
.next{width: 930px;height:90px;background: #f9f9f9;margin: 20px auto;padding: 10px;}
.next .text-yc{height: 32px;line-height: 32px;font-size: 14px;color: #999;}
.next ul{height: 38px;}
.next ul li{float: left;width: 50%;height: 38px;line-height: 38px;font-size: 14px;color: #999;}
.next ul li a{font-size: 14px;color: #999;}
.info-dq {display: block;width: 930px;}
.info-dq p{width: 930px;display: block;}
.info-dq h2{background-color: #2f318b;color: #fff;font-size: 18px;padding: 0 20px 0 10px;font-weight: 500;display: inline-block;float: left;border-top-right-radius: 100px;}
.info-dq ul{width: 940px;display: block;overflow: hidden;}
.info-dq ul li{width: 220px;height: 260px;float: left;margin-right: 10px;}
.info-dq ul li img{width: 220px;height: 220px;}
.info-dq.art2 ul li{width: 460px;height:32px;margin-top: 10px;padding-left: 15px;}
.info-dq.art2 ul li:before {position: absolute;margin-top:15px;margin-left: -15px; content: '';width:5px;height:5px;background-color: #bbb;border-radius: 100%;}
.article-left{width: 930px;}
.conts{width: 930px;}
.conts p{text-indent:2rem;font-size: 16px;line-height: 32px;}
.conts img{max-width:600px;max-height:100%;width: 600px;height: auto;display: block;margin: 20px auto;}
.conts .wzcp {text-align: center;text-indent:0.1rem; }
.wzcp a{width:280px;}
.wzcp a img{width:280px;height: 280px;display:block;margin: 0 auto;}
.wzcp a:nth-child(2){width:280px;height: 32px;line-height: 32px;font-size: 16px;color: #fff;background-color: #2f318b;display:inline-block;}
.article-right.art2 {width:250px;}
.article-right.art2 h3{background-color: #2f318b;color: #fff;font-size: 18px;padding: 0 20px 0 10px;font-weight: 500;display: inline-block;float: left;border-top-right-radius: 100px;}
.article-right.art2 ul{width:250px;display: block;overflow: hidden;margin-bottom: 20px;}
.article-right.art2 ul li{width:250px;height: 32px;line-height: 32px;}
.abouts{width: 1200px;margin: auto;}
.abouts h1{height: 59px;line-height: 59px;font-size: 32px; display: block; text-align: center;color:#28166f;margin: 30px auto;}

.slideTxtBox{ width:1200px;margin:0 auto;overflow:hidden;}
.slideTxtBox .hd{ height:80px; line-height:80px; background:#f4f4f4; position:relative; }
.slideTxtBox .hd h1{display:inline-block;width:200px;float:left;font-size:28px;text-align:center;color:#2f318b;}
.slideTxtBox .hd ul{width:1000px; float:right; height:80px;display:block;}
.slideTxtBox .hd ul li{ float:left; cursor:pointer;padding:0 30px}
.slideTxtBox .hd ul li a{font-size:18px;}
.slideTxtBox .hd ul li.on{ height:80px;background:#2f318b;}
.slideTxtBox .hd ul li.on, .slideTxtBox .hd ul li.on a{color:#fff }
.slideTxtBox .bd ul{ padding:20px 0 ;  zoom:1; width:1250px;height:1000px;}
.slideTxtBox .bd li{ height:290px; height:320px;float:left;margin-right:20px;margin-bottom:20px;}
.slideTxtBox .bd li img{width:290px;height:290px;display:block;}
.slideTxtBox .bd li span{width:290px;height:38px;line-height:38px; display:block;text-align:center}
.slideTxtBox .bd li .date{ float:right; color:#999;  }