@charset "utf-8";
html, body {padding: 0;margin: 0;background: #fff;}
* {margin: 0;padding: 0;font-family: Arial, Helvetica, Verdana, 'Microsoft YaHei';border: 0;outline: medium;text-shadow: none;text-decoration: none;}
body {color: #444;font-size: 16px !important;line-height: 1.5;position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input {vertical-align: middle;}
textarea {resize: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 15px;}
hr {border-width: 1px;border-style: inset;}
ul {list-style: none;}
p {margin: 0;margin-bottom: 0px !important;}
.left{float: left;}
.right{float: right;}
a, a:link, a:active, a:visited, a:hover {text-decoration: none !important;}
a{text-decoration: none !important;color: #444 !important;}
img, {display: block;}
i, em {font-style: normal;}
html{height: 100%;}
html, body {width: 100%;min-height: 100%;}
@media screen and (min-width:640px)  and (max-width:1200px){}
@media screen and (min-width:1200px){
.container{width: 1200px !important;margin:0 auto;}
}
@media screen and (max-width:640px){
body {font-size: 14px !important;}
.in_01{padding: 4% 0 !important}
.in_02{padding: 4% 0 !important}
.in_03{padding: 4% 0 !important}
.in_04{padding: 4% 0 !important}
.in_05{padding: 4% 0 !important;}
.in_06{padding: 4% 0 !important}
.in_07{padding: 4% 0 !important}
.in_08{padding: 4% 0 !important}
.in_09{padding: 4% 0 !important}
.in_10{padding: 4% 0 !important}
.intitb span{font-size: 22px !important;line-height: 35px !important}
.intitb p{font-size: 16px !important;line-height: 25px !important}
.in01a .slideTxtBox .hd ul li a{font-size: 16px !important;}
.in02a{padding: 2% 0;}
.in02ab span{font-size: 16px !important;line-height: 30px !important}
.in02ab p{font-size: 22px !important}
.in02ab a{width: 100% !important;line-height: 30px !important}
.fontc p{font-size: 14px !important;line-height: 30px !important}
.intitc span{font-size: 22px !important;line-height: 35px !important}
.intitc p{font-size: 16px !important;line-height: 25px !important}
.intitc b::before{left: 15% !important;}
.intitc b::after{right: 15% !important;}
.intitd strong{font-size: 22px !important;line-height: 45px !important}
.intitd p{width: 100% !important;}
.in06a .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.in06a .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.infontaa strong{font-size: 16px !important;line-height: 35px !important}
.infonta i{width: 16% !important;font-size: 32px !important;height: 60px !important}
.infontaa{width: 78% !important;}
.in08aa span{font-size: 16px !important;line-height:30px !important;}
.in08aa p{line-height: 25px !important;}
.in08b .left{width: 100% !important;margin-bottom: 2%;}
.in08b .right{width: 100% !important;}
.intite a{margin-top: 4% !important;}
.in08c li{margin-bottom: 4% !important;}
.in08c li span{line-height: 40px !important;}
.inimgb{width: 100% !important;}
.infontb{width: 100% !important;}
.infontb p{line-height: 30px !important;}
.in_09 .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.in_09 .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.intith span{font-size: 18px !important;line-height:45px !important; }
.de-message{width: 90% !important;}
.footer{padding-bottom: 14% !important;padding-top: 4% !important;}
.footer .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.footer .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.conban{padding-top: 6% !important;height:160px !important;}
.banfonta span{font-size: 22px !important;line-height:45px !important; }
.companyac strong{font-size: 16px !important;}
.companyac p{line-height: 30px !important;}
.companya_wh li p{font-size: 16px !important;}
.companya_wh li span{font-size: 22px !important;line-height:30px !important;}
.hzhblist .col-sm-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.hzhblist .col-xs-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.dhlca{padding-left: 0px !important;background: none !important;}
.dhlca p{font-size: 14px !important;line-height:30px !important;}
.intitb b::before{left: 15% !important;}
.intitb b::after{right: 15% !important;}
.prolist li span{font-size: 14px !important;}
.proa .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.proa .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.proaa_a span{font-size: 14px !important;}
.proaa_b p{font-size: 14px !important;line-height:30px !important;}
.proaa_c{font-size: 22px !important;}
.proaa_c a{font-size: 16px !important;}
.proba{line-height:30px !important;}
.probf li .left{width: 100% !important;}
.probf li .left p{font-size: 14px !important;line-height:30px !important;}
.fonta p{font-size: 14px !important;line-height:30px !important;}
.ninfotit span{font-size: 22px !important;}
.newsab .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.newsab .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.newsab li p{line-height:30px !important;}
.conb li{margin-bottom: 2%;}
.conb .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.conb .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.contita span{font-size: 20px !important;}




























}
/* 无内容 */
#dituContent label {max-width: unset!important;text-align: center;}
/*index_banner*/
.banner {position: relative;height: auto !important;}
.banner .swiper-wrapper{height: auto !important;}
.banner #bannerSwiper {height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
.banner .swiper-slide a{display:block;width:100%;height: auto !important;}
.banner .swiper-slide a img{ width: 100%; height: auto;}
.banner .pagination {position: absolute;font-size:0;left: 0;height: 50px;text-align: center;bottom: 13px;width: 100%;z-index: 9999;}
.banner .pagination .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;border:2px solid #fff;opacity: 0.6;margin: 0 5px;cursor: pointer;}
.banner .pagination .swiper-active-switch {background: #fff;opacity: 1;}
/*头部*/
.topa{line-height: 45px;background: #333333; height: 45px;font-size: 15px; color: #adadad;overflow: hidden;}
.topa a{color: #adadad !important;transition:.4s;}
.topa a:hover{color: #fff !important;}
.topa b{font-size: 18px;color: #fff;}
.topa .right{width: 600px;}
.topaa{float: right;width: 170px;border-left: 1px dashed #4d4d4d;margin-left: 4%;padding-left: 4%;}
.topaa a{display: block;float: left;width: 70px;background: url(../images/china.png)/*tpa=http://www.chaojc.com/static/index/zm001/images/china.png*/ left center no-repeat;padding-left: 26px;color: #fff !important;}
.topaa a:nth-of-type(2){background: url(../images/eng.png)/*tpa=http://www.chaojc.com/static/index/zm001/images/eng.png*/ left center no-repeat;}
.top{height: 140px;position: relative;z-index: 2;}
.top ul{margin-bottom: 0px !important;}
.top .left {width: 340px;padding-top: 3%;}
.top .left img{display: block; max-width: 100%;}
.top .right {width: 820px;}
.top .right li{position: relative; float: left;width: 102px;padding: 4% 0 3% 0; text-align: center;transition:.4s;}
.top .right li a{display: block;}
.top .right li:hover{background: #0f61cd;color: #fff;}
.top .right li:hover span{color: #fff;}
.top .right li:hover p{color: #fff;}
.top .right li:hover i{color: #fff;}
.top .right li.active{background: #0f61cd;color: #fff;}
.top .right li.active span{color: #fff;}
.top .right li.active p{color: #fff;}
.top .right li.active i{color: #fff;}
.top .right li span{display: block;line-height: 40px;}
.top .right li .menup{font-size: 13px;color: #a9a9a9;font-family: cursive;}
.top .right li i{font-size: 15px;color: #fff; }
.top .right li .submenu{ width:0; height: 0; background: rgba(255,255,255,0.8); opacity: 0; position: absolute; top:138px;z-index: 10000; border:solid 1px #eee;}
.top .right li .submenul{width: 120px;height: 320px;padding-top:20px;position: absolute;top:0;}
.top .right li .submenul a{display: block;height: 40px;line-height: 40px; text-align: center;color: #444;font-size: 14px;transition:.4s;}
.top .right li .submenul a:hover{background: #0f61cd;color: #fff !important;}
.top .right li .submenur{width:520px; float: left; position: absolute; top:30px;}
.top .right li .submenur .suba{float: left; width: 300px;height: 320px;margin:0 auto;padding-right: 25px;border-right: 1px solid #eee;}
.top .right li .submenur .suba strong{display: block;font-size: 16px;line-height: 40px;color: #444;}
.top .right li .submenur .suba img{display: block;margin-bottom: 10px;max-width: 100%;}
.top .right li .submenur .suba p{line-height: 28px;color: #444;font-size: 14px;}
.subc{float: right;width: 305px;height: 320px;margin:0 auto;padding-left: 25px;border-left: 1px solid #eee;}
.subc strong{display: block;font-size: 16px;line-height: 40px;color: #444;}
.subc img{display: block;margin-bottom: 10px;}
.subc p{line-height: 28px;color: #444 !important;font-size: 14px;}
.subd{float: left;width: 160px;}
.subd strong{display: block;font-size: 16px;line-height: 40px;color: #444;}
.subd p{line-height: 28px;color: #444 !important;font-size: 14px;}
.subb{float: right;width: 160px;}
.subb strong{display: block;font-size: 16px;line-height: 40px;color: #444;}
.subb img{display: block;max-width: 100%;}
.subb p{line-height: 28px;color: #444 !important;font-size: 14px;}

.mobmenu{line-height: 45px;height: auto;overflow: hidden; border: 1px solid #eee;}
.mobmenu .container{padding-left: 0px !important;padding-right: 0px !important;}
.mobmenu li {text-align: center;transition:.4s;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.mobmenu li:hover {background: #0f61cd;}
.mobmenu li:hover a{color: #fff !important;}
.mobmenu li a{display: block;}
.mobmenu .col-sm-3{padding-left: 0px !important;padding-right: 0px !important;}
.mobmenu .col-xs-3{padding-left: 0px !important;padding-right: 0px !important;} 

.swiper-pagination-bullet{width: 15px !important;height: 15px !important}
/*手机站大图样式*/
.mtop{background:#333333;line-height: 35px;height: 35px;color: #adadad;overflow: hidden;text-align: center;font-size: 12px;}
.mobtop{height: auto;overflow: hidden;padding: 3% 0;position: relative;}
.mobtop .left{width: 60%;padding-left: 2%;}
.mobtop .left p{margin-bottom: 0px !important;font-size: 12px;color: #777;}
.mobtop .left img{float: left; display: block;max-width: 90%;margin-right: 2%;}
.mobtop .left span{font-size: 16px; line-height: 25px;}
.flex-control-nav{background: #ddd;float: left;width: 3%;}
.code{-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em;color:#000;font-family:'Fira mono', 'Courier New', Courier, monospace;font-size:85%;letter-spacing:.05em;padding:1em;}
.aligncontent-center {text-align: center;}
.main-header {text-align: center;font-weight:300;font-size: 90%;}
.menu-button {position: absolute;margin: 5px;height: 36px;width: 36px;right: 10px;top: 10%;}
.menu-left {float: left;}
.sidebar{display: none;width: 100%;height: 100%;margin: 0;position: fixed;top: 0;z-index: 9999;}
.menu-button i{font-size: 30px;color:#0a7ee0}
.sidebar > .bg-cover{display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.sidebar.open nav{
 /* margin-left: 0;
  -webkit-transition: all 3s ease-in 1s;
  -o-transition: all 3s ease-in 1s;
  transition: all 3s ease-in 1s;*/}
.sidebar nav{float: left;width: 140px;height: 100%;margin-left: -140px;color: white;background:rgba(1,74,153,0.8);}
.sidebar h6 {margin: 1.2em;padding: 0 2%;color: #fff;font-weight: bold;font-size: 16px;}
.sidebar ul{padding:0 5px }
.sidebar li a{display: block;text-align: center;line-height: 40px;color: #fff !important;border-bottom: 1px solid rgba(255,255,255,.5);transition:.4s;}
.sidebar li a:hover{background: #444;}
.sidebar hr {margin: 1em auto;border: 0;padding: 0;width: 80%;height: 1px;}
.topb{height: 70px;overflow: hidden; box-shadow: 0px 2px 2px #ddd;}
.topba{line-height: 70px;}
.topba a{padding-right: 2%;transition:.4s;color: #999 !important;}
.topba a:hover{color: #0f61cd !important;}
.search{padding-top: 15px;}
.search .words{line-height: 35px;width:200px;padding-left:4px;border: 1px solid #cccccc;background: none;font-size: 14px;color: #999; }
.search .btn{background: #0f61cd;line-height:25px;color: #fff;border: none;border-radius: 0px;transition:.4s;margin-left: -4px; }
.search .btn:hover{background: #444;color: #fff; }

/*首页侧栏*/
.pub_sidea{height: auto;overflow: hidden;}
.pub_stit {height: auto;overflow: hidden;background: #0f61cd;color: #fff;padding:10% 8% !important;}
.pub_stit i{display: block;float: left;font-size: 36px;}
.pub_stit .sr{float: right;}
.pub_stit .sr strong{display: block;font-size: 20px;line-height: 40px;}
.pub_stit .sr p{color: #b8c2e8;line-height:20px;letter-spacing: 2px;}
.pub_sidea ul{height: auto;overflow: hidden;background: #fff;padding: 6%;}
.pub_sidea ul li{line-height: 45px;border-bottom: 1px solid #dcdcdc;padding-left: 2%;transition:.4s;}
.pub_sidea ul li a{display: block;}
.pub_sidea ul li:hover{background: #0f61cd;}
.pub_sidea ul li:hover a{color: #fff !important;}
/*index_cp*/
.in_01{height: auto;overflow: hidden;background: #f5f5f5;padding: 2% 0;}
.in01a .slideTxtBox{ width:100%;}
.in01a .slideTxtBox .hd{line-height: 35px;height: auto;overflow: hidden; margin: 3% 0 2% 0; }
.in01a .slideTxtBox .hd .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a .slideTxtBox .hd .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a .slideTxtBox .hd .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a .slideTxtBox .hd .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a .slideTxtBox .hd ul li{text-align: center;height:50px;line-height: 50px;background: #fff;border-radius: 60px;border: 1px solid #ddd; margin-bottom: 4%;}
.in01a .slideTxtBox .hd ul li a{display: block;font-size: 22px; }
.in01a .slideTxtBox .hd ul li b{color: #b5b5b5;font-size: 26px;}
.in01a .slideTxtBox .hd ul li.on{background:#0f61cd; }
.in01a .slideTxtBox .hd ul li.on a{color: #fff !important; }
.in01a .slideTxtBox .hd ul li.on b{color: #fff !important; }
.in01a .slideTxtBox .bd { height: auto;overflow: hidden;margin-top: 2%;}
.in01a .slideTxtBox .bd .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a .slideTxtBox .bd .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a .slideTxtBox .bd .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a .slideTxtBox .bd .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in01a .slideTxtBox .bd  li{position: relative;margin-bottom: 4%;height: auto;overflow: hidden;}
.in01a .slideTxtBox .bd  li img{max-width: 100%;transition:all 0.6s ease 0s;}
.in01a .slideTxtBox .bd  li:hover .infont{bottom: 0px;height: 110px;line-height: 40px;padding: 15px 0;}
.in01a .slideTxtBox .bd  li:hover img{transform:scale(1.05,1.05);}
.infont {display: block;position: absolute;height: 45px; line-height: 45px;background:rgba(225,224,227,0.8);text-align: center; width: 100%;bottom:0px;transition:.4s;}
.infont span{display: block;}
.infont p{width: 175px;margin:2% auto;}
.infont p a{float: left; display: block;width: 80px;line-height: 32px;background: #f9a931;color: #fff !important;margin:0 2%;transition:.4s;font-size: 15px;}
.infont p a:nth-of-type(2){background: #0f61cd;}
.infont a:hover{background: #0f61cd;}
.infont a:nth-of-type(2):hover{background: #f9a931;}
.inimg{height: auto;overflow: hidden;border: 1px solid #ddd;background: #fff;}
/*index_02*/
.in_02{height: auto;overflow: hidden;padding: 2% 0;}
.intitb{height: auto;overflow: hidden;text-align: center;}
.intitb span{display: block;font-size: 32px;line-height: 50px;}
.intitb span em{color: #0f61cd}
.intitb strong{display: block;font-size: 15px;font-weight: normal;color: #777;}
.intitb p{font-size: 22px;line-height: 40px;color: #666;letter-spacing: 4px;}
.intitb b{display: block; color: #999;position: relative;font-weight: normal;}
.intitb b i{font-size: 22px;color: #dbdbdb;}
.intitb b::before{content: '';position: absolute;top:45%;left:18%; width: 30%; background: #d8d8d8; height: 1px;}
.intitb b::after{content: '';position: absolute;top:45%;right:18%; width: 30%; background: #d8d8d8; height: 1px;}
.in_02 img{display: block;margin:4% auto;max-width: 100%;}
.in02a{height: auto;overflow: hidden;background: url(../images/in02a.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/in02a.jpg*/ center top no-repeat;} 
.in02a img{display: block; margin-top: 4%;max-width: 100%;}
.in02aa{color: #fff;}
.in02aa strong{display: block;font-size: 24px;line-height: 60px;border-bottom: 1px solid #fff;color: #fff;margin-bottom: 2%;}
.in02aa p{line-height: 35px;letter-spacing: 1px;}
.in02aa p i{font-size: 18px}
.in02ab{border: 5px solid #fff;text-align: center;margin-top: 2%;color: #fff;}
.in02ab span{display: block;font-size:18px;line-height: 40px;}
.in02ab p{font-size: 30px;font-weight: bold;line-height: 40px;}
.in02ab a{display: block;width: 180px;line-height: 40px;background: #ffffff;text-align: center;margin: 4% auto;border-radius: 4px;transition:.4s;}
.in02ab a:hover{background: #f9a931;color: #fff !important;}
/*index_03*/
.in_03{height: auto;overflow: hidden;padding: 2% 0;}
.in_03 ul{height: auto;overflow: hidden;margin-top: 2%;}
.in_03 .col-lg-2:nth-of-type(6) li::after{background: none}
.in_03 .col-lg-2:nth-of-type(12) li::after{background: none}
.in_03 li{position: relative;margin-bottom: 20%;}
.in_03 li img{display: block;max-width: 100%;}
.in_03 li::after{content: '';position: absolute;top:35%;right:-15%; width: 28px;height: 47px; background: url(../images/in03a.png)/*tpa=http://www.chaojc.com/static/index/zm001/images/in03a.png*/ right center no-repeat;z-index: 88;}
.in_03 li i{display: block;width: 158px;height: 158px;position: absolute;z-index: 88; background: url(../images/inimgc.png)/*tpa=http://www.chaojc.com/static/index/zm001/images/inimgc.png*/ center top no-repeat;}
.in_03 li span{display: block;line-height: 25px;text-align: center;position: absolute;z-index: 89;bottom: 12px;left:35%;color: #fff;}
/*index_04*/
.in_04{height: auto;overflow: hidden;padding: 2% 0;background: #f5f5f5;}
.in_04 .swiper-container {width: 100%;height: 100%;margin-top: 4%;padding-bottom: 5%;}
.in_04 .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-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;}
.in_04 .swiper-slide {padding-bottom: 2%;}
.in_04 .swiper-slide:hover .inimga i{background: rgba(0,0,0,0.2);}
.in_04 .swiper-slide:hover b{color: #0e6eb8}
.in_04 .swiper-slide:hover strong{color: #0e6eb8}
.in_04 .swiper-pagination-bullet{width: 70px;height: 5px !important;border-radius: 0px !important }
.inimga{position: relative; height: auto;overflow: hidden;}
.inimga img{width: 100%;}
.inimga i{position: absolute;z-index: 8;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:all 0.6s ease 0s;}
.fontc{ height: auto;overflow: hidden;padding:4%;background: #fff;}
.fontc strong{display: block; line-height: 40px;height: 40px;overflow: hidden; letter-spacing: 1px;}
.fontc p{line-height: 35px;color: #777;border-bottom: 1px solid #dcdcdc;padding-bottom: 4%;margin-bottom: 4%;font-size: 15px;}
.fontc b{line-height: 40px;height: 40px;overflow: hidden;color: #777;transition:.4s}  
.fontc b i{float: right;}
/*index_05*/
.in_05{height: auto;overflow: hidden;padding: 2% 0;background: url(../images/in05bg.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/in05bg.jpg*/ center top no-repeat;}
.intitc{height: auto;overflow: hidden;text-align: center;}
.intitc span{display: block;font-size: 36px;line-height: 50px;color: #fff}
.intitc p{font-size: 22px;line-height: 40px;color: #fff;letter-spacing: 4px;}
.intitc b{display: block; color: #fff;position: relative;font-weight: normal;}
.intitc b i{font-size: 22px;color: #fff;}
.intitc b::before{content: '';position: absolute;top:45%;left:18%; width: 30%; background: #fff; height: 1px;}
.intitc b::after{content: '';position: absolute;top:45%;right:18%; width: 30%; background: #fff; height: 1px;}
.in05a{height: auto;overflow: hidden;margin-top: 4%;}
.in05a li{height: auto;overflow: hidden;border-radius: 5px;margin-bottom: 6%;}
.in05a .col-lg-2{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in05a .col-md-2{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in05a .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in05a .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in05a li{position: relative;}
.in05a li img{display: block;max-width: 100%;}
.in05a li i{position: absolute;z-index: 1; display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);transition:all 0.6s ease 0s;}
.in05a li:hover i{background: rgba(0,0,0,0.2)}
/*index_06*/
.in_06{height: auto;overflow: hidden;padding: 2% 0;}
.intitd{height: auto;overflow: hidden;text-align: center;}
.intitd strong{display: block;font-size: 42px;line-height: 70px;}
.intitd strong em{color: #0f61cd;}
.intitd p{position: relative;line-height: 40px;color: #fff;background: #0f61cd;width: 470px;margin:0 auto;}
.intitd p::before{content: '';position: absolute;top:45%;left:100%; width: 100%; background: #d9d9d9; height: 1px;}
.intitd p::after{content: '';position: absolute;top:45%;right:100%; width: 100%; background: #d9d9d9; height: 1px;}

.in06a {height: auto;overflow: hidden;}
.in06a li{position:relative;height: auto;overflow: hidden;padding: 4% 0;margin:36px 50px;box-shadow: 0px 2px 8px #ddd; }
.in06aa p{line-height:40px;color: #666;}
.in06aa p i{font-size: 18px;}
.in06ab img{display: block; width: 100%;}
.infonta{height: auto;overflow: hidden;}
.infonta i{float: left;display: block; width: 10%;height: 70px;background: #0f61cd; text-align: center; margin-right: 15px;font-family: impact; font-size:40px;color: #fff;}
.infonta em{display: block;width: 30px;border-top: 2px solid #fff;margin:0 auto;}
.infontaa{float: right;width:86% }
.infontaa strong{display: block; font-size: 28px;color: #0f61cd;line-height: 50px;border-bottom: 1px dashed #999999;}
.infontaa span{display: block;font-size: 12px; color: #777;line-height: 40px;height: 40px;overflow: hidden;}
/*index_07*/
.in_07{height: auto;overflow: hidden;background: url(../images/in07.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/in07.jpg*/ center top no-repeat;} 
.in_07 img{display: block;max-width: 100%; margin-top: 10%;}
.in07a{color: #fff;padding: 2% 0;text-align: center;}
.in07a strong{display: block;font-size: 22px;line-height: 60px;border-bottom: 1px solid #fff;color: #fff;margin-bottom: 2%;}
.in07a span{display: block; line-height: 40px;font-size: 18px;}
.in07a p{font-size: 12px;color: #679fe8;line-height: 20px;}
/*index_08*/
.in_08{height: auto;overflow: hidden;padding: 2% 0;}
.in08a{position: relative; height: auto;overflow: hidden;padding: 0 4% 1% 4%;}
.in08a i{display: block; position: absolute;z-index: 1;border: 2px solid #0f61cd;border-bottom: none; width: 250px;height: 165px;overflow: hidden;}
.in08aa{height: auto;overflow: hidden;margin: 2% 0 0 6%;background: #fff;z-index: 8;position: relative;}
.in08aa span{display: block;font-size: 24px;line-height: 50px;}
.in08aa p{color: #777;line-height: 35px;}
.in08aa p a{color: #0f61cd !important;}
.in08b{height: auto;overflow: hidden;}
.in08b .left{width: 54.5%;}
.in08b .right{width: 44.5%;}
.in08b img{display: block;max-width: 100%;}
.in08c{height: auto;overflow: hidden;padding: 2% 0;}
.in08c ul{height: auto;overflow: hidden;margin-top: 2%;}
.in08c .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in08c .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in08c .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in08c .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.in08c li{height: auto;overflow: hidden;text-align: center;}
.in08c li img{display: block;width: 100%;}
.in08c li:hover span{background: #0f61cd;color: #fff;}
.in08c li span{display: block;line-height: 50px;transition:.4s;background: #f7f7f7;}
.intite{height: auto;overflow: hidden;}
.intite span{float: left;color: #777;line-height: 60px;font-family: cursive;}
.intite span i{color: #0f61cd;font-size: 18px;}
.intite span b{font-size: 22px;color: #444;}
.intite a{float: right;line-height: 25px;border: 1px solid #ccc;color: #777 !important;width: 80px;text-align: center;margin-top:2%;transition:.4s;}
.intite a:hover{background: #0f61cd;color: #fff !important}
/*index_09*/
.in_09{height: auto;overflow: hidden;padding: 2% 0;background: #f2f2f2;}
.in09a{background: #fff;padding: 2%;height: auto;overflow: hidden;}
.intitf {height: auto;overflow: hidden;}
.intitf span{float: left;color: #777;line-height: 60px;}
.intitf span i{color: #0f61cd;font-size: 18px;}
.intitf span b{font-size: 18px;color: #444;}
.intitf a{float: right;line-height: 25px;border: 1px solid #ccc;color: #777 !important;width: 80px;text-align: center;margin-top:2%;transition:.4s;}
.intitf a:hover{background: #0f61cd;color: #fff !important}
.in09aa{height: auto;overflow: hidden;margin:2% 0;}
.in09aa:hover b{background: #f9a931;}
.inimgb {float: left; width: 30%;}
.inimgb img{display: block;width: 100%;}
.infontb {float: right; width: 68%;}
.infontb span{display: block;font-size: 18px;line-height: 40px;}
.infontb p{color: #777;line-height: 35px;margin:2% 0 !important;}
.infontb b{display: block; width: 120px;background: #0f61cd;line-height: 35px;border-radius: 5px; text-align: center;color: #fff;font-weight: normal;transition:.4s;}
.in09ab li{float: left;width: 49%;margin-right: 2%; line-height: 50px;height: 50px;overflow: hidden; border-bottom: 1px dashed #b0b0b0;transition:.4s;}
.in09ab li a{display: block;}
.in09ab li:hover{background: #0f61cd;}
.in09ab li:hover a{color: #fff !important;}
.in09ab li:nth-of-type(2n+0){margin-right:0px;}
.in09b{height: auto;overflow: hidden;background: #fff;padding: 4%;}
.in09b ul{height: auto;overflow: hidden;margin-bottom: 0px !important;}
.in09b li{height: auto;overflow: hidden;border-bottom: 1px dashed #b0b0b0;padding-bottom: 2%;margin-top: 2%;}
.in09b li:hover span{color: #0f61cd}
.in09b li span{display: block;line-height: 40px;transition:.4s;}
.in09b li p{color: #777;line-height: 30px;font-size: 15px;}
.intitg {height: auto;overflow: hidden;}
.intitg span{float: left;color: #777;line-height: 60px;}
.intitg span i{color: #0f61cd;font-size: 18px;}
.intitg span b{font-size: 18px;color: #444;}
.intitg a{float: right;line-height: 25px;border: 1px solid #ccc;color: #777 !important;width: 80px;text-align: center;margin-top:4%;transition:.4s;}
.intitg a:hover{background: #0f61cd;color: #fff !important}

/*index_10*/
.in_10{height: auto;overflow: hidden;background: url(../images/in10bg.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/in10bg.jpg*/ center top no-repeat;padding: 2% 0;}
.in10a{height: auto;overflow: hidden;background: url(../images/inimgd.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/inimgd.jpg*/ center top no-repeat;padding: 4%}
.intith {height: auto;overflow: hidden;text-align: center;}
.intith span{display: block;font-size: 28px;line-height: 60px;}
.intith span i{color: #0f61cd;}
.intith p{color: #777;font-size: 16px;}
.de-message{width: 60%;margin:0 auto;}

.in_11{height: 45px;line-height: 45px;background: #f2f2f2;}
.in_11 span{display: block;float: left; width: 180px;text-align: center;background: #0f61cd;color: #fff;}
.in_11 a{display: block; float: left; margin:0 2%;transition:.4s;}
.in_11 a:hover{color: #0f61cd !important;}
/*footer*/
.footer {clear: both; height: auto;overflow: hidden;padding: 2% 0;background: #222;}
.foota{height: auto;overflow: hidden;}
.foota img{display: block;max-width: 100%;}
.footab {height: auto;overflow: hidden;margin-top: 4%;color: #cccccc;}
.footab i{color: #0f61cd;}
.footab b{display: block;font-size: 32px;color: #0f61cd;line-height: 50px;}
.footab p{display: block;line-height: 35px;}
.footb{height: auto;overflow: hidden;}
.footb li{float: left;width: 25%;}
.footb li span{display: block;line-height: 40px;color: #fff;}
.footb li span a{display: block;}

.footbot{line-height: 40px;height: 40px;overflow: hidden;background: #333333;color: #6d6d6d;text-align: center;font-size: 15px;}
.footbot a{color: #6d6d6d !important;}
.footba {height: auto;overflow: hidden;}
.footba p{line-height: 30px;}
.footba p a{display: block;color: #999!important;transition:.4s;font-size: 15px;}
.footba p a:hover{color: #fff!important;}

.footnav{right: 0;bottom: 0;float: left;width: 100%;position: fixed;background:#5d5b5b;color:#fff;z-index: 888;}
.footnav li{float: left;text-align: center; width: 33.3%;text-align: center;color: #fff;}
.footnav li:nth-of-type(1){background: #3c3c3c}
.footnav li:nth-of-type(3){background: #6d6d6d}
.footnav li i{font-size: 20px;}
.footnav li span{display: block;line-height: 20px;}
.footnav li a{display: block; color: #fff !important;padding-top:4%;}
.footnav li a:hover{color: #ffb40b}
.imgsl{height: auto;overflow: hidden;}

/*content*/
.conban{height: 300px;overflow: hidden;background: url(../images/conban.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/conban.jpg*/ center no-repeat;padding-top: 4%;color: #fff;position: relative;z-index: 1}
.proban{height: 300px;overflow: hidden;background: url(../images/proban.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/proban.jpg*/ center no-repeat;padding-top: 4%;color: #fff;position: relative;z-index: 1}
.proban1{height: 300px;overflow: hidden;background: url(../images/proban1.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/proban1.jpg*/ center no-repeat;padding-top: 4%;color: #fff;position: relative;z-index: 1}
.caseban{height: 300px;overflow: hidden;background: url(../images/caseban.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/caseban.jpg*/ center no-repeat;padding-top: 4%;color: #fff;position: relative;z-index: 1}
.newsban{height: 300px;overflow: hidden;background: url(../images/newsban.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/newsban.jpg*/ center no-repeat;padding-top: 4%;color: #fff;position: relative;z-index: 1}
.scxcban{height: 300px;overflow: hidden;background: url(../images/scxcban.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/scxcban.jpg*/ center no-repeat;padding-top: 4%;color: #fff;position: relative;z-index: 1}
.cantactban{height: 300px;overflow: hidden;background: url(../images/cantactban.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/cantactban.jpg*/ center no-repeat;padding-top: 4%;color: #fff;}
.banfonta {display: block;width: 240px;background: rgba(15,97,205,0.8);border-left: 3px solid #ee2225;padding:2% 3%;}
.banfonta span{display: block;font-size: 26px;line-height: 55px;}
.banfonta p{line-height: 20px;font-family: cursive;font-size: 18px;}
.location{line-height: 50px;height: auto;overflow: hidden;}
.location p{border-bottom: 1px solid #eaeaea;color: #777;font-size: 15px;}
.location p a{transition:.4s;}
.location p a:hover{color: #0f61cd !important;}
.location p i{color: #0f61cd;}
.location ul{height: auto;overflow: hidden;margin:2% 0;}
.location ul li{text-align: center;transition:.4s;margin-bottom: 2%;}
/*.location ul li.active{background: #0f61cd;}
.location ul li.active a{color: #fff !important;}*/
.location ul .col-sm-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.location ul .col-xs-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.location ul .col-sm-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.location ul .col-xs-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.location ul li a{display: block;border: 1px solid #cccccc;border-radius: 5px;}
.location ul li:hover{background: #0f61cd;}
.location ul li:hover a{color: #fff !important;}



/*content_company*/
.companya{height: auto;overflow: hidden;padding: 2% 0;}
.companyaa{height: auto;overflow: hidden;margin:2% 0;}
.companyaa img{display: block;margin: 0 auto;max-width: 100%;}
.companyac strong{display: block;line-height: 40px;font-size: 22px;}
.companyac p{line-height: 40px;color: #777;}
.companyad{height: auto;overflow: hidden;margin-top: 2%;}
.companyad .left{width: 51.5%;}
.companyad .right{width: 48%;}
.companyad img{display: block;width: 100%;}

.companya_wh{height: auto;overflow: hidden;padding: 2% 0;background: url(../images/companyd.png)/*tpa=http://www.chaojc.com/static/index/zm001/images/companyd.png*/ bottom repeat;}
.companya_wh li{height: auto;overflow: hidden;border-bottom: 1px solid #dfdfdf;text-align: center;}
.companya_wh .container{border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;padding-top: 4%;padding-bottom: 4%;}
.companya_wh li span{display: block; font-size: 32px;line-height: 55px;}
.companya_wh li em{display: block; color: #999;line-height: 25px;font-family: cursive;}
.companya_wh li p{font-size: 22px;line-height:40px;margin:4% 0 !important;color: #666666;}
.companya_wh li i{font-size: 42px;margin:4% 0;color: #777;}

.honora{height: auto;overflow: hidden;padding: 2% 0;}
.honorlist{height: auto;overflow: hidden;margin-top: 2%;}
.honorlist p{text-align: center;line-height: 40px;color: #777;margin:4% 0 !important;}
.honorlist .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.honorlist li {position: relative; text-align: center;margin-bottom: 2%;border: 1px solid #d5d5d5;padding: 2%;height: 255px;overflow: hidden;}
.honorlist li img{display: block;margin:0 auto; max-height: 100%;max-width: 100%; }
.honorlist li:hover .honorfont{background: rgba(15,97,205,0.8);opacity: 1;top:0;}
.honorfont {position: absolute;z-index: 8;background: rgba(15,97,205,0);opacity: 0; color: #fff;top:200px;left:0;width: 100%;padding: 20% 0;transition:.4s}
.honorfont i{font-size: 58px;}
.honorfont span{display: block;font-size: 20px;line-height: 25px;}

.hzhba{height: auto;overflow: hidden;background: url(../images/hzhba.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/hzhba.jpg*/ center bottom no-repeat;padding: 2% 0;}
.hzhblist{height: auto;overflow: hidden;margin: 4% 0;}
.hzhblist li{border: 1px solid #d5d5d5;height: auto;overflow: hidden;border-radius: 15px;text-align: center;background: #fff;margin-bottom: 6%;}
.hzhblist li:hover span{background: #0f61cd;color: #fff;}
.hzhblist li img{display: block;max-width: 100%;}
.hzhblist li span{display: block;line-height: 40px;transition:.4s}

.dhlca{height: auto;overflow: hidden;margin:2% 0;background: url(../images/dhlca.png)/*tpa=http://www.chaojc.com/static/index/zm001/images/dhlca.png*/ left no-repeat;padding-left: 110px;}
.dhlca p{line-height: 56px;font-size: 22px;}
.dhlcb{height: auto;overflow: hidden;padding: 2% 0;}
.dhlcb img{display: block;margin: 2% auto;max-width: 100%;}
/*产品*/
.plocation{line-height: 50px;height: auto;overflow: hidden;}
.plocation .col-sm-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.plocation .col-xs-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.plocation p{border-bottom: 1px solid #eaeaea;color: #777;font-size: 15px;}
.plocation p i{color: #0f61cd;}
.plocation ul{height: auto;overflow: hidden;margin:3% 0;}
.plocation ul li{border: 1px solid #cccccc;text-align: center;border-radius: 5px;transition:.4s;margin-bottom: 8%;}
.plocation ul li a{display: block;}
.plocation ul li:hover{background: #0f61cd;}
.plocation ul li:hover a{color: #fff !important;}

.prolist{height: auto;overflow: hidden;margin-bottom:2%;}
.prolist .col-lg-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist .col-md-4{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prolist li{height: auto;overflow: hidden;border: 1px solid #c6c8cf;margin-bottom: 4%;padding: 2%;}
.prolist li span{display: block;font-size: 16px;line-height: 50px;height: 50px;overflow: hidden;border-top: 1px solid #c6c8cf;color: #777;}
.prolist li span i{float: right;font-size: 18px;}
.prolist li:hover img{transform:scale(1.05,1.05);}
.prolist li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.pimga{height: auto;overflow: hidden;}

.proa{height: auto;overflow: hidden;padding: 2% 0;}
.proab img{max-width: 100%;border: 1px solid #c6c8cf;}
.proab ul {height: auto;overflow: hidden;margin-top: 2%;}
.proab ul li{float: left;width: 33.3%;padding: 2px;border: 1px solid #ccc;}
.proab ul li img{display: block;width: 100%;background: #ccc;}
.proaa{height: auto;overflow: hidden;}
.proaa_a{height: auto;overflow: hidden;}
.proaa_a span{display: block;font-size: 16px;line-height:35px;}
.proaa_a strong{display: block;font-size:26px;line-height: 40px;font-weight: normal;}
.proaa_b{height: auto;overflow: hidden;padding: 2%;border: 1px solid #e6e6e6;background: #fafafa;}
.proaa_b p{line-height: 37px;color: #666;font-size: 16px;}
.proaa_c{height: auto;overflow: hidden;background: #0f61cd;color: #fff;margin:2% 0;padding: 4%;font-size: 36px;}
.proaa_c i{font-size: 30px;}
.proaa_c a{padding: 3% 6%; background: #fff;border: 5px;font-size: 20px;border-radius: 5px;transition:.4s;}
.proaa_c a:hover{background: #f9a931;color: #fff !important;}
.proaa_d{height: auto;overflow: hidden;padding: 2%;border: 1px solid #e6e6e6;background: #fafafa;}
.proaa_d ul{height: auto;overflow: hidden;margin-bottom: 0px !important}
.proaa_d li{float: left;width: 25%; height: auto;overflow: hidden;text-align: center;}
.proaa_d li i{display: block;font-size: 42px;color: #0f61cd;}
.proaa_d li span{display: block;line-height: 40px;}

.prob{position: relative;overflow: hidden;height: auto;background: #f2f2f2;padding: 2% 0;}
.prob .col-lg-9{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prob .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prob .col-md-9{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.prob .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.proba{line-height: 40px;height: auto;overflow: hidden;background: #fff;padding: 2%;}
.proba strong{display: block;font-size: 18px;line-height: 40px;background: url(../images/proba.png)/*tpa=http://www.chaojc.com/static/index/zm001/images/proba.png*/ left no-repeat;}
.probc{height: auto;overflow: hidden;background: url(../images/probc.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/probc.jpg*/ center no-repeat;color: #fff;zoom:1.1;padding: 4% 0;}
.probca{text-align: center;}
.probca span{display: block;font-size: 30px;line-height: 40px;}
.probca strong{display: block;font-size: 30px;line-height: 40px;}
.probcb {text-align: right;}
.probcb span{display: block;font-size: 22px;line-height: 40px;}
.probcb a{background: #fff;padding: 2%;color: #0f61cd !important;transition:.4s;font-size: 14px;}
.probcb a:hover{background: #f9a931;color: #fff !important;}
.probd{height: auto;overflow: hidden;background: #fff;padding: 2%;text-align: center;}
.ptit{height: auto;overflow: hidden;text-align: center;}
.ptit span{display: block;font-size: 30px;line-height: 50px;}
.ptit i{display: block;font-size: 28px;color: #0f61cd;}
.probd p{color: #777;line-height: 40px;}
.probd img{display: block;margin:4% auto;max-width: 100%;}
.probe img{width: 100%;}
.probf{height: auto;overflow: hidden;padding: 2%;background: #fff;}
.probf li{height: auto;overflow: hidden;margin-bottom: 2%;}
.probf li .left{float: left;width: 40%;padding: 2%;padding-left: 0px !important;}
.probf li:nth-of-type(2n+0) .left{float: right;padding-right: 0px !important;}
.probf li:nth-of-type(2n+0) img{float: left;}
.probf li .left span{display: block;background: #434343;color: #fff;line-height: 40px;font-size: 18px;font-weight: bold;margin-bottom: 4%;}
.probf li .left span b{float: left; display: block;background: #0f61cd;width: 60px;text-align: center;color: #fff;margin-right: 2%;}
.probf li .left p{line-height: 40px;color: #777;font-size: 16px;}
.probf li img{display: block;float: right;}
.probg{height: auto;overflow: hidden;background: url(../images/probg.jpg)/*tpa=http://www.chaojc.com/static/index/zm001/images/probg.jpg*/ center no-repeat;color: #fff;zoom:1.1;padding: 4% 0;}
.probga span{display: block;font-size: 20px;line-height: 40px;}
.probga strong{display: block;font-size: 30px;line-height: 40px;}
.probgb {text-align: right;}
.probgb span{display: block;font-size: 22px;line-height: 40px;}
.probgb a{background: #fff;padding: 2%;color: #0f61cd !important;transition:.4s;font-size: 14px;}
.probgb a:hover{background: #f9a931;color: #fff !important;}

.probh{height: auto;overflow: hidden;padding: 2%;background: #fff;}
.probh ul{height: auto;overflow: hidden;margin-top: 2%;}
.probh ul li{position: relative;margin-bottom: 2%;height: auto;overflow: hidden;}
.probh ul li span{position: absolute;z-index: 8;bottom: -50px;background: rgba(0,0,0,0.8);line-height: 50px;width: 100%;color: #fff;text-align: center;transition:.4s;}
.probh ul li:hover span{background: rgba(15,97,205,0.8);bottom: 0;}
.probh .col-lg-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.probh .col-md-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.probh .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.probh .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}

.probi{height: auto;overflow: hidden;padding: 2%;background: #fff;}
.probi ul{height: auto;overflow: hidden;margin-top: 2%;}
.probi ul li{height: auto;overflow: hidden;text-align: center;}
.probi ul li i{font-size: 42px;color: #0f61cd;}
.probi ul li strong{display: block;font-size: 20px;line-height: 50px;}
.probi ul li p{line-height: 40px;}
.probj img{display: block;width: 100%;}

.side{height: auto;overflow: hidden;padding: 4%;background: #fff;}
.side li{height: auto;overflow: hidden;border: 1px solid #c6c8cf;margin-bottom: 4%;padding: 2%;}
.side li span{display: block;font-size: 16px;line-height: 50px;height: 50px;overflow: hidden;border-top: 1px solid #c6c8cf;color: #777;}
.side li span i{float: right;font-size: 18px;}
.side li:hover img{transform:scale(1.05,1.05);}
.side li img{display: block;width: 100%;transition:all 0.6s ease 0s;}
.sidea{height: auto;overflow: hidden;margin-top: 2%;}
.stita{height: auto;overflow: hidden;background: #0f61cd;color: #fff;line-height: 45px;text-align: center;font-size: 22px;}
.sideaa{height: auto;overflow: hidden;padding: 4%;background: #fff;}
.sideaa span{display: block;font-size: 22px;}
.sideaa span i{color: #0f61cd;font-size: 20px;}
.sideaa strong{display: block;color: #0f61cd;font-size: 36px;}
.sideaa p{line-height: 30px;margin-bottom: 0px !important;color: #777;}

.stit {height: auto;overflow: hidden;margin-bottom: 2%;}
.stit strong{display: block;font-size: 18px;line-height: 40px;background: url(../images/proba.png)/*tpa=http://www.chaojc.com/static/index/zm001/images/proba.png*/ left no-repeat;padding-left: 30px;}
/*新闻*/
.newsa{height: auto;overflow: hidden;padding: 2% 0;}
.newsa .col-lg-9{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.newsa .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.newsa .col-md-9{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.newsa .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.newsab li{height: auto;overflow: hidden;border-bottom: 1px solid #d9d9d9;padding-bottom: 2%;margin-bottom: 2%;}
.newsab li:hover span{color: #0f61cd;}
.newsab li:hover p{color: #0f61cd;}
.newsab .col-lg-4{padding-left: 0px !important;}
.newsab .col-lg-8{padding-right: 0px !important;}
.newsab .col-md-4{padding-left: 0px !important;}
.newsab .col-md-8{padding-right: 0px !important;}
.newsab li img{display: block;width: 100%;}
.newsab li span{display: block;line-height: 45px;transition:.4s;font-size: 16px;}
.newsab li p{color: #777;line-height: 35px;margin:2% 0 !important;font-size: 14px;transition:.4s;}
.newsab li i{display: block; color: #777;line-height: 40px;}
.snewsa{height: auto;overflow: hidden;border: 1px solid #e6e6e6;background: #fafafa;padding: 4%;margin-bottom: 2%;}
.snewsa strong{display: block;font-size: 18px;line-height: 40px;}
.snewsa li{height: auto;overflow: hidden;border-top: 1px solid #e6e6e6;padding: 3% 0;}
.snewsa li:hover b{background: #0f61cd;color: #fff;}
.snewsa li:hover span{color: #0f61cd}
.snewsa li span{display: block;line-height: 35px;transition:.4s;}
.snewsa li span b{display: block;float: left;text-align: center;transition:.4s;margin-right: 2%; background: #d9d9d9;width: 25px;line-height: 25px;margin-top: 5px; border-radius: 2px;}
.snewsa li p{line-height: 40px;color: #777;padding-left: 13%;}
.newsimg img{display: block;margin:0 auto 2% auto;max-width: 100%;}
.caseinfoa .col-sm-12{padding-left: 0px !important;padding-right: 0px !important;}
.caseinfoa .col-xs-12{padding-left: 0px !important;padding-right: 0px !important;}
.newscontent img{display: block;max-width: 100%;}
/*生产现场*/
.scxca{height: auto;overflow: hidden;padding: 2% 0;}
.scxclist{height: auto;overflow: hidden;margin-top: 2%;}
.scxclist li{position: relative;}
.scxclist li span{display: block;position: absolute;z-index: 1;bottom: 0;background: rgba(0,0,0,0.8);width: 100%;color: #fff;line-height: 50px;text-align: center;transition:.4s;}
.scxclist li:hover span{background: rgba(239,125,0,0.8);}
.scxclist li img{display: block;width: 100%;}
.scxclist .col-lg-6{padding-left: 0px !important;padding-right: 0px !important;}
.scxclist .col-md-6{padding-left: 0px !important;padding-right: 0px !important;}

.tabbox{width:1200px;background: #fff; height:auto;overflow: hidden;margin-top: 2%;padding: 4% 0;}
.tabbox .tab{float: left;width: 300px;background: #f2f2f2; overflow:hidden;}
.tabbox .tab a{display:block;line-height: 50px;height: 50px;border-bottom: 1px solid #e0e0e0; transition:.4s;text-indent: 2em;}
.tabbox .tab a:hover{background:#0f61cd;color: #fff !important;border-radius: 0px 50px 50px 0;}
.tabbox .tab a.on{background:#0f61cd;color: #fff !important;border-radius: 0px 50px 50px 0;}
.tabbox .content{float: right;width: 900px; overflow:hidden;height:500px;position:relative;}
.tabbox .content ul{position:absolute;left:0;top:0;height:500px;}
.tabbox .content li{position: relative; width:900px;height:500px;float:left;}
.scxcba{width: 900px;border: 1px solid #f1f1f1;height: 500px;}
.scxcba img{width: 100%;}

.mscxcb li{height: auto;overflow: hidden;margin-bottom: 2%;background: #f2f2f2;}
.mscxcb li img{display: block;max-width: 100%;}
.mscxcb li span{display: block;line-height:45px;text-align: center;}
.mscxcb .col-sm-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.mscxcb .col-xs-6{padding-left: 0.5% !important;padding-right: 0.5% !important;}
/*新闻详情*/
.ninfotit{height: auto;overflow: hidden;padding: 2% 0;text-align: center;border-bottom:1px dashed #ededed;margin-bottom: 2%;}
.ninfotit span{display: block;font-size: 28px;line-height: 45px;}
.ninfotit p{line-height:30px;color: #777;margin-bottom: 0px;}
.newscontenta p{color: #777;line-height: 40px;}
.newscontenta img{display: block;margin:0 auto;margin-bottom:1%;}
.newsPage{height: auto;overflow: hidden;padding: 2% 0;border-top: 1px dashed #ededed;margin-top: 2%;line-height: 35px;}

/*案例*/
.casesa{height: auto;overflow: hidden;}
.casesa li{height: auto;overflow: hidden;margin-top: 2%;}
.casesa li:nth-of-type(2n+0){background: #f2f2f2;padding: 2% 0;}
.caselist{height: auto;overflow: hidden;margin-top: 2%;}
.caselist .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.caselist .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.caselist .swiper-slide{position: relative; float: left;border:1px solid #ccc;text-align: center;}
.caselist .swiper-slide:hover .imga i{background: rgba(0,0,0,0.2)}
.caselist .swiper-slide img{display: block;width: 100%;}
.fonta {position: relative;bottom: 0px; padding:6% 0;overflow: hidden;transition:.4s;background: #fff;z-index: 8;}
.fonta span{display: block;width: 100%;line-height: 40px;height: 40px;overflow: hidden;}
.fonta p{color: #777;line-height: 40px;margin-bottom: 6% !important;font-size: 16px;}
.fonta i{font-style: normal;margin:2% auto;}
.fonta i a{display: block;float: left; width: 46%;font-size: 14px; border-radius: 5px; height: 35px;line-height: 35px;border: 1px solid #b3b3b3;margin:0 2%;transition:.4s;}
.fonta i a:hover{background: #f9a931;color: #fff !important;border: 1px solid #f9a931;transition:.4s;}
.fonta i a:nth-of-type(1){background: #0f61cd;color: #fff !important;border: 1px solid #0f61cd;}
.fonta i a:nth-of-type(1):hover{background: #f9a931;border: 1px solid #f9a931;}
.imga{position: relative; height: auto;overflow: hidden;}
.imga i{position: absolute;z-index: 1;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0);transition:.4s;}
.caseinfoa{height: auto;overflow: hidden;padding: 2% 0;background: #f2f2f2}

.mcaselist{height: auto;overflow: hidden;margin-top: 2%;}
.mcaselist .col-lg-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.mcaselist .col-md-3{padding-left: 0.5% !important;padding-right: 0.5% !important;}
.mcaselist .swiper-slide{position: relative; float: left;border:1px solid #ccc;text-align: center;}
.mcaselist .swiper-slide:hover .imga i{background: rgba(0,0,0,0.2)}
.mcaselist .swiper-slide img{display: block;width: 100%;}


/*联系*/
.cona{height: auto;overflow: hidden;}
.cona ul{height: auto;overflow: hidden;margin-top:3%;}
.cona li{height: auto;overflow: hidden;}
.cona li dd{ border: 1px solid #eeeeee;height: auto;overflow: hidden;padding:5% 3%;background: #f5f5f5;}
.cona li span{display: block;float: left;width: 20%;text-align: center;border-right: 1px dashed #1062cd;margin-right: 4%;}
.cona li span i{font-size: 48px;}
.cona li strong{line-height: 40px;font-weight: normal;}
.cona li b{display: block;font-size: 16px;color: #1062cd;}
.cona li p{line-height: 30px;}
.conb{height: auto;overflow: hidden;margin:3% 0;}
.conb li dd{border: 1px solid #eeeeee;; height: auto;overflow: hidden;padding:18% 5%;text-align: center;background: #f5f5f5;}
.conb li dd span{display: block;font-size: 16px;line-height: 30px;margin-top: 6%;}
.conb li dd i{font-size: 36px;}
.conb li dd b{display: block;width: 30px;border-top: 2px solid #1062cd;margin:4% auto;}
.conb li dd p{line-height: 30px;color: #1062cd;}
.conc{height: auto;overflow: hidden;margin: 3% 0;}
.contita{height: auto;overflow: hidden;text-align: center;}
.contita span{display: block;font-size: 32px;line-height: 50px;}
.contita p{line-height: 30px;color: #777;}
.contactca input{border: 1px solid #ccc;}
.cond{height: auto;overflow: hidden;margin-top:2%;}
.cond .inner-right{height: auto;overflow: hidden;margin-top:2%;}

.contacta{height: auto;overflow: hidden;margin-top: 2%;}


/* 更改layer样式 */
.layui-layer-btn{text-align: center !important;padding-bottom:28px !important;}
.layui-layer-btn .layui-layer-btn0{display: block;margin:0 auto !important;border-radius: 0 !important;width:88px !important;text-align: center !important;height: 34px !important;line-height: 34px !important;border-color: #237ed2 !important;background-color: #237ed2 !important;}
.layui-layer-btn .layui-layer-btn0:hover{background: #348eed !important;border-color: #348eed !important;}
/**/