@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; box-sizing:border-box; }

img,a,span,p{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

body{font-size:14px;color:#666;font-family:Arial, Helvetica, sans-serif;}
a{ text-decoration:none; color:#333;}
li{ list-style:none;}
img{ max-width:100%; margin:0 auto; display:block;}
.clr{ clear:both;}
.ri{ float:right;}
.le{ float:left;}
.w1200{ max-width:1280px; margin:0 auto;}
.clear::after{ display:block; content:""; clear:both;}


.toper{ background-color:#ffffcc;}
.logo{ padding-top:5px;}

.nav{ border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#e8e8e8; text-align:center;}
.nav li{ display:inline-block; margin: 0 40px; }
.nav li a{ padding:0 30px; display:block; line-height:60px; font-size:18px; color:#002060;}


.wap{ display:none;}
.hei50{ height:50px; width:100%;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; box-shadow:0 0 10px #CCC;}
.sp_logo{padding:5px 0 0 10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0085d5;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


.banner{ padding:30px 0;}
.banner .swiper-container{ padding-bottom:40px;}

.banner .swiper-pagination-bullet{ width:13px; height:13px;}
.banner .swiper-pagination-bullet-active{ background-color:#a6a408;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{ bottom:0;}

.nav li.on a{ background:#ffffcc;}

.about_box{ padding:10px 0 30px;}
.about_box .wenan{ width:calc(100% - 315px); padding-right:100px;}
.about_box .wenan p{ font-size:14px; line-height:2.8;}
.about_box .imgs{ width:315px; height:auto;}
.about_box .imgs img{ margin-bottom:20px; width:100%;}

.footer{ background:#ebebeb; padding:30px 0; border-top:3px solid #bfbfbf;}
.fot-logo{ width:110px; padding-top:15px;}
.fot_wenan{ width:calc(100% - 180px);  border-left:2px solid #dcdcdc; min-height:111px; padding:10px 0;padding-left:70px;}
.fot_wenan p{ font-size:16px; line-height:1.7;}


.man_pro_box{ padding:15px 0;}
.nav_subs{ width:200px;}
.quality_box{ width:calc(100% - 260px);}

.channame{ background:#ffffcc; text-align:center; line-height:50px; color:#002060; font-size:18px; border-bottom:1px solid #fff;}

.nav_subs li a{ position:relative; display:block; border:1px solid #dcdcdc; border-top:none; line-height:50px; padding-left:20px; color:#999999; font-size:14px;}
.nav_subs li.on a{ background:#f5f5f5;}
.nav_subs li.on a::before{ background:#0592e9; display:block; position:absolute; content:""; width:3px; height:17px; left:0; top:50%; margin-top:-8px;}

.quality_box p{ font-size:14px; line-height:2; display:block;}

.quality_box p img{ margin:20px auto;}

.quality_02 .titles{ margin-bottom:40px; position:relative; border-bottom:1px solid #ededed; padding:20px 0; margin-top:20px; font-size:24px; color:#089af4; font-weight:bold;}
.quality_02 .titles::before{ position:absolute; width:100px; height:3px; background:#089af4; content:""; display:block; left:0; bottom:0;}
.quality_box_ul{ padding:30px 0;}
.quality_box_ul li{ position:relative; width:30%; margin-bottom:10px; padding-right:20px; padding-left:20px; display:inline-block; font-size:14px;}
.quality_box_ul li::before{ content:""; top:50%; margin-top:-3px; display:block;width:7px; height:7px; border-radius:100%;  background:#089af4; position:absolute; left:0; }

.table{ display:table; width:100%; height:100%;}
.tbc{ display:table-cell; width:100%; height:100%; vertical-align:middle;}

.hezuo li{ height:100px; border:1px solid #d2d2d2; width:23%; margin:0 1% 3% 1%; float:left;}
.hezuo li img{ max-height:90%; max-width:90%; }

.equeimenttit{ text-align:center; font-size:24px; color:#0592e9; font-weight:bold; padding:15px 0;}

.service_ul_01 li{ width:49%; margin-right:2%; float:left; display:inline-block; margin-bottom:2%; text-align:center;}
.service_ul_01 li span{ display:block; font-weight:bold; font-size:18px; color:#089af4; padding:30px 0;}
.borders img{ border:1px solid #d2d2d2}
.service_ul_01 li:nth-child(2n){ margin-right:0}
.service_ul_01 li:nth-child(2n+1){ clear:left;}

.service_ul_02 li{ width:49%; margin-right:2%; float:left; display:inline-block; border:1px solid #d2d2d2; margin-bottom:2%;}
.service_ul_02 li img{ width:100%;}
.service_ul_02 li:nth-child(2n){ margin-right:0}
.service_ul_02 li:nth-child(2n+1){ clear:left;}
.service_ul_02 li span{ font-weight:bold; line-height:50px; background:#ffffcc; display:block; font-size:16px; color:#089af4; text-align:center;}

.service_ul_03 li{ width:32%; margin-right:2%; float:left; margin-bottom:2%;}
.service_ul_03 li span{display:block; font-weight:bold; font-size:18px; color:#089af4; padding:30px 0; text-align:center;}
.service_ul_03 li:nth-child(3n){ margin-right:0}

.formsss label{ display:block; padding:15px 0; font-size:16px; color:#000;}
.formsss label sup{ color:#ff0000}
.formsss input{ display:block; max-width:800px; border:1px solid #7c7c7c; width:100%; height:40px; padding:0 10px;color: #333; font-size:14px;font-family:"微软雅黑"}
.formsss textarea{ display:block; max-width:800px; border:1px solid #7c7c7c; width:100%; height:100px; padding:10px;color: #333; font-size:14px;font-family:"微软雅黑"}
.formsss button{ width:170px; height:45px; color:#fff; background:#094da0; font-size:20px; border:none; margin-top:25px; cursor:pointer;}
.quality_box .txtss{ font-size:14px; line-height:30px; min-height:30px; padding-left:40px; color:#000000; margin-bottom:10px;}
.quality_box .txtss.tels{ background:url(../images/Contact-us_03.jpg) no-repeat left 0;}
.quality_box .txtss.adds{ background:url(../images/Contact-us_06.jpg) no-repeat left 0;}
.quality_box .txtss.email{ background:url(../images/Contact-us_09.jpg) no-repeat left 0;}
.quality_box .txtss.else{ background:url(../images/Contact-us_12.jpg) no-repeat left 0;}

.contact_tit{ font-size:18px; font-weight:bold; color:#0ca0fa; padding:40px 0 20px;}


textarea::-webkit-input-placeholder{
    color: #6e6e6e; font-size:14px;font-family:"微软雅黑"
}
textarea:-moz-placeholder{
    color: #6e6e6e; font-size:14px;font-family:"微软雅黑"
}

textarea::-moz-placeholder{
    color: #6e6e6e; font-size:14px;font-family:"微软雅黑"
}

textarea:-ms-input-placeholder{
    color: #6e6e6e; font-size:14px;font-family:"微软雅黑"
}


input::-webkit-input-placeholder{
    color: #6e6e6e; font-size:14px;font-family:"微软雅黑"
}
input:-moz-placeholder{
    color: #6e6e6e; font-size:14px;font-family:"微软雅黑"
}

input::-moz-placeholder{
    color: #6e6e6e; font-size:14px;font-family:"微软雅黑"
}

input:-ms-input-placeholder{
    color: #6e6e6e; font-size:14px;font-family:"微软雅黑"
}

@media screen and (max-width:1300px){
	.w1200{ padding-left:20px; padding-right:20px;}
	.nav li{ width:18%; margin:0;}
	}
@media screen and (max-width:960px){
	 .biaoyu{ width:400px; padding-top:20px;}
	 .about_box .wenan{ padding-right:20px;}
	 .nav li a{ padding:0 10px;}
	 
	}
@media screen and (max-width:768px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .about_box .wenan{ width:100%; padding:15px 0;float:none;}
	 .about_box .wenan p{ line-height:1.8;}
	 .about_box .imgs{ width:100%; float:none;}
	 .fot-logo{ float:none; margin:0 auto;}
	 .fot_wenan{ width:100%; padding:20px 0; float:none; border:none; margin:0;}
	 .fot_wenan p{ line-height:1.6; font-size:14px;}
	 
	 .banner{ padding-bottom:10px;}
	 .banner .swiper-container{ padding-bottom:30px;}
	 .nav_subs{ margin:20px 0;}
	 .nav_subs,.quality_box { width:100%; float:none;}
	 .quality_box_ul li{ width:auto; padding-right:30px;}
	 .quality_box p{ line-height:1.65;}
	 .hezuo li{ width:48%; margin:1%; height:80px;}
	 
	 .service_ul_01 li,.service_ul_02 li,.service_ul_03 li{ width:100%; float:none;}
	 .service_ul_01 li span,.service_ul_03 li span{ padding:15px 0; font-size:16px;}
	 .service_ul_02 li{ margin-bottom:15px;}
	 .nav_subs li a,.channame{ line-height:40px;}
	}