/*
*PC端页面CSS表
*日期:24.05.02
*/

@charset "utf-8";


body{padding:0px; height:auto; font-size:14px;background-color: #F6F6F6;max-width: 1920px;margin: 0px auto 0px auto;}
p,li,ul{ margin:0px;}
.more{width: 50px;height: 25px;margin: 5px 25px auto auto;float: right;}


/*弹出表单部分使用的样式表*/
#mask_input_username{ border: 2px solid #B1B1B1; width: 200px; height: 30px; line-height: 25px;  padding: 0px 5px 0px 5px; margin: 10px 0px 10px 0px; }
#mask_input_mobile{ border: 2px solid #B1B1B1; width: 200px; height: 30px; line-height: 25px;  padding: 0px 5px 0px 5px; margin: 10px 0px 10px 0px;}
#mask_input_area{ border: 2px solid #B1B1B1; width: 200px; height: 30px; line-height: 25px; padding: 0px 5px 0px 5px; margin: 10px 0px 10px 0px;}
#feedback_button { display: block; width: 200px; height: 40px; border: 0; border-radius: 5px; cursor: pointer; font-size: 18px; font-weight: bold; background-color: #FB7917; color: #FFFFFF;font-family: "Microsoft YaHei";}




/*当前位置的导航条*/
#location{width: 1200px;height: 35px;margin: 10px auto 0px auto;line-height: 35px;font-size: 14px;border: 1px solid #d2d2d2;text-indent: 15px;background-color: #FFF}
#location>a{text-decoration: none;color:#333333}
#location>a:hover{color:#287fe1;text-decoration: underline;}
#location>em{font: 14px/26px '\5B8B\4F53',simsun;padding:0px 5px 0px 5px}


/*网站框架部分的CSS*/
.frame{width: 1200px;height: auto;margin: 10px auto 10px auto;}
.frame>.frame-left{width: 820px;height: auto;float: left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-color: #FFF;}
.frame>.frame-right{width: 340px;height: auto;float: right;}

.frame>.frame-left>.frame-left-block{}



/*网站首页部分的样式表*/
#header_bg{width: 100%;height: 120px;background-color: #FFF;}
#header_bg>#header{width: 1200px;height: 120px;margin:0px auto 0px auto;background-image: url(https://11guolu.cdn.bcebos.com/detail/pc/area/1.png);background-size: 92% 92%;background-repeat: no-repeat;}

.nav_bg{width:100%;height: 50px;background-color: #0052a6;color: #FFF;}
.nav_bg>.nav{width: 1200px;height: 50px;margin: 0px auto 0px auto;line-height: 50px;font-size: 18px;color:#FFFFFF;overflow: hidden;}
.nav_bg>.nav>a{float: left;padding: 0px 25px 0px 25px;display: block;text-decoration: none;color:#FFFFFF;}
.nav_bg>.nav>a:hover {background-color:#006fe0;}



/*网站首页部分的样式表*/

/*网站首页的区块样式表*/
.index-block-bg{min-width: 1200px;width:100%;min-height: 200px;height: auto;background-color: #FFF;}
.index-block-bg-dark{min-width: 1200px;width:100%;height: auto;background-color: #F5F5F5;}
.index-block{width: 1200px;min-height: 300px;height: auto;margin: 0px auto 0px auto;}
.index-block>.title{width:1200px;height: auto;text-align: center;padding-top: 15px;}
.index-block>.title>.main-title{width:1200px;height: 60px;font-weight: bold;font-size: 32px;line-height: 60px;}
.index-block>.title>.sub-title{width:1200px;height: 30px;color:#aaa;font-size: 20px;}
.index-block>.footer{font-size:24px;font-weight: bold;color: #0052a6;text-align: right;width: 1200px;height: 60px;display: block;padding-bottom: 15px;padding-top: 15px;margin: 0px auto 0px auto;}

/*网站首页幻灯片部分的样式表*/
.swiper-container {min-width:1200px; width: 100%;min-height: 200px;max-height: 100%; margin-left: auto;margin-right: auto;
    margin-top: 20px;margin-bottom: 20px;background: #eee;
}
.swiper-slide {min-width:1200px;width: 100%; min-height: 200px;max-height: 100%;background-position: center; background-size: cover;}


/*首页产品报价部分样式表*/
.index-productlist>.content{overflow: hidden;float: left;}
.index-productlist>.content>.item{width: 250px;height:190px;margin: 20px 15px 10px 20px;border:3px solid #e7e7e7; background-color: #eaeaea;float: left;overflow: hidden;}
.index-productlist>.content>.item:hover{border:3px solid #ff910f;}
.index-productlist>.content>.item>.image{width: 250px;height: 155px;}
.index-productlist>.content>.item>.image>a>img{width: 250px;height: 155px;}
.index-productlist>.content>.item>.name{width: 230px;height: 35px;line-height: 35px;overflow: hidden;text-align: right;font-size: 16px;font-weight: bold;}

/*首页产品报价部分样式表*/
.index-price>.content{width:1200px;height: auto;margin-top: 10px;margin-bottom: 10px;}
.index-price>.content>.item{width:550px;height: 40px;line-height: 40px;font-size:22px;text-indent: 5px;border-bottom: 1px solid #DDD;margin: 10px 20px 0px 10px;float: left;}
.index-price>.content>.item>.price{color:#fa7f34;font-weight: bold}
.index-price>.content>.item>.note{color:#999}

/*首页行业应用部分样式表*/
.index-yingyong>.content{width:1200px;height: 500px;margin: 0px auto 0px auto;}
.index-yingyong>.note{width:950px;line-height: 40px;font-size: 20px;color: #333;margin: -15px auto 10px auto;font-weight: bold;}

/*首页行业应用部分样式表*/
.index-service>.content{width: 1200px;height: 450px;margin-top: 10px;clear: both;}
.index-service>.content>.left{width:800px;height: 450px;float: left}
.index-service>.content>.right{ float: left;width: 370px;height: 330px;background-color: #FFFFDD;margin-top:50px;margin-left: -50px;font-size: 18px;line-height: 40px;border-radius: 7px;}
.index-service>.content>.right>.title{width:340px;line-height:50px;padding-top: 10px;font-size: 24px;font-weight: bold;color: #222;text-align: center;}
.index-service>.content>.right>.form{width: 340px;margin: 0px 0px 0px 30px;font-size: 16px;}
.index-service>.content>.right>.form>.table .line{height: 60px;}
.index-service>.content>.right>.form>.table .line .row{font-size: 18px;color: #333;font-weight: bold;}
.index-service>.content>.right>.form>.table .line .input{width: 200px;height: 35px;border-radius: 7px;padding-left: 10px;border:2px solid #999;}
.index-service>.content>.right>.form>.submit{width: 300px;height: 45px;line-height: 45px;background-color: #178D00;border-style: none;color: #FFF;margin-top: 10px;}

/*首页技术支持部分样式表*/
.index-support>.content{width:1200px;height: 480px;clear: both;margin-top: 15px;}
.index-support>.content>.left{width: 550px;height: 450px;float: left;}
.index-support>.content>.left>.line1{width: 550px;text-align: center;line-height: 80px;font-size: 32px;color: #0052a6;font-weight: bold;}
.index-support>.content>.right{width: 620px;height: 450px;float: right;}
.index-support>.content>.right>.list{width: 620px;height: 450px;margin: 0px 0px 0px 0px;line-height: 40px;font-size: 16px;}
.index-support>.content>.right>.list>.item{border-bottom: 1px solid #DDD;margin: 10px 0px 0px 0px;}
.index-support>.content>.right>.list>.item>.question{color: #333;font-weight: bold;}
.index-support>.content>.right>.list>.item>.question>.icon{width: 30px;height: 30px;border-radius: 20px;background-color: #006fe0;font-size: 12px;color: #FFF;padding: 5px;margin-right: 5px;}
.index-support>.content>.right>.list>.item>.answer{color: #666;}
.index-support>.content>.right>.list>.item>.answer>.icon{width: 30px;height: 30px;border-radius: 20px;background-color: #fa7f34;font-size: 12px;color: #FFF;padding: 5px;font-weight: bold;margin-right: 5px;}

/*首页联系方式部分样式表*/
.index-contact>.content{width: 1200px;height: 400px;clear: both;padding-top: 50px;}
.index-contact>.content>.left{width: 600px;height: 400px;margin-left: 40px;font-size: 24px;line-height: 60px;font-weight: bold;float: left}
.index-contact>.content>.left>.line{float: left;width: 550px;height: 60px;}
.index-contact>.content>.left>.line>.icon{width: 40px;height: 40px;margin-top: 10px;margin-right: 10px;display: block;background-size: 100% 100%;line-height: 60px;float: left;}
.index-contact>.content>.right{width: 500px;height: 400px;float: left;}

/*首页尾部导航部分样式表*/
.index-nav-bg{width:100%;height: 60px;margin-top: 10px;margin-bottom: 10px;text-align: center;}
.index-nav-bg>.index-nav{min-width: 800px;width: auto;padding: 0px 20px 0px 20px;display: inline-block;height: 50px;border-radius: 6px;background-color: #eee;margin: 0px auto 0px auto;line-height: 50px;font-size: 18px;color: #333;text-align: center;font-weight: bold;}
.index-nav-bg>.index-nav>a{padding: 0px 25px 0px 25px;text-decoration: none;}
.index-nav-bg>.index-nav>a:hover {text-decoration: underline;}

/*首页尾部样式表*/
.footer_bg{width: 100%;min-height:130px;height: auto;background-color: #0052a6;text-align: center;}
.footer_bg>.footer{width: 1100px;color: #FFFFFF;padding-top: 20px;padding-bottom: 20px; margin: 0px auto 0px auto;font-size:16px;line-height: 30px;background-color: #0052a6;}
.footer_bg>.footer a{color: #FFFFFF;text-decoration: none;}
.footer_bg>.footer a:hover{color: #F26B00;font-weight: bold;text-decoration: underline;}


/*文章列表页样式表*/
.article-list{padding-bottom:40px;}
.article-list>.content{width:1200px;min-height: 400px;height: auto;margin: 0px auto 30px auto;padding-bottom: 30px;padding-top: 10px;}
.article-list>.content>.item{width: 580px;height: 190px;margin:0px 10px 10px 0px;float: left;background-color: #F8F8F8;}
.article-list>.content>.item:hover{box-shadow: 2px 2px 2px 2px #ccc;}
.article-list>.content>.item>.image{width:220px;height: 160px;margin: 15px;float: left;}
.article-list>.content>.item>.image>a>img{width:220px;height: 160px;}
.article-list>.content>.item>.text{width: 320px;height: 160px;float: left;margin: 10px 0px 10px 0px;overflow: hidden;}
.article-list>.content>.item>.text>.title{width:310px;height: 45px;font-size: 22px;font-weight: bold;color: #333;overflow: hidden;line-height: 45px;}
.article-list>.content>.item>.text>.text{width:310px;height: 90px;line-height: 30px;font-size: 16px;color: #666;overflow: hidden;}
.article-list>.content>.item>.text>.date{width: 310px;height: 20px;padding-top: 5px;font-size: 14px;color: #666;overflow: hidden;}
.article-list>.content>.item>.no-text{width: 550px;height: 160px;float: left;margin: 10px 10px 10px 20px;overflow: hidden;}
.article-list>.content>.item>.no-text>.no-title{width:540px;height: 45px;font-size: 22px;font-weight: bold;color: #333;overflow: hidden;line-height: 45px;}
.article-list>.content>.item>.no-text>.no-text{width:540px;height: 90px;line-height: 30px;font-size: 16px;color: #666;overflow: hidden;}
.article-list>.content>.item>.no-text>.no-date{width: 540px;height: 20px;padding-top: 5px;font-size: 14px;color: #666;overflow: hidden;}
.article-list>.pager{text-align: center;clear: both;height: 80px;line-height: 80px; display: block; margin: 0px auto 0px auto;}
.article-list>.pager>a{font-size: 16px;background-color: #0052a6;color: #FFF;border-radius: 5px;padding: 10px 15px 10px 15px;margin: 10px;}
.article-list>.pager>a.hover{background-color: #999;}


/*文章详情页样式表*/



/*资料列表页样式表*/
.data-list{padding-bottom:40px;}
.data-list>.content{width:1200px;min-height:400px;height: auto;margin: 0px auto 30px auto;padding-bottom: 30px;padding-top: 10px;}
.data-list>.content>.item{width: 580px;height: 190px;margin:0px 10px 10px 0px;float: left;background-color: #F8F8F8;}
.data-list>.content>.item:hover{box-shadow: 2px 2px 2px 2px #ccc;}
.data-list>.content>.item>.image{width:220px;height: 160px;margin: 15px;float: left;}
.data-list>.content>.item>.image>a>img{width:220px;height: 160px;}
.data-list>.content>.item>.text{width: 320px;height: 160px;float: left;margin: 10px 0px 10px 0px;overflow: hidden;}
.data-list>.content>.item>.text>.title{width:310px;height: 135px;font-size: 22px;font-weight: bold;color: #333;overflow: hidden;line-height: 45px;}
.data-list>.content>.item>.text>.date{width: 310px;height: 25px;font-size: 14px;color: #666;overflow: hidden;}
.data-list>.content>.item>.no-text{width: 550px;height: 160px;float: left;margin: 10px 10px 10px 20px;overflow: hidden;}
.data-list>.content>.item>.no-text>.no-title{width:540px;height: 135px;font-size: 22px;font-weight: bold;color: #333;overflow: hidden;line-height: 45px;}
.data-list>.content>.item>.no-text>.no-date{width: 540px;height: 25px;font-size: 14px;color: #666;overflow: hidden;}
.data-list>.pager{text-align: center;clear: both;height: 80px;line-height: 80px; display: block; margin: 0px auto 0px auto;}
.data-list>.pager>a{font-size: 16px;background-color: #0052a6;color: #FFF;border-radius: 5px;padding: 10px 15px 10px 15px;margin: 10px;}
.data-list>.pager>a.hover{background-color: #999;}


/* 联系方式页-留言表单 */
.contact-service>.content{width: 1200px;height: 450px;margin-top: 10px;clear: both;}
.contact-service>.content>.left{ float: left;width: 370px;height: 330px;background-color: #FFFFDD;margin-top:30px;margin-left: 40px;font-size: 18px;line-height: 40px;border-radius: 7px;}
.contact-service>.content>.left>.title{width:340px;line-height:50px;padding-top: 10px;font-size: 24px;font-weight: bold;color: #222;text-align: center;}
.contact-service>.content>.left>.form{width: 340px;margin: 0px 0px 0px 30px;font-size: 16px;}
.contact-service>.content>.left>.form>.table .line{height: 60px;}
.contact-service>.content>.left>.form>.table .line .row{font-size: 18px;color: #333;font-weight: bold;}
.contact-service>.content>.left>.form>.table .line .input{width: 200px;height: 35px;border-radius: 7px;padding-left: 10px;border:2px solid #999;}
.contact-service>.content>.left>.form>.submit{width: 300px;height: 45px;line-height: 45px;background-color: #178D00;border-style: none;color: #FFF;margin-top: 10px;}
.contact-service>.content>.right{width:740px;height: 450px;float: right}


/* 在线报价页-留言表单 */
.price-service>.content{width: 1200px;height: 400px;margin-top: 10px;clear: both;}
.price-service>.content>.left{ float: left;width: 420px;height: 330px;background-color: #FFFFDD;margin-top:30px;margin-left: 180px;font-size: 18px;line-height: 40px;border-radius: 7px;}
.price-service>.content>.left>.title{width:390px;line-height:50px;padding-top: 10px;font-size: 24px;font-weight: bold;color: #222;text-align: center;}
.price-service>.content>.left>.form{width: 390px;margin: 0px 0px 0px 30px;font-size: 16px;}
.price-service>.content>.left>.form>.table .line{height: 60px;}
.price-service>.content>.left>.form>.table .line .row{font-size: 18px;color: #333;font-weight: bold;}
.price-service>.content>.left>.form>.table .line .input{width: 250px;height: 35px;border-radius: 7px;padding-left: 10px;border:2px solid #999;}
.price-service>.content>.left>.form>.submit{width: 350px;height: 45px;line-height: 45px;background-color: #178D00;border-style: none;color: #FFF;margin-top: 10px;}
.price-service>.content>.right{width:540px;height: 450px;float: right}

/*报价详情页*/
.price-detail>.content{width: 1200px; min-height: 450px; height: auto;margin-top: 10px;clear: both;padding-bottom: 20px;}
.price-detail>.content>.left{width:600px;height: 450px;float: left;padding-left: 50px;}
.price-detail>.content>.left>.list{width:500px;height: auto;display: inline-block;border: 1px solid #333;margin: 10px 0px 10px 30px;}
.price-detail>.content>.left>.list>.line{width:500px;height: 40px;line-height: 40px;font-size: 18px;border-bottom: 1px solid #333;clear: both;}
.price-detail>.content>.left>.list>.footer-line{width:500px;height: 40px;line-height: 40px;font-size: 18px;clear: both;}
.price-detail>.content>.left>.list>.line>.td1{width:80px;height: 40px;text-align: center;border-right: 1px solid #333;float: left }
.price-detail>.content>.left>.list>.line>.td2{width:200px;height: 40px;text-align: center;border-right: 1px solid #333;float: left}
.price-detail>.content>.left>.list>.line>.td3{width:200px;height: 40px;text-align: center;float: left;}
.price-detail>.content>.left>.price-text{width:495px;margin-left: 30px;font-size: 22px;font-weight: bold;color: #ff6600;text-align: right;}

.price-detail>.content>.right{float: left;width: 420px;height: 420px;background-color: #FFFFDD;margin-top:0px;margin-left: 30px;font-size: 18px;line-height: 40px;border-radius: 7px;}
.price-detail>.content>.right>.title{width:390px;line-height:50px;padding-top: 10px;font-size: 24px;font-weight: bold;color: #222;text-align: center;}
.price-detail>.content>.right>.form{width: 390px;margin: 0px 0px 0px 30px;font-size: 16px;}
.price-detail>.content>.right>.form>.table .line{height: 60px;}
.price-detail>.content>.right>.form>.table .line .row{font-size: 18px;color: #333;font-weight: bold;}
.price-detail>.content>.right>.form>.table .line .input{width: 250px;height: 35px;border-radius: 7px;padding-left: 10px;border:2px solid #999;}
.price-detail>.content>.right>.form>.submit{width: 350px;height: 45px;line-height: 45px;background-color: #178D00;border-style: none;color: #FFF;margin-top: 10px;}