*{ margin: 0; padding: 0; font-size: 16px;}
img{ border: 0;}
a,p,span,h1,i,b,em{text-decoration: none; margin: 0;font-style:normal;}
li,ul{ list-style: none;}
input,button{ border: none; outline: none; background: none; margin: 0;}
a{cursor: pointer;color: #000000;}
*body{ min-width: 1500px;}
table{border-collapse:collapse;}
.container{ width: 1400px; margin: 0 auto;}

/*首页栏目导航*/
.header{ position: absolute; width: 100%; height: 105px; background:#fff; z-index: 99;}
.header .header_logo{ float: left; height:85px;}
.header .header_logo img{float:left;width:60px;height:60px;margin-top: 20px;}
.header .header_logo p{margin-left:70px;margin-top: 20px;text-align: center;}
.header .header_logo span {display: block;color: #15569d;font-size:22px;font-weight:500;height:35px;}
.header .header_logo i {display: block;color: #000;font-size: 16px;height:30px;}
.header .header_logo b{font-size: 16px;color:#ff0000;}
.header .header_logo em{display: none;color: #15569d;font-size:25px; font-weight: 600;}

.header .header_title{ float: left; width: 55%;margin-left:2%;}
.header .header_title li{ position: relative; float: left; width: 14.2%; cursor: pointer;}
.header .header_word01{ display: block; text-align: center; padding-top: 23px; height: 82px;}
.header .header_word01 img{ height: 29px;}
.header .header_word01 span{ display: block; font-size: 16px; color: #000; line-height: 30px;}
.header .header_word02{ display: none; position: absolute; top: 105px; left: 0; z-index: 999; width: 96%; padding: 5px 2% 0; background: #15569d;}
.header .header_word02 a{ font-size: 14px; color: #fff; display: block; line-height: 52px; margin-bottom: 10px; text-align: center;}
.header .header_title ul li:after { position: absolute; content: ""; width: 100%; height: 4px; background: #15569d; left: 0; bottom: 2px;right: 0; transition: transform 0.5s; margin: auto;transform-origin: right center; transform: scaleX(0) }
.header .header_title ul li:hover:after { transform-origin: left center; transform: scaleX(1) }
.header .header_title li:hover .header_word02{ display: block;}
.header .header_word02 a:hover{ background: #fff;color: #15569d;}

.header .header_remark1{ float: right; margin-top:25px;}
.header .header_remark1 img{float:left;width:48px;height:56px;}
.header .header_remark1 p{margin-left:50px;}
.header .header_remark1 span {display: block;color: #000;font-size: 17px;font-weight:550;height:28px;}
.header .header_remark1 i{font-size: 17px;}

.header .header_remark2{display:none;margin-top:10px;width:20%;float: right; }
.header .header_remark2 img{float:left;width:52px;height:36px;}
.header .header_remark2 p{margin-left:50px;}
.header .header_remark2 p span {display: block;color: #000;font-size: 14px;height:18px;}
.header .header_remark2 p i {display: block;color: #000;font-size: 18px;font-style:normal;font-weight:600;height:28px;}

.header_active{position:fixed;background:#fff; height: 72px;}
.header_active .header_logo img{margin-top: 10px;}
.header_active .header_logo p{margin-top: 18px;}
.header_active .header_logo i{display:none;}
.header_active .header_logo span{display:none;}
.header_active .header_logo em{display:block;}
.header_active .header_title{width:55%;margin-left:5%;}
.header_active .header_word01{padding-top:18px;height: 54px;} 
.header_active .header_word01 img{display:none;}
.header_active .header_word02{top: 72px;}
.header_active .header_remark1{display:none;}
.header_active .header_remark2{display:block;}

/*幻灯样式*/
.swiper-container .banner_bg{ display: block; width: 100%;}
.swiper-container .banner_left{ position: absolute; top: 45%; left: 45%; margin-left: -405px; z-index: 9999; width: 400px; opacity: 0; visibility: hidden; transition: all 2s;}
.swiper-container .banner_right{position: absolute; top: 25%; left: 70%; margin-left: -405px; z-index: 9999; width: 640px; opacity: 0; visibility: hidden; transition: all 5s;}
.swiper-slide-active .banner_bg{ transition: opacity 1.5s; opacity: 1;}
.swiper-slide-active .banner_left{width:400px;height:200px; opacity: 1; visibility: visible;}
.swiper-slide-active .banner_right{width:640px;height:480px; opacity: 1; visibility: visible;}

/*搜索栏*/
.clear{ clear: both;}
.search{ opacity: 0; visibility: hidden; position: absolute; right: 130px; top: 45px; z-index: 9999; padding: 0 35px 0 15px; background: #1f4db2; border-radius: 25px;
transition: all 2s;-moz-transition: all 2s;-webkit-transition: all 2s; -o-transition: all 2s;}
.search01{ opacity: 1; visibility: visible; z-index: 1500;}
#loupe_icon01{ cursor: pointer;}
.search input{ line-height: 35px; height: 35px; background: #1f4db2; width: 400px; margin: 0 20px 0 10px; color: #fff; font-size: 16px;}
.search input:-internal-autofill-selected {-webkit-appearance: menulist-button; background-color: #1f4db2 !important; color: #fff !important; background-image: none !important;}
.search input::-webkit-input-placeholder { color: #fff;}
.search input:-moz-placeholder {color: #fff;}
.search input::-moz-placeholder { color: #fff;}
.search input:-ms-input-placeholder {color: #fff;}
.search img{ width: 35px; display: block; position: absolute; top: 0; right: 10px; z-index: 9999;}

/*public*/
.category_tit{position: relative;text-align: center;}
.category_tit p {line-height: 212px;color: #ddd;font-family: impact;font-size: 126px; text-transform: uppercase;}
.category_tit span {position: absolute;line-height: 60px;font-size: 45px;color: #222;top: 80px;font-weight: bold;display: block;width: 100%;height: 60px;}
.category_tit span i {line-height: 60px;font-size: 45px;color: #dc323b;font-style: normal;}
.category_tit em {position: absolute;line-height: 25px;font-size: 20px;color: #222222;top: 145px;font-weight: 100;display: block;width: 100%;height: 25px;font-style: normal;}

/*首页产品中心*/
.index_product{width:100%; background: #f5f5f5;}
.product_content{width:100%; overflow: hidden;}
.product_nav{ overflow: hidden; float: left; padding: 0px 0 50px;padding-left:25%;}
.product_nav li{ float: left; padding: 0 15px; background: #efefef; margin: 0 8px 0 0; line-height: 50px; height: 50px; cursor: pointer; font-size:16px;}
.product_nav .on{ background:#1f4db2; color: #fff; transition: all 0.3s;font-weight: bold;}
.product_list{ width: 100%;}
.product_list li{ width: 100%; overflow: hidden;}
.pl01{ position: relative; float: left; width: 696px;height:522px; cursor: pointer; overflow: hidden;}
.pl01_img{ display: block; width: 696px; height: 522px; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;box-sizing:border-box;}
.pl01_tip{ background: rgba(0,0,0,0.8); overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 99; height:150.5px;padding: 20px 5%;
transition: all 0.5s; -webkit-transition: all 0.5s; opacity: 1; visibility: visible; border-bottom: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;box-sizing:border-box;}
.pl01_tip01{ float: left;}
.pl01_tip01 h1{ font-size: 18px; color: #fff; font-weight: 500;}
.pl01_tip01 p{ margin-top: 6px;}
.pl01_tip01 p,.pl01_tip01 span{ font-size: 14px; color: #fff;}
.pl01_tip02{ float: right; padding: 6px 30px; font-size: 14px; color: #fff; border-radius: 30px; background: #1f4db2; margin-top: 9px;}
.pl02{overflow: hidden; width: 700px;}
.pl02a{ position: relative; float: right; width: 332px; margin: 0 0 23px 15px;}
.pl02_img{ display: block; width: 330px; height: 247px; border: 1px solid #c7c7c7;}
.pl02_tip{ background: rgba(0,0,0,0.75); overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 99; width: 90%; padding: 13px 5%;
transition: all 0.5s; -webkit-transition: all 0.5s; opacity: 1; visibility: visible;}
.pl02_tip01{ float: left;}
.pl02_tip01 h1{ font-size: 16px; color: #fff; font-weight: 500;}
.pl02_tip01 p{ margin-top: 6px;}
.pl02_tip01 p,.pl02_tip01 span{ font-size: 14px; color: #fff;}
.pl02_tip02{ float: right; }
.interpret_tier01{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: calc(100% - 200px); padding-top: 200px; background: rgba(0,0,0,0.8); text-align: center;
transition: all 0.5s;-webkit-transition: all 0.5s; opacity: 0; visibility: hidden;}
.interpret_tier01 h1{ color: #fff; font-size: 20px;}
.interpret_tier01 p{width:90%;margin:15px auto;}
.interpret_tier01 p,.interpret_tier01 span{ font-size: 16px; color: #fff;}
.interpret_tier01 a{ display: inline-block; font-size: 16px; color: #fff; padding: 8px 20px; background:#1f4db2; border-radius: 30px; margin-top: 40px;
transition: all 0.8s; -webkit-transition: all 0.8s; transform: translateY(250px);}
.interpret_tier02{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: calc(100% - 70px); padding-top: 70px; background: rgba(0,0,0,0.8);text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s; opacity: 0; visibility: hidden;}
.interpret_tier02 h1{ color: #fff; font-size: 16px;}
.interpret_tier02 p{width:90%;margin:10px auto}
.interpret_tier02 p,.interpret_tier02 span{ font-size: 14px; color: #fff;}
.interpret_tier02 a{ display: inline-block; font-size: 14px; color: #fff; padding: 6px 18px; background: #1f4db2; border-radius: 30px; margin-top: 30px;transition: all 0.8s; -webkit-transition: all 0.8s; transform: translateY(150px);}
.pl01:hover .interpret_tier01{ opacity: 1; visibility: visible;}
.pl01:hover .pl01_tip{ padding: 0 5%; opacity: 0; visibility: hidden;}
.pl01:hover .interpret_tier01 a{ transform: translateY(0);}
.pl02a:hover .interpret_tier02{ opacity: 1; visibility: visible;}
.pl02a:hover .pl02_tip{ padding: 0 5%; opacity: 0; visibility: hidden;}
.pl02a:hover .interpret_tier02 a{ transform: translateY(0);}
.more{ width:160px; margin:0px auto;padding:60px 0;}
.more a{width: 160px;border: solid 2px #1f4db2;background: #fff;text-align: center;font-size: 16px;padding: 10px 30px;}
.more a:hover{ background: #1f4db2;color: #fff;}

/*首页-横幅广告*/
.ad{width: 100%;background: url(/static/pc/img/ad1.jpg) no-repeat center top;height: 350px;}
.ad .left{width: 800px; margin-top: 100px;text-align: left;float:left;}
.ad .left p {font-size: 40px;padding-bottom: 20px;color:#fff;}
.ad .left span{font-size: 20px; color: #fff;}
.ad .right {width: 300px;padding-top: 100px;text-align: center;float:right;}
.ad .right .ad_box{width:100%;border: 1px solid #fff;height: 50px;line-height: 50px;border-radius: 30px;margin-bottom:20px;}
.ad .right .ad_box:hover{background: #43be4a;}
.ad .right em {width: 25px;height: 25px;display: inline-block;background-position: -100px 0;margin-right: 10px;}
.icon {background: url("/static/pc/img/icon.png") no-repeat;display: inline-block;vertical-align: middle;}
.ad .right span{color: #fff;font-size: 26px;text-align: center;font-family: "AvantGardeITVbyBT Book", arial;vertical-align: top;}

/*首页-工程案例*/
.index_case{width:100%; background: #fff;padding-bottom:150px;}
.icase_content{ margin: 58px 0 10px;}
.icase_content ul{ overflow: hidden; width: 98vw; margin: 0 auto;}
.icase_content li{ float: left; width: 24vw; margin: 0 0.25vw; position: relative; cursor: pointer;}
.icase_content li img{ display: block; width: 24vw; height: 24vw;}
.icase_title{ background: rgba( 0,0,0,0.5); height: 80px; position: absolute; width: 90%; padding: 0 5%; bottom: 0; left: 0;}
.icase_title p{ font-size: 18px; color: #fff; line-height: 30px; margin-top: 15px;}
.icase_title span{ font-size: 14px; color: #fff; line-height: 20px;}
.icase_box {position: relative; width: 90%;height: 58%;margin: 5%; padding-top: 32%;}
.icase_box::before, .icase_box::after {position: absolute;content: ' ';width: 0;height: 0;border: 1px solid transparent;box-sizing: border-box;z-index: 99999;}
.icase_box::before {top: 0;left: 0;transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;}
.icase_box::after {bottom: 0;right: 0;transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;}
.icase_box:hover:before, .icase_box:hover:after {width: 100%;height: 100%;}
.icase_box:hover::after {z-index: -1; border-bottom-color: #1f4db2;border-left-color: #1f4db2;transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}
.icase_box:hover::before { z-index: -1; border-top-color: #1f4db2;border-right-color: #1f4db2;transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;}
.icase_storey{ display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 999; text-align: center;}
.icase_storey p{ font-size: 18px; color: #fff;}
.icase_storey a{ font-size: 16px; color: #fff; display: inline-block; margin-top: 30px; background: #1f4db2; padding: 12px 20px;}
.icase_content li:hover .icase_title{ display: none;}
.icase_content li:hover .icase_storey{ display: block;}

/*首页合作伙伴*/
.index_partner{width:100%; background: #f5f5f5;padding-bottom:150px;}
.brand{ overflow: hidden;}
.brand li{ float: left; width: 231px; border-top: solid 1px #e1e1e1; border-left: solid 1px #e1e1e1; cursor: pointer;}
.brand li img{ display: block; width: 231px; height: 143px;}
.brand li:nth-child(6n){ border-right: solid 1px #e1e1e1;}
.brand li:nth-child(n+13){ border-bottom: solid 1px #e1e1e1;}
.brand li .brand02{ display: none;}
.brand li:hover .brand01{ display: none;}
.brand li:hover .brand02{ display: block;}

/*首页公司简介*/
.index_company{ background: url(/static/pc/img/bg_company.jpg) top center no-repeat; background-size: 100% 100%; padding: 80px 0 100px;}
.index_company .content{ width: 950px; margin: 0 auto;}
.company_tit{width:100%;text-align: center;}
.company_tit h1{ font-size: 40px; line-height: 40px; color: #fff; font-weight: bold;}
.company_tit i{width: 60px;background: #fff;margin: 15px 0;position: absolute;height: 3px;left: 50%;margin-left: -30px;}
.company_tit p{ font-size: 16px; color: #fff;margin-top:25px;}
.company01{text-align: center;}
.company01 p{ font-size: 15px; text-align:left;line-height: 26px; color: #fff; margin: 60px 0;}
.company01 img{ cursor: pointer;}
.company02{ overflow: hidden; margin-top: 20px; padding: 30px 0;}
.company02 li{ width: 25%; float: left; text-align: center; position: relative; cursor: pointer;}
.company02 li:last-child .company02b{ display: none;}
.company02a{ width: 76px;}
.company02 p{ font-size: 16px; color: #fff; margin-top: 15px;}
.company02b{ width: 1px; position: absolute; right: 0; top: 30px;}
.slideGroup{ margin-top: 50px;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding: 0 79px; position:relative;}
.slideGroup .slideBox ul{ overflow:hidden; zoom:1;}
.slideGroup .slideBox ul li{ width: 183px; margin: 0 12px; float:left; cursor: pointer;}
.slideGroup .slideBox ul li img{ width: 183px; height: 255px; display: block;}
.slideGroup .Prev03,.slideGroup .Next03{ position:absolute; left:0; top:100px; display:block; width: 54px; cursor: pointer;}
.slideGroup .Next03{ left:auto; right:0;}

/*首页-核心优势*/
.index_advantage{background:#fff;position:relative;}
.adv_bg{padding: 30px 0 0;position: relative;background: url(/static/pc/img/adv_line.gif) no-repeat center 80px;}
.adv{height: 480px;position: relative;}
.adv h1 {height: 38px;font-size: 28px;color: #1f4db2;line-height: 38px;}
.adv em {display: block;font-weight: normal;font-style: normal;color: #a8a8a8;line-height: 25px;font-size: 14px;}
.adv ul{margin-top: 80px;}
.adv ul li{font-size: 18px;height:40px;line-height: 40px;}
.adv_img{width:560px;height:400px;float: left;padding:40px;}
.adv_icon {top: 30px;left: 50%;margin-left: -36px;width: 72px; position: absolute;}
.adv_p {width: 600px;float: left;margin: 40px 0 0 120px;}
.adv_p2 {width: 600px;float: left;margin: 40px 0 0 120px;}
.adv_img2{width:560px;height:400px;float: left;padding:40px;margin-left:20px;}

/*首页新闻中心*/
.news{ background: #f1f1f1; padding-bottom: 100px;}
.news_tab{ overflow: hidden;}
.news_nav{text-align: center;margin-bottom: 60px;}
.news_nav li{ display: inline-block; background: #fff; margin: 0 15px; width: 146px; height: 46px; line-height: 46px; border: solid 1px #323232; cursor: pointer;font-size:16px;}
.news_nav .on{ background: #1f4db2; color: #fff; border: solid 1px #1f4db2;}
.news_left{height: 483px; padding-top: 32px; background: #fff; display:inline-flex;}
.news_left .news_pic{ width: 349px; height: 290px;display: block; padding: 0 20px;}
.news_left img{ width: 347px; height: 288px; border:1px solid #ccc;}
.news_left h1{ width: 349px; font-size: 16px; color: #323232; line-height: 24px; padding: 15px 20px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.news_left span{ display: block; font-size: 14px; line-height: 30px; color: #999; padding: 0px 20px; }
.news_left p{ width: 349px; font-size: 14px; line-height: 24px; color: #a7a7a7; padding: 0px 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.news_right{ width: 580px; height: 499px; padding-top: 16px; background: #fff; float: right;}
.news_right li{ border-bottom: solid 1px #d6d6d6; margin: 0 30px; padding: 22px 20px; overflow: hidden; cursor: pointer;} 
.news_right01{ float: left; width: 13%;}
.news_right01 span{ font-size: 36px; color: #666; font-weight: 600;}
.news_right01 p{ font-size: 14px; color: #666;}
.news_right02{ float: right; width: 87%;}
.news_right02 h1{ font-size: 18px;color: #323232;white-space:nowrap;overflow:hidden;text-overflow : ellipsis;}
.news_right02 p{ font-size: 14px; color: #a7a7a7; line-height: 20px; margin-top: 10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news_left li a:hover .news_left h1{color: #1f4db2;}
.news_right li:hover .news_right01 span{ color: #1f4db2;}
.news_right li:hover .news_right01 p{ color: #1f4db2;}
.news_right li:hover .news_right02 h1{ color: #1f4db2;}
.news_right li:hover .news_right02 p{ color: #1f4db2;}

/*首页联系我们*/
.contact{ background: url("/static/pc/img/bg_contact.jpg") top center no-repeat; background-size: 100% 100%;}
.part02{ width: 950px; margin: 0 auto;}
.title_con h1{ font-size: 18px;}
.title_con h2{ font-size: 30px; line-height: 40px;}
.title_con h2 span{ font-size: 30px; color: #ffa02f; font-weight: bold; margin-left: 15px;}
.title_con p{ font-size: 16px; color: #999;}
.title_con .title_con_1{ color: #fff;}
.title_con .title_con_1 span{ color: #fff;}
.whipptree{ width: 60px; height: 3px; background: #ccc; margin: 15px 0;}
.whipptree01{ background: #fff;}
.whipptree02{ margin: 15px auto;}
.contact01{ text-align: center; padding: 90px 0 70px;}
.contact ul{ overflow: hidden;}
.contact li{ float: left; width: 33.3%; text-align: center; transition: all 1s; transform: translateY(100px); opacity: 0;}
.contact li:nth-child(2){transition: all 1s ease 0.2s;}
.contact li:nth-child(3){transition: all 1s ease 0.4s;}
.contact img{ width: 48px; display: block; margin: 0 auto 42px;}
.contact p{ font-size: 16px; color: #fff; line-height: 30px;}
.contact span{ font-size: 14px; color: #fff;}
.sentence{overflow: hidden; height: 50px; margin-top: 115px;}
.sentence span{ float: left; width: 25%; height: 1px; background: #666272; margin-top: 24px;}
.sentence p{ float: left; font-size: 18px; line-height: 50px; color: #fff; width: 50%; text-align: center;}
.sentence span:last-child{ float: right;}
.part01{ width: 1400px; margin: 0 auto; position: relative;}
.touch{ overflow: hidden; padding: 30px 0 60px;}
.touch01{ width: 8%; padding: 0 1% 0 4%; float: left; margin-right: 1%;background: #fff; font-size: 14px; line-height: 46px; height: 46px; position: relative;}
.touch02{width: 30%; padding: 0 1% 0 4%;}
.touch03{ width: 19%; padding: 0 1% 0 4%; float: left; margin-right: 1%;background: #fff; font-size: 14px; line-height: 46px; height: 46px; position: relative;}
.touch01 img{ position: absolute; width: 22px; top: 12px; left: 15px;}
.touch03 img{ position: absolute; width: 150px; top: 0px; left: 1px;}
.touch01 input,.touch02 input{ width: 50%;}
.touch03 input{ width: 100%;padding-left:100px;}
.touch button{width: 10%; float: right; line-height: 46px; height: 46px; background: #1f4db2; color: #fff;}
.contact .exhibit03{ transform: translateY(0); opacity: 1;}


/*首页footer*/
/* .container{ width: 1200px;     margin: 58px auto 0px;} */
.clean_up{ overflow: hidden; width: 1200px;margin:0 auto;color:#fff;}
.footer01{ background: #333; padding: 56px 0 65px;}
.footer01a{ float: left; border-left: solid 1px #767676; height: 310px; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 13%; padding: 10px 0 0 2%;}
.footer01a p{ font-size: 18px; color: #fff; margin-bottom: 25px;}
.footer01a a{ display: block; font-size: 14px; line-height: 30px; color: #a3a3a3; cursor: pointer;}
.footer01a a:hover{ color: #fff;}
.footer01b{ width: 20%;}
.footer01a span{ color: #a3a3a3; display: block; font-size: 14px; line-height: 30px;}

.footer01c{ width: 28%; border-right: solid 1px #767676; padding: 10px 0 0 2%;}
.footer01c img{ width: 162px; margin-bottom: 10px;}
.footer01c p{    font-size: 18px;  color: #fff;  margin-bottom: 25px;}
.footer01c span{color: #a3a3a3; display: block; font-size: 14px; line-height: 30px;}

.footer02{ background: #1e1e1e; height: 82px; line-height: 82px; overflow: hidden;}
.footer02 p{ font-size: 14px; color: #fff; float: left;}
.footer02 p a{color: #fff;font-size: 14px;}
.footer02 span{float: right;}
.footer02 span a{font-size: 14px; color: #fff;}
.footer_remark{ float: left;  position: relative; margin-top: 20px;margin-left:10%;}
.footer_remark a{ margin: 0 12px; float: right; position: relative;}
.footer_remark .footer_remark_pic01{ width: 35px; display: block;}
.footer_remark .footer_remark_pic02{ display: none; width: 100px; height: 100px; position: absolute; left: -32.5px; z-index: 999;bottom:85px;}
.footer_remark a:hover .footer_remark_pic02{ display: block;}
.fz{float:left;}
.fz select {margin-top: 20px;	width: 150px;	height: 30px;	line-height: 30px;
border: 1px solid #ffffff;	background-color: #323232;	font-size: 14px;	color: #fff;text-indent: 5px;}
.fz option{color:#fff;} 


.picture{ width: 100%;}
.picture img{ width: 100%; display: block;}
.read{ overflow: hidden; background: #f0f0f0; border-top: solid 6px #1f4db2;}
.read01{ width: 32%; float: left;}
.read01_title{ padding: 56px 20px 30px 0; border-bottom: solid 2px #1f4db2; background: linear-gradient(to right, #1f8e9c, #1f4db2); overflow: hidden;}
.read01_title img{ float: right; height: 52px; margin-top: 7px;}
.read01_word{ float: right;}
.read01_word h1{ font-size: 28px; color: #fff; line-height: 42px; text-align: right;}
.read01_word p{ font-size: 16px; color: #fff; line-height: 18px;}
.read01_content{ overflow: hidden;}
.read01_content_work{ float: right; padding: 60px 0 100px;width:70%;}
.read01_content_work li{ width: 90%; padding: 0 5%; line-height: 60px; height: 60px; background: linear-gradient(to right, #21909e, #1f4db2); margin-bottom: 30px; border-bottom: solid 1px #1f4db2; cursor: pointer;}
.read01_content_work li span{ font-weight: bold; color: #fff; font-size: 24px;}
.read01_content_work li p{display: contents; color: #fff; font-size: 18px; margin-left: 10%;  text-align: right;}
.read01_content_work li p a {color: #fff; font-size: 18px;}
.read01_content_work .read01_content_active{ background: #fff; border-bottom: solid 1px #1f4db2;}
.read01_content_work li .read01_content_active01{ color: #1f4db2;}
.read01_content_work li .read01_content_active02{ color: #666;}
.read01_content_work li .read01_content_active02 a { color: #666;}
.read01_content_work li:hover{ background: #fff; border-bottom: solid 1px #1f4db2;}
.read01_content_work li:hover span{ color: #1f4db2;}
.read01_content_work li:hover p{ color: #666;}
.read01_content_work li:hover p a { color: #666;} 
.read01_content_contact{ margin-top: 150px;}
.read01_content_contact .title{font-size: 30px;border-bottom: 1px solid #1f4db2;line-height: 60px;height: 60px;color:#1f4db2; font-family: "微软雅黑";padding-left: 45%;font-weight:bold;}
.read01_content_contact .msg{border-bottom: 1px solid #1f4db2;height: 120px;color:#1f4db2; font-family: "微软雅黑";    display: inline-block;}
.read01_content_contact .msg p{font-size:25px;height:40px;float:right;padding-top: 20px;}
.read01_content_contact .msg span{font-size:25px; float:right;padding-right:5%;}
.read01_content_contact .code img{ width: 80%;padding:10%;}
.read02{ float: left; width: 68%; padding-left: 3%; box-sizing: border-box; background: #fff; border-left: solid 1px #1f4db2;}
.read_about{ background: url(/static/pc/img/arc_news.png) bottom right no-repeat #fff; background-size: 972px;}
.read02_title{ border-bottom: solid 2px #1f4db2; height: 66px; padding-top: 80px;}
.read02_word{ width: 880px; overflow: hidden;}
.read02_word h1{ font-size: 28px; color: #1f4db2; float: left;}
.read02_word p{ font-size: 14px; color: #999; float: right; margin-top: 15px;}
.read02_word p a { font-size: 14px; color: #999;}
.read02_word span{ font-size: 14px; color: #999;}
.read02_content{ width: 880px; min-height: 1000px;}
.read02_content01{ min-height: 1200px;}
.about_us{ font-size: 16px; line-height: 36px; padding: 60px 0;}

/*新闻侧边栏-start*/
.left_news{ background: #fff; padding-bottom: 20px; margin:100px 0 40px;}
.left_news .title{font-size: 18px;line-height: 50px; height: 50px; padding: 0 25px;color: #fff;background:linear-gradient(to right, #21909e, #1f4db2);}
.left_news .msglist {background: #fff;}
.left_news .msglist li{ width: 100%; border-bottom: solid 1px #e1e1e1; height: 140px;background:#fff;}
.left_news .msglist li img{ display: block; width: 290px; height: 120px;}
.left_news .msglist li h1{line-height: 20px; margin: 10px 0 12px 3%;float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #323232;font-size: 17px;}
.left_news .msglist li span{font-size: 15px; margin: 0 5% 0 0; color: #999999;}
.left_news .msglist li p{ text-align:left;font-size: 15px; height: 90px;line-height: 30px;  color: #323232;  margin-left: 3%;  width:90%; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	  -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.left_news .msglist li:last-child{ border-bottom: 0;}
.left_news .all{ width: 80%; line-height: 50px; height: 50px; margin: 10px auto 0; color: #434343; font-weight: bold; text-align: center; border: solid 1px #434343; border-radius: 5px;}
.left_news .all:hover{ background: #1f4db2; color: #fff;}
/*新闻侧边栏-end*/

.show{ padding: 36px 0; line-height: 30px; color: #666;text-align: center;}
.box{width:200px; display: inline-block;padding-right: 40px;}
.box a{text-align:center; font-size:16px;}
.box img {width:100%;}
.work{ *position: absolute; bottom: 0; left: 0; width: calc(100% - 140px); padding: 0 70px; height: 90px; line-height: 90px; border-top: solid 1px #c7c7c7;}
.work p{ font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.work span{ font-size: 14px; color: #666;}
.work a { font-size: 14px; color: #666;}
.work01{ float: left; width: 40%;}
.work02{ float: right; width: 40%;}

.case_content{ padding: 60px 0;}
.case_title{ overflow: hidden;}
.case_logo{ height: 60px; border: solid 1px #eee; float: left;}
.case_logo img{ height: 60px; display: block;}
.case_word{ overflow: hidden; float: right; width: 732px; border-bottom: solid 1px #e2e2e2;}
.case_word h1{ font-size: 24px; line-height: 60px; font-weight: normal; float: left;}
.case_word a{ float: right; line-height: 60px;}
.case_word a:hover{ text-decoration: underline;}
.case_reveal ul{ overflow: hidden; margin-top: 20px;}
.case_reveal li{ float: left; width: 278px; margin: 0 20px 50px 0; border: solid 1px #e2e2e2; cursor: pointer;}
.case_reveal li:nth-child(3n){ margin-right: 0;}
.case_reveal li .case_pic{ width: 278px; height: 278px; display: block;}
.case_reveal li .case_tip{ overflow: hidden; padding: 0 18px;}
.case_tip01{ float: left;}
.case_tip01{ padding: 13px 0;}
.case_tip01 h1{ font-size: 18px; font-weight: normal;}
.case_tip01 p{ font-size: 14px; font-weight: bold; margin-top: 4px;}
.case_tip img{ width: 30px; float: right; margin-top: 21px;}

.case_explicit01{ overflow: hidden; padding-bottom: 40px;}
.case_explicit01 .case_explicit01_img{ width: 432px; height: 432px; float: left;}
.case_explicit01_con{ float: right; width: 400px; padding-top: 10px;}
.case_explicit01_word{ margin-bottom: 50px;}
.case_explicit01_word p{ font-size: 18px; margin-top: 15px;}
.case_explicit01_word img{ display: block; margin-top: 15px; width: 195px; border: solid 1px #e1e1e1;}
.case_explicit01_word .case_explicit01_word_p{ color: #22919e;}
.case_explicit02{ border-top: solid 1px #e1e1e1; padding-top: 20px;}
.case_explicit02 h1{ font-size: 16px;}
.case_explicit02 p{ margin: 20px 0;}

.information{ padding-bottom: 60px;}
.information li{ padding: 35px 0 26px; border-bottom: solid 1px #e1e1e1; overflow: hidden; cursor: pointer;}
.information01{ float: left; width: 172px; height: 129px;}
.information02{ float: right; width: 678px;}
.information02 h1,.information03 h1{ font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.information02:hover h1{ color: #1f4db2;}
.information02a{ margin-top: 28px; line-height: 20px;}
.information02a img{ width: 17px; vertical-align: middle; margin-right: 10px;}
.information02a p{ font-size: 14px; color: #999; display: inline-block; margin-right: 50px; vertical-align: middle;}
.information02a span{ font-size: 14px; color: #999;}
.information02b{ font-size: 14px; color: #999; margin-top: 15px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.information03{ width: 100%; cursor: pointer;}
.information03:hover h1{ color: #1f4db2;}

.infor{ padding-top: 60px;}
.infor h1{ font-size: 24px; line-height: 35px;}
.infor_remark{ padding: 28px 0 35px; border-bottom: solid 1px #e1e1e1;}
.infor_remark p{ font-size: 14px; color: #999; display: inline-block; margin-right: 60px;}
.infor_remark span{ font-size: 14px; color: #999;}

.infor_source{height:50px; margin: 30px 0 0 0;text-align: center;background:url(/static/pc/img/look_more.gif)  no-repeat center top;}
.infor_source .ahtml{font-size: 18px; color: #fff; padding-top: 12px;}

.infor_content{ padding: 60px 0;}
.infor_content p{line-height:35px;font-size:16px;}
.infor_content p a{font-size:16px;}

.ask_answer{border: 3px solid; border-image-slice: 1;border-image-source: linear-gradient(135deg,transparent 70px, #1f4db2 100px);	 padding: 100px 15px 15px 15px;  background: url(/static/pc/img/answer.png) no-repeat left top; margin: 70px 0px;}

.article_kwd{padding:20px 35px 20px; background: #f8f8f8; overflow: hidden; margin-bottom: 15px;}
.article_kwd h1{line-height: 45px;border-bottom: solid 1px #aaa;font-size:18px; margin-bottom: 10px;}
.article_kwd li{ float:left; width:45%;  line-height:35px;}
.article_kwd li:nth-child(2n+1){float:right;width:45%;padding-left:5%; border-left: solid 1px #aaa;}
.article_kwd li a{color:#000;font-size:16px;}
.article_kwd li a:hover{color:#1f4db2;text-decoration:none;}


.produce{ padding-bottom: 60px;}
.produce li{ border-bottom: solid 1px #e1e1e1; overflow: hidden; padding: 40px 0;}
.produce li .produce_img{ float: left; width: 320px; height: 240px; border: solid 1px #eee;}
.produce_content{ float: right; width: 525px; position: relative;}
.produce_content h1{ font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.produce_content p{ font-size: 15px; color: #1f4db2; margin: 20px 0; font-weight: bold;}
.produce_content span{ font-size: 15px; color: #1f4db2; margin: 0 10px; font-weight: bold;}
.produce_word{ font-size: 14px; line-height: 24px; color: #999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.produce_btn{ margin-top: 50px;}
.produce_btn img{ width: 32px; margin-right: 10px; vertical-align: middle;}
.produce_btn a{ display: inline-block; height: 60px; padding: 0 20px; line-height: 60px; font-size: 14px; color: #fff; background: #1f4db2; margin-right: 12px; cursor: pointer;}
.produce_btn button{ height: 60px; padding: 0 20px; line-height: 60px; font-size: 14px; color: #fff; background: #fc8424; cursor: pointer;}
.produce01{ border-bottom: solid 1px #e1e1e1; overflow: hidden; padding: 40px 0 10px;}
.produce01 .produce_img{ float: left; width: 320px; height: 240px; border: solid 1px #eee;}

/*产品详情页右侧幻灯及内容*/
.pro{ padding-bottom: 60px;}
.pro01 { overflow: hidden; padding: 40px 0 10px;} 
.pro_img{ float: left; width:478px; height: 358px; border: solid 1px #eee;}

.proBox{width: 480px; height:360px; position: relative; overflow:hidden; float:left; *margin-top:15px; }
.proBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.proBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.proBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#ccc; cursor:pointer; }
.proBox .hd ul li.on{ background:#f00; color:#fff; }
.proBox .bd{ position:relative; height:100%; z-index:0;   }
.proBox .bd li{ zoom:1; vertical-align:middle; }
.proBox .bd img{ width:478px; height: 358px; border: solid 1px #eee; display:block;  }
.proBox .prev,
.proBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/static/pc/img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.proBox .next{ left:auto; right:3%; background-position:8px 5px; }
.proBox .prev:hover,
.proBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.proBox .prevStop{ display:none;  }
.proBox .nextStop{ display:none;  }

.pro01_title{ float: right; width: 380px; height:360px;position: relative;}
.pro01_title h1{ font-size: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pro01_title p{ font-size: 18px; color: #000; margin: 20px 0;}
.pro01_title span{ font-size: 16px; color: #1f4db2; margin: 0 10px; }


.pro01_btn{ position: absolute; width: 100%; height: 60px; left: 0; bottom:0;}
.pro01_btn button{ float: left; height: 60px; padding: 0 28px; line-height: 60px; font-size: 16px; color: #fff; background: #d61e1e; cursor: pointer;}
.pro01_btn img{ width: 32px; margin-right: 15px; vertical-align: middle;}
.pro01_btn a{ float: right; background: #22919e; line-height: 60px; font-size: 16px; padding: 0 26px; color: #fff;}

.pro_cpjs{font-size: 30px;margin: 20px 0;color: #22919e;border-bottom: solid 1px #e1e1e1;}

.produce02{margin: 35px 0;}
.produce02 p {font-size: 16px; line-height: 35px;}
.produce02 p a{font-size: 16px;}
.produce02 table{border-collapse:collapse;}
/*产品详情页右侧幻灯及内容-end*/



.about_us01{ padding: 60px 0;}
.graceful{ overflow: hidden;}
.graceful li{float: left; width: 280px; margin: 0 20px 30px 0; border-bottom: solid 1px #e1e1e1;} 
.graceful li img{ width: 280px; height: 208px; display: block;}
.graceful li:nth-child(3n){ margin-right: 0;}
.graceful li p{ line-height: 60px; font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.propose{ overflow: hidden;}
.propose01{ float: left;}
.propose01 h1{ font-size: 24px;}
.propose01 p{ font-size: 18px; line-height: 40px; font-weight: bold;}
.propose img{ float: right;}
.opinion{ margin-top: 70px;}
.opinion01{ display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.opinion01 input{ line-height: 60px; height: 60px; border: solid 2px #dbdbdb; width: 45%; padding: 0 1.5%;}
.opinion02 input{ width: 97%; padding: 0 1.5%; line-height: 60px; height: 60px; border: solid 2px #dbdbdb; margin: 35px 0;}
.opinion textarea{ width: 97%; height: 206px; padding: 20px 1.5%; border: solid 2px #dbdbdb; resize: none; outline: 0; background: transparent;}
.opinion button{ width: 280px; height: 60px; font-size: 18px; color: #fff; text-align: center; line-height: 60px; background: #21909d; margin-top: 35px; cursor: pointer;}
.opinion01 input::-webkit-input-placeholder { color: #323232;}
.opinion01 input:-moz-placeholder { color: #323232;}
.opinion01 input::-moz-placeholder { color: #323232;}
.opinion01 input:-ms-input-placeholder { color: #323232;}
.opinion02 input::-webkit-input-placeholder { color: #323232;}
.opinion02 input:-moz-placeholder { color: #323232;}
.opinion02 input::-moz-placeholder { color: #323232;}
.opinion02 input:-ms-input-placeholder { color: #323232;}
.opinion textarea::-webkit-input-placeholder { color: #323232;}
.opinion textarea:-moz-placeholder { color: #323232;}
.opinion textarea::-moz-placeholder { color: #323232;}
.opinion textarea:-ms-input-placeholder { color: #323232;}

.page_info {
	width: 100%;
	margin: 10px auto 60px 0px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	clear: both;
	padding-top: 20px;
}
.page_info div {
	display: inline;
	border: 1px solid #1f4db2;
	border-radius: 5px;
	padding: 6px 14px;
	text-align: center;
	margin: 0px 10px 0px 0px;
	font-size: 14px;
	color: #133e7d;
}
.page_info .current {
	background-color: #1f4db2;
	border: 1px solid #1f4db2;
	color: #fff;
}
.page_info .tiaozhuan {
	font-size: 14px;
	color: #1f4db2;
	border: none;
}
.page_info .tiaozhuan input:first-child {
	width: 30px;
	height: 30px;
	padding: 0px;
	text-align: center;
	border-radius: 5px;
}
.page_info .tiaozhuan input {
	border: 1px solid #1f4db2;
	padding: 6px 14px;
	font-size: 14px;
	background: none;
	width: auto;
	cursor: pointer;
	color: #1f4db2;
	border-radius: 5px;
}
.page_info a {
	font-size: 14px;
	color: #1f4db2;
	display: inline;
}
.page_info a:hover {
	color: #1f4db2;
}

/*友情链接*/
.section {padding: 50px 0 300px;background: #f1f1f1;}
.con_link {	padding: 0 15px;width: 1200px;margin: 0 auto;}
.yunu-link {padding: 40px 0 80px;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #1f4db2;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}
.yunu-link li a{font-size:16px;}


/*网站导航样式*/
.website{ overflow: hidden; padding-top: 60px;width: 100%;}
.website_content{ min-width: 1060px; padding: 0 70px; background: #fff; min-height: 1200px; position: relative;}
.website_content_h1{ height: 130px; line-height: 130px; font-size: 24px; font-weight: bold; border-bottom: solid 1px #c7c7c7;}
.website_map{ padding: 36px 0; line-height: 30px; color: #666;}
.bs_main_r{width:100%;padding:0 15px 15px 20px;background:#fff;border:1px #ddd solid;margin:20px 0 30px 0;}
.itable{width:100%; margin:0 auto; padding:0 0; font-size:14px; } 
.it-title{background:url(/static/pc/img/wzdt_bg1.jpg) repeat-x; font-family:Microsoft YaHei;margin-top:10px;} 
.it-title{ height:30px; line-height:30px; border:1px #ddd solid; margin-top:30px; color:#333;} 
.it-title strong{background:url(/static/pc/img/wzdt_icon1.jpg) 10px center no-repeat; padding-left:25px; display:block; font-size: 18px;} 
.it-content{padding:10px; line-height:28px; border:1px #ddd solid;border-top:0;} 
.it-content a{display:inline-block;margin-right:21px; color: #323232;font-size:18px;} 
.it-content a:hover{color:#fe0000;}

/*侧边栏在线客服*/
.sidebar {position: fixed; right:-230px; bottom: 0px; _position: absolute; width: 230px; height: 100%; background: #15569d; z-index: 999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; }
.sidebar .hoverbtn{width:30px; height:129px; padding-top:20px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-30px; font-size:14px; color:#fff; background:#15569d; -webkit-border-radius: 3px 0px  0px 3px; -moz-border-radius: 3px 0px  0px 3px; -o-border-radius: 3px 0px  0px 3px;      border-radius: 3px 0px  0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;} 
.sidebar .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;}
.sidebar .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;}
.hoverimg2{background:url(/static/pc/img/hoverbtnbg1.png) no-repeat; } 
.sidebar .conter{width:186px; height:560px; margin-left:22px;   position:absolute; top:40%;*margin-top:-140px;margin-top:-280px;}
.sidebar .conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:22px;}
.sidebar .conter .con1 dl dt{width:31px; height:31px; float:left;    position: relative;
    top: 32px;}
.sidebar  dl .f1{width:142px; height:36px;line-height: 36px; float:right; font-size:14px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;}
.sidebar  dl .f2{ width:142px; float:right; font-size:12px; color:#fff; height:30px;line-height: 30px; float:right;}
.kefuQQ a{ background:url(/static/pc/img/zxqq.gif)  no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;}
.kefuQQ a:hover{ background:url(/static/pc/img/zxqqh.gif)  no-repeat;}
.sidebar .conter .con1 dl dd .ph_num{ font:18px 'Microsoft yahei';*font-size: 16px;_font-size: 16px; color:#fff; height:25px;}
.sidebar .chuang{float:right;padding:22px 0; border-bottom:1px solid #6a6a6a;}
.sidebar .chuang dl dt{width:31px; height:31px; float:left; position: relative;top: 32px;}
.zxmsg a{ background:url(/static/pc/img/zxmsgicon.gif)  no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;}
.zixunchuang a{background:url(/static/pc/img/zxcicon.gif)  no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;}
.sidebar .qqcall{padding:22px 0px;border-bottom:1px solid #6a6a6a;}
.sidebar .qqcall dl dt{width:31px; height:31px; float:left; position: relative;top: 32px;}
.sidebar .weixincall{padding:22px 0; border-bottom:1px solid #6a6a6a;}
.sidebar .weixincall dl dt{width:31px; height:31px; float:left; position: relative;top: 32px;}
.sidebar .weixincall .f3{float: right;width:73px; height:auto; margin-right:69px; display:inline;}
.sidebar .weixincall .f3 img{width: 73px;height: auto;}
.sidebar .dytimer{    float: right; width: 160px; height: 40px; padding: 16px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;} 
.sidebar .dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} 
.sidebar .dytimer span a{ color:#fff;}
.diyou{_position: absolute; _bottom: auto;_margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} 
.diyoumask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;} 
.fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
#msg {display:none;}
#winbg{display:none;position:absolute;width:100%;background-color:#000;top:0;left:0;opacity: 0.8;z-index:400;}
#msg .msgbox{z-index:999;width: 636px; height: 565px;position: fixed;left:50%; top: 50%;margin: -282px 0 0 -318px; border:8px solid #1f4db2; background:#FFF; text-align:left;}
#msg .msgtitle{ position:relative; height:44px; border-bottom:1px solid #CCCCCC; overflow:hidden;  background:#F5F5F5;}
#msg .msgtitle h2{background: url(/static/pc/img/sidebar_kf.png) no-repeat scroll -66px 2px transparent;  color: #666666;  font-size: 25px; font-weight: bold; height: 40px;  left: 10px;    line-height: 40px;  padding-left: 84px;  position: absolute;  top: 5px;}
#msg .msgtitle p{color: #666666;  font-size: 15px;  font-weight: bold;  left: 198px;  position: absolute;  top: 17px;}
#msg .msgclose{ background: url(/static/pc/img/sidebar_kf.png) no-repeat scroll -106px -42px transparent;  cursor: pointer;  height: 12px; overflow: hidden;  position: absolute;  right: 10px;  text-indent: -10em;  top: 17px;  width: 12px;}	
#msg .main{width:620px;height:auto;}
#msg .kf_qq_li{padding:19px 0; background: url(/static/pc/img/sidebar_kf_line.gif) no-repeat center bottom; float:left;  width:100%;}
#msg .kf_qq_li .kf_qq_li_left{ width:175px; float:left; background-image:url(/static/pc/img/sidebar_kf.png);  margin-right:22px;  height:50px;}
#msg .kf_qq_li .kf_qq_li_right{ width:394px; float:left;  color:#333;}
#msg .kf_qq_li_1{ background-position:3px -262px;}
#msg .kf_r_t{ width:100%; float:left; padding-bottom:4px;}
#msg .kf_r_t span{font-size:16px;float:left; padding-top:3px;}
#msg .kf_r_t .qyqq{  width:102px;  height:24px;  line-height:24px;  font-size:15px;  color:#fff;  background:#1f4db2;  display:block;  text-align:center;  float:left;  font-weight:bold;}
#msg .kf_qq_li2{padding:19px 0;float:left; width:100%;}
#msg .sidebar_form {	width: 100%;	height: 300px;	margin: 5px auto;}
#msg .sidebar_form form {width: 80%;	float: left;margin-top: 1px;margin-left: 50px;}
#msg .sidebar_form .sidebar_form_left{width:20%; float:left; height:40px;  line-height:40px;}
#msg .sidebar_form .sidebar_form_right{width:80%; float:right; font-family:"微软雅黑"; color:#333; height:40px; line-height:40px;}
#msg .sidebar_form form input[type="text"] {height: 30px;line-height: 30px;	margin-bottom: 20px;border: 1px solid #ccc; font-size: 15px;color: #999999;	width: 100% !important;	text-indent: 10px;	background-color: #fff;}
#msg .sidebar_form form input[type="submit"] {background: url(/static/pc/img/submit.png) no-repeat center center;width: 100px;height: 30px;border: none;}
#msg .sidebar_form form textarea {width: 100%;line-height: 50px;	border: 1px solid #ccc; text-indent: 10px;}
#msg .kf_qq_li3{padding:0 0 15px;float:left; width:100%;text-align:center;background:#F5F5F5;}
#msg .kf_qq_li3 p{padding-top:15px;border-top:1px dotted #dedede;}

/*根据屏幕大小进行变动*/
@media (min-width: 768px) and (max-width: 1400px){
	.container{width:1200px;}
	.header .header_remark1 i{display:none;}
	
	.pl01{width: 490px;height:518px; }
	.swiper-slide-active .banner_left{width:350px;height:175px;}
	.swiper-slide-active .banner_right{width:600px;height:450px;}
	
	.adv {height: 390px;}
	.adv_img{width: 460px;height: 310px;}
	.adv_img img{width: 460px;height: 310px;}
	.adv_p {width: 510px;}
	.adv h1 {font-size: 26px;}
	.adv ul li {font-size: 16px;}
	.adv_p2 {width: 510px;}
	.adv_img2{width:460px;height:310px;}
	.adv_img2 img{width: 460px;height: 310px;}
	
	.news_left {height: 400px;}
	.news_left .news_pic {width: 240px;height:210px;}
	.news_left img {width:278px;height:208px;}
	.news_left h1{width: 280px;}
	.news_left p {width: 280px;}
	.news_right {width: 530px;height:416px;}
	.news_right li {padding:12px 10px;}
	
}

.plat img{ width: 100%;}
.brand{ overflow: hidden;}
.brand li{ float: left; width: 231px; border-top: solid 1px #e1e1e1; border-left: solid 1px #e1e1e1; cursor: pointer;}
.brand li img{ display: block; width: 231px; height: 143px;}
.brand li:nth-child(6n){ border-right: solid 1px #e1e1e1;}
.brand li:nth-child(n+6){ border-bottom: solid 1px #e1e1e1;}

.product01{ background: #f2f2f2;}
.product_title{ padding: 75px 0 20px;text-align: center;  width: 100%;}
.product_title01{text-align: center;}
.product_title .title_img01{ width: 318px;}
.product_title .title_img02{ width: 374px;}
.product_title .title_img03{ width: 306px;}
.product_title .title_img04{ width: 388px;}
.product_title .title_img05{ width: 221px;}
.product_title .title_img06{ width: 630px;}
.product_title .title_img07{ width: 292px;}
.product_title .title_img08{ width: 326px;}
.product_title .product_text{ height: 55px; overflow: hidden;}
.product_title h1{ font-size: 40px; margin: 10px 0 15px;}
.product_title span{ font-size: 14px; color: #999;}
.product_title .product_title_h1{ color: #fff;}
.product_title .product_title_span{ color: #fff;}