/*公用样式部分*/
html {width: 100%;overflow-x: hidden;}
body {line-height: 2;background: #fff;color: #333;}
.layui-container {width:1230px;}
.text-white,.text-white a,.text-white a:hover {color: #fff!important;}
.text-red,.text-red a,.text-red a:hover {color: #c00!important;}
.undisplay {display: none;}
.margin-top10 {margin-top: 10px!important;}
.margin-top15 {margin-top: 15px!important;}
.margin-top20 {margin-top: 20px!important;}
.margin-top30 {margin-top: 30px!important;}
.margin-top40 {margin-top: 40px!important;}
.margin-top50 {margin-top: 50px!important;}
.margin-top60 {margin-top: 60px!important;}
.margin-top70 {margin-top: 70px!important;}
.margin-center {margin-left: auto;margin-right: auto;}
.line-height {line-height: normal;}
.layui-container:after {content: '';display: block;clear: both;}
#menu-btn {display: inline-block;float: right;width: 30px;height: 30px;border:1px solid #ccc;border-radius: 4px;text-align: center;color: #999;background: #fff;margin-top: 25px;}
/*本项目首页样式部分*/
/*top*/
#top{height:40px;background:#f4f4f4;width:100%;line-height:40px;}
#top .top-box-lf p{font-size:14px;color:#535353;}
#top .top-box-rt{height:40px;}
#top .top-box-rt span a{font-size:14px;color:#535353!important;}
#top .top-box-rt>img{margin-left:15px;}
/*logo以及电话*/
.logo-dianhua{height:150px;}
.logo-box{margin-top:45px;}
.logo-box .logo-body{height:60px;border-left:1px solid #dbdbdb;margin-left:22px;}
.logo-box .logo-body P{font-size:31px;color:#2383cf;font-weight:bold;line-height: 33px;margin-left:22px;}
.logo-box .logo-body i{font-size:16px;color:#000;font-style:normal;line-height: 16px;padding-left:22px;}
.dianhua-box{margin-top:47px;}
.dianhua-box>img{padding-left:166px;}
.dianhua-text p{font-size:14px;line-height:14px;color:#414141;margin-bottom:8px;margin-top:2px;}
.dianhua-text b{font-size:24px;line-height:26px;color:#2383cf;font-weight:bold;}
/*nav*/
#nav-box{height:58px;line-height: 58px;background:#2383cf;}
#nav-box ul{width:1100px;}
#nav-box ul li{float:left;width:14.28%;text-align: center;position:relative;background:url(../images/nav_line.png) right center no-repeat;height:58px;}
#nav-box ul li:last-of-type{background:none;}
#nav-box ul li a{display:block;line-height:58px;font-size:16px;color:#fff;}
#nav-box ul li:hover{background:#0363af;}
#nav-box .submenu{position:absolute;display:none;width:100%;z-index:99;background:#0363af;}
#nav-box .submenu li{height:20px;line-height:20px;width:100%;padding:6px 0;text-align: center;background:none;}
#nav-box .submenu li a{color:#FFF;font-size:14px;line-height:20px}
/*banner*/
.banner-box .bd li {height: 550px;}
.banner-box {position: relative;}
.banner-box .hd {position: absolute;z-index: 1;left: 0;right: 0;bottom: 10px;text-align: center;}
.banner-box .hd li {display: inline-block;width: 30px; height: 2px;border-radius:3px;background:#fff;overflow: hidden;text-indent: 10em;margin: 0px 5px;}
.banner-box .hd li.on {background:#2383cf;}
/*搜索*/
.search{width:100%;height:70px;line-height:70px;border-bottom: 1px solid #e2e2e2;}
.search-box .link span{font-size:14px;color:#000;}
.search-box .link a{font-size:14px;color:#707070;padding:0 6px;}
.sousuo{margin-top:10px;}
.sousuo .searchForm{width:294px;height:40px;background:#f6f6f6;margin-top:4px;}
.sousuo .searchForm .sousu{width:254px;height:40px;border:none;background:#f6f6f6;padding-left:10px;font-size:12px;color:#616161;box-sizing: border-box;font-famliy:"宋体"}
.sousuo .searchForm .sou-zi{width:40px;height:40px;font-size:20px;color:#fff;line-height:40px;text-align:center;background:#2383cf;border:none;}
/*产品中心*/
.index-product-lf{width:238px;background:#fff;border-radius:5px;}
.index-product-lf .index-product-title{height:85px;width:100%;border-radius:5px 5px 0 0;background:#2383cf url(../images/pro-ico.png) 30px center no-repeat;padding:20px 0;padding-left:85px;box-sizing: border-box;}
.index-product-lf .index-product-title h3{font-size:24px;color:#fff;font-weight:bold;line-height: 26px;}
.index-product-lf .index-product-title p{font-size:14px;color:#fff;font-weight:bold;line-height: 16px;text-transform: uppercase;margin-top:5px;}
.index-product-lf ul li{background:linear-gradient(to bottom,#fff,#efedee);width:100%;height:45px;line-height: 45px;}
.index-product-lf ul li a{display:block;font-size:16px;color:#474747;/*background:url(../images/jiantou.png) 208px center no-repeat;*/padding:0 21px;box-sizing: border-box;background:url(../images/jiantou.png) no-repeat;background-position: calc(100% - 21px) center;}
.index-product-lf .rexian{width:100%;height:118px;background:#2383cf;border-radius:0 0 5px 5px;text-align: center;padding:30px 0;box-sizing: border-box;}
.index-product-lf .rexian p{font-size:24px;color:#fff;line-height: 24px;margin-bottom:10px;}
.index-product-lf .rexian b{font-size:24px;color:#fff;line-height: 24px;}
.index-product-body ul li{height:auto;margin-top:20px;}
.index-product-body ul li a{display:block;height:auto;text-align: center;}
.index-product-body ul li a span{height:1.83rem;display:block;border:1px solid #dddddd;overflow:hidden;text-align: center;}
.index-product-body ul li a span>img{height:100%;margin:auto;}
.index-product-body ul li a p{font-size:16px;color;#424242;margin-top:10px;}
/*hengxian*/
.hengxian{background:url(../images/hengtiao_bj.png) top center no-repeat;width:100%;height:180px;position: relative;}
.hengxian-lf{position: absolute;left:0;top:20px;width:219px;float:left;}
.hengxian-body{width:676px;float: left;margin-left:295px;padding-top:30px;box-sizing: border-box;}
.hengxian-body h3{font-size:24px;font-weight:bold;color:#fff;line-height: 26px;}
.hengxian-body span{color:#ffd613;}
.hengxian-body b{font-size:24px;color:#fff;line-height: 26px;text-align: right;display:block;margin-top:10px;}
.hengxian-body p{width:408px;height:50px;border:1px dashed #2c98e0;border-radius:204px;line-height: 50px;text-align: center;font-size:24px;color:#fff;margin:0 auto;margin-top:20px;}
.hengxian .zixun{display:block;background:url(../images/zixun_bj.png) no-repeat;width:152px;height:51px;line-height: 51px;text-align: center;font-size:16px;color:#fff;float:right;margin-top:64px;}
/*我们的优势*/
.advantage .advantage-title{text-align: center;margin:auto;}
.advantage .advantage-title p{font-size:14px;color:#4f4f4f;margin-top:15px;line-height: 14px;}
.advantage-item .advantage-cont{width:490px;float:left;}
.advantext .advantext-lf{border:1px dashed #df433e;width:105px;height:105px;border-radius:100%;position: relative;}
.advantext .advantext-lf span{display:block;width:68px;height:68px;line-height:68px;text-align:center;border-radius:100%;background:#df433e;font-size:36px;color:#fff;font-family: impact;position: absolute;top:50%;margin-top:-34px;left:50%;margin-left:-34px;}
.advantext .media-body{margin-top:22px!important;}
.advantext h3{color:#df433e;font-size:28px;font-weight:bold;border-bottom: 1px solid #bcbcbc;padding-bottom: 5px;}
.advantage-item .advantage-cont p{font-size:16px;color:#312c2c;line-height: 33px;margin-top:15px;}
.advantage-item .advantage-img{float:right;}
.advantage-item:nth-of-type(3){margin-top:40px;}
/*关于我们*/
.about{background:url(../images/about_bj.png) top center no-repeat;width:100%;height:auto;padding-top:70px;padding-bottom:130px;box-sizing: border-box;}
.about .about-title h3{font-size:36px;color:#2383cf;line-height: 38px;font-weight:bold;text-align: center;}
.about .about-title p{font-size:18px;line-height: 18px;color:#333;text-align: center;background:url(../images/about_title.png) center center no-repeat;margin-top:15px;}
.about-body{margin-top:50px;background:url(../images/about_body-bj.png) no-repeat;width:100%;height:326px;}
.about-body .about-text{width:728px;padding-left:60px;box-sizing: border-box;float: left;}
.about-body .about-text p{font-size:16px;color:#171717;line-height: 38px;padding-right:60px;padding-top:38px;box-sizing: border-box;text-indent:2em;}
.about-body .about-text .more{display:block;width:120px;height:36px;background:#df433e;font-size:14px;color:#fff;line-height: 36px;text-align: center;margin-top:15px;}
.about-body .about-img{float:right;width:472px;height:326px;overflow: hidden;}
.about-body .about-img>img{width:100%;height:100%}
/*走进齐天*/
.zjqt{background:#fff;height:auto;margin-top:-50px;z-index: 999;padding-top:50px;box-sizing: border-box;}
.zjqt-title b{font-size:36px;color:#000;text-align: center;display:block;line-height: 38px;}
.zjqt-title b span{color:#1083dc;}
.zjqt-title p{background:url(../images/zoujin_title.png) center center no-repeat;height:36px;margin-top:20px;}
.zjqt-box {position: relative;margin-top:30px;}
.zjqt-box .bd li {float: left;width:25%;}
.zjqt-box .bd li div.zjqt-item {margin: 0px 10px;}
.zjqt-box .bd li div.zjqt-item p{font-size:14px;color:#555151;text-align: center;}
.zjqt-box a {display: block;text-align: center;height: auto;}
.zjqt-box a span{display:block;text-align: center;overflow: hidden;border:1px solid #dadada;height:212px;padding:5px;box-sizing: border-box;}
.zjqt-box a span img {height: 100%;width: 100%;}
.zjqt-box .prev,.zjqt-box .next {position: absolute;top: 82px;}
.zjqt-box .prev {left: -60px;}
.zjqt-box .next {right: -60px;}
.zjqt-box .prev>img,.zjqt-box .next>img{display:block;width:47px;height:45px;}
/*新闻资讯以及常见问题*/
.news{width:815px;float: left;}
.news .news-title{height:48px;background:url(../images/news_title.png) bottom center no-repeat;}
.news-title .news-menu a{display:inline-block;width:118px;height:48px;line-height:48px;text-align:center;font-size:20px;font-weight:bold;color:#1083dc;}
.news-title .news-menu a.active{background:#006fc5;color:#fff;}
.news-title .gengduo{color:#8e8e8e;font-size:14px;}
.news-body .news-img{height:auto;width:300px;float:left;}
.news-body .news-img span{display:block;width:300px;height:238px;overflow: hidden;}
.news-body .news-img .news-zi{background:#f4f4f4;padding:20px;box-sizing: border-box;}
.news-body .news-img .news-zi h3 a{font-size:16px;color:#1d1d1d;line-height: 16px;}
.news-body .news-img .news-zi p{font-size:14px;color:#979797;line-height: 25px;margin-top:5px;}
.news-body .news-cont{float:right;width:480px;}
.news-body .news-cont ul li{border-bottom: 1px solid #dbdbdb;padding-bottom: 20px;box-sizing: border-box;margin-top:15px;}
.news-body .news-cont .news-cont-lf{width:10%;float:left;text-align: center;margin-top:10px;}
.news-body .news-cont .news-cont-lf b{font-size:30px;color:#000;}
.news-body .news-cont .news-cont-rt{width:88%;float:right;margin-left:2%}
.news-body .news-cont .news-cont-rt h3 a{font-size:16px;color:#2e2e2e;line-height: 16px;}
.news-body .news-cont .news-cont-rt p{font-size:14px;color:#929292;line-height: 24px;}
.problem{float:right;width:355px;}
.problem .problem-title{height:48px;background:url(../images/problem_title.png) bottom center no-repeat;}
.problem .problem-title .problem-title-lf{display:inline-block;width:118px;height:48px;line-height:48px;text-align:center;font-size:20px;font-weight:bold;color:#fff;background:#006fc5;}
.problem-title .gengduo{color:#8e8e8e;font-size:14px;}
.problem .bd{height:326px;overflow: hidden;margin-top:35px;}
.problem ul li{margin-bottom: 18px;border-bottom: 1px solid #dbdbdb;padding-bottom: 20px;box-sizing: border-box;}
.problem ul li h3{background:url(../images/wen.png) left center no-repeat;padding-left:30px;line-height: 24px;}
.problem ul li h3 a{font-size:16px;color:#2e2e2e;line-height: 16px;}
.problem ul li p{font-size:14px;color:#929292;background:url(../images/da.png) left 1px no-repeat;padding-left:30px;line-height: 25px;margin-top:10px}
/*底部导航*/
.footer-nav{height:60px;width:100%;background:#2383cf;line-height: 60px;text-align: center;}
.footer-nav .layui-breadcrumb a{font-size:16px;color:#fff!important;}
.footer-nav .layui-breadcrumb span[lay-separator]{color:#fff!important;margin:0 44px!important;}
/*footer*/
.footer{padding:45px 0;box-sizing: border-box;}
.footer-body{width:815px;float:left}
.footer-body .footer-logo{width:215px;float:left;margin-top:40px;}
.footer-body .footer-xinxi{float:right;width:600px;}
.footer-body .footer-xinxi ul li{border-left:1px solid #d6d6d6;padding-left:35px;box-sizing: border-box;width:50%;float:left;}
.footer-body .footer-xinxi ul li p{font-size:14px;color:#282828;line-height: 32px;}
.footer-erweima{width:280px;float:right;}
.footer-erweima .wx{width:135px;height:auto;float:left;}
.footer-erweima .wx span{display:block;width:135px;height:135px;overflow: hidden;}
.footer-erweima .wx span>img{width:100%;height:100%}
.footer-erweima .wx p{font-size:14px;color:#282828;text-align: center;}
.footer-erweima .erweima{width:135px;height:auto;float:right;}
.footer-erweima .erweima span{display:block;width:135px;height:135px;overflow: hidden;}
.footer-erweima .erweima span>img{width:100%;height:100%}
.footer-erweima .erweima p{font-size:14px;color:#282828;text-align: center;}
.zhuying span{font-size:14px;color:#282828;}
.zhuying span a{font-size:14px;color:#282828;padding:0 5px;}
/*友情链接*/
.flink{background:#f2f2f2;width:100%;height:60px;line-height: 60px;}
.flink span b{font-size:14px;color:#3c3c3c;}
.flink span a{font-size:14px;color:#5b5b5b;padding:0 5px;}
.flink p{font-size:14px;color:#3c3c3c;float:right;}
/*内页列表页样式*/
/*手机端*/
@media only screen and (min-width: 320px) and (max-width: 640px) {
.layui-container {width:auto;}
#nav-box {padding-left: 0;padding-right: 0;background: #333;}
#nav-box .layui-container {padding-left: 0; padding-right: 0;}
#nav-box {position:absolute; top:80px;height:auto; width:100%; left:0; display:none; z-index:20;}
#nav-box ul>li{width:50%;height:auto;text-align: center;background:none;}
#nav-box ul>li>a{color:#fff;}
#nav-box ul li a{line-height:34px;font-weight: normal;font-size: 14px;}
#nav-box ul li a:hover,#nav-box ul li a:active,#nav-box ul li a.current{background:#2383cf;}
.logo-dianhua{height:80px;}
.logo-box{margin-top:13px;}
#nav-box ul{width:100%;}
.banner-box .bd li{height:150px;}
.index-product{margin-top:40px!important;}
.index-product-lf{width:100%}
.index-product-body ul li a span{height:2.34rem;}
.index-product-body ul li a span>img{height:2.34rem;}
.index-product-body ul li{margin-top:10px;}
.advantage{margin-top:40px!important;}
.advantage-item .advantage-cont{width:100%;}
.advantext .advantext-lf{width:60px;height:60px;}
.advantext .advantext-lf span{width:40px;height:40px;position: absolute;top:50%;margin-top:-20px;left:50%;margin-left:-20px;font-size:24px;line-height: 40px;}
.advantext h3{font-size:20px;}
.advantage-body{margin-top:30px!important}
.advantext .media-body{margin-top:0px!important;}
.advantage-item .advantage-cont p{line-height: 20px;}
.advantage-item:nth-of-type(3){margin-top:0px;}
.advantage-item{margin-top:10px;}
.advantage-title h3{font-size:24px;font-weight:bold;color:#2383cf;line-height: 26px;}
.about{margin-top:40px!important;padding-top:15px;padding-bottom:15px;}
.about .about-title h3{font-size:24px;}
.about-body{background:none;margin-top:30px;height:auto;}
.about-body .about-text{width:100%;padding:0px;float:none!important;}
.about-body .about-text p{padding:0px;line-height: 25px;}
.about-body .about-text .more{margin:0 auto;margin-top:15px;}
.zjqt{margin-top:40px!important;padding-top:0px;}
.zjqt-title b{font-size:24px;}
.zjqt-box .bd li{width:100%;}
.news{width:100%;float:none!important;}
.news-body{margin-top:30px!important}
.news-body .news-cont{width:100%;float:none!important;}
.news-body .news-cont .news-cont-lf{width:15%;}
.news-body .news-cont .news-cont-rt{width:80%;margin-left:5%}
.news-body .news-cont .news-cont-rt p{line-height: 20px;}
.problem{width:100%;float:none!important;margin-top:40px;}
.footer{background:#2383cf;padding:15px 0;margin-top:20px;}
.footer-body{width:100%;float:none!important;}
.footer-body .footer-xinxi{width:100%;float:none!important;}
.footer-body .footer-xinxi ul li{width:100%;float:none!important;border:none;padding-left:0px;text-align: center;}
.footer-body .footer-xinxi ul li p{line-height: 25px;color:#fff;}
}