html,body,ul,li,p,a,span,h1,h2,h3,h4,h5{margin: 0 ;padding: 0 ;font-family: "microsoft yahei" !important; behavior: url(PIE.htc); }
h1,h2,h3,h4,h5,h6{font-family: "microsoft yahei" !important;}
body{font-size: 15px;}
a{text-decoration: none;}
li{list-style: none;}
.fl{float: left;}
.fr{float: right !important;}
.clear{clear: both;}
.w100{width: 100%;}
.w80{width: 80%;}
.w75{width: 75%;}
.w70{width: 70%;}
.w65{width: 65%;}
.w60{width:60%}
.m0a{margin: 0 auto;}
.p80{padding: 80px 0;;padding: 0.8rem 0;}
.p40{padding: 40px 0;;padding: 0.4rem 0;}
.none{display: none;}
.block{display: block;}
.dis_n{display: none;}
/*header{width: 100%;background: #FFFFFF;position: fixed;top: 0 ;}*/
.container-fluid > .navbar-header{margin: 0 !important;}
.nav > li > a:hover, .nav > li > a:focus{background: #FFFFFF !important;}
/*主页*/
/*header*/


#header_ie  div.nav{width: 100%;background: #FFFFFF !important;}
#header_ie  div.nav .container-fluid{margin: 0 auto;width: 80%;padding: 10px 0;}
/*#header_ie .navbar-header{float: left;}*/
#header_ie .nav a.logo img{width: 200px;height: 65px;float: left;}
#header_ie .navbar{float: right;width: 80%;}
/*#header_ie .navbar ul.nav.navbar-nav{width: 85%;}*/
#header_ie .navbar ul.nav.navbar-nav{}
#header_ie .navbar ul.nav.navbar-nav li{float: left;width: 12%}
#header_ie .navbar ul.nav.navbar-nav li a{display: block;;color: #000000;text-align: center;}
#header_ie .nav .navbar-nav>li.active>a{color: #970303 !important;text-decoration: none;}
#header_ie .nav .navbar-nav>li>a:hover,
#header_ie .nav .navbar-nav>li>a:focus,#header_ie .nav .navbar-nav>li.active>a{color: #970303 !important;text-decoration: none;}





#nav{box-shadow: 0px 3px 15px 0px #aaa;}
#header .nav{font-size: 16px;line-height:1em ; *line-height: 1em;width: 100%;background: #FFFFFF;}
#header .nav .container-fluid{background:#FFFFFF;margin: 0 auto;max-height: 100px;padding: 15px 5px;width: 70%;}
/*#header .nav a.logo{background: url(../img/logo.png) no-repeat;display: block;width: 200px;height: 75px;background-size: contain; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo.png',sizingMethod='scale');}*/
/*#header .nav a.logo img{width: 270px;height: 73px;}*/
#header .nav .navbar-header span{background: #601010;}
/*#header .nav .navbar-nav{text-align: center;}*/ 
#header .nav .navbar-nav>li{padding: 0; text-align: center;float: left;width: calc(100%/7);}
#header .nav .navbar-nav>li>a{display: block;color: #000000;/*font-size: 14px;*/padding: 0 !important;line-height: 78px;}  
#header .nav .navbar-nav>li>a:hover,
#header .nav .navbar-nav>li>a:focus,#header .nav .navbar-nav>li.active>a{color: #970303 ;text-decoration: none;}
#header ul.navbar-nav{margin-left: 50px ;margin: 0;width: calc(100% - 300px);}


#banner{height: 600px;width: 100%;margin-top: 100px;position: relative;}
#banner li p.ban_01_t1{background: url(../img/text_bg_tri.png) no-repeat;width: 353px;width: 3.53rem;height: 251px;color: #FFFFFF;text-align: center;line-height: 20px; *line-height: 20px; _line-height: 20px;position: absolute;left: 15%;top: 15%;}
#banner li p.ban_01_t1 img{margin-top: 35px;}
#banner li div.ban_01_t2{position: absolute;bottom: 15%;width: 100%;}
#banner li div.ban_01_t2 p{font-size:0.2rem;color: #fff;text-align:center;}
/*header .banner li p.ban_01_t1 span{background: url(../img/professional.png)no-repeat;};*/
#banner li div.back{width: 655px;width:  6.55rem;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 15%;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5b808080,endcolorstr=#5b808080);}
#banner li p.ban_02_t1{background: url(../img/text_bg_line.png) no-repeat;width: 470px;width: 4.70rem;height: 205px;height: 2.05rem;margin: 80px;margin: 0.8rem auto !important;text-align: center;}
#banner li div.ban_02_t2{position: absolute;bottom: 15%;width: 100%;text-align: center;}
#banner li div.ban_02_t2 p{font-size: 0.3rem;display: inline-block;color: #fff;text-align: center;}
.slidizle-next, .slidizle-previous{opacity: 0.4 !important;}
.slidizle-next:hover, .slidizle-previous:hover{opacity: 1 !important;}
/*container 主页*/

#container  .c_head{text-align: center;position: relative;padding: 40px 0;padding: 0.4rem 0;font-size: 40px;font-size: 0.4rem }
#container  .c_head span::after{content: "";position: absolute;bottom: 20%;width: 40px;width: 0.4rem;height: 2px;background: #6b0f0f;left: 50%;margin-left: -20px;margin-left: -0.2rem;}
#container  .c_head span:after{content: "";position: absolute;bottom: 20%;width: 40px;width: 0.4rem;height: 2px;background: #6b0f0f;left: 50%;margin-left: -20px;margin-left: -0.2rem;}

#container .index_c_1 {padding: 20px 0;padding: 0.2rem 0;}
#container .index_c_1 .c1{width: 75%;margin: 0 auto;padding: 20px 0;padding: 0.2rem 0;text-align: center;}
#container .index_c_1 .c1 .c1_img{width: 472px;width: 4.72rem;height: 331px;height:3.31rem ;background: url(../img/index_c1.jpg) no-repeat;float: left;}
#container .index_c_1 .c1 .c1_text {width:50%;width: calc(100% - 500px);width: calc(100% - 5rem);width: -moz-calc(100% - 5rem);width: -webkit-calc(100% - 5rem);text-align: inherit;float: right;}
#container .index_c_1 .c1 .c1_text span{}
#container .index_c_1 .c1 .c1_text .t1{font-size: 22px;font-size: 2.2vw;}
#container .index_c_1 .c1 .c1_text .t2{font-size:18px ;font-size: 1.2vw;}
#container .index_c_1 .c1 .c1_text .t3{font-size:13px;font-size: 1.05vw;line-height: 50px;line-height: 0.5rem;display: inline-block;text-align: left;}

#container .index_c_2 {background: #eee;}
#container .index_c_2 .c2{width: 75%;margin: 0 auto;padding: 20px 0;padding: 0.2rem 0;}
#container .index_c_2 .c2 ul.c2_boxs li{/*height: 434px;height: 4.34rem;*/padding: 5px 15px !important;width: 33%;float: left;}
#container .index_c_2 .c2 ul.c2_boxs li h5{font-size: 25px;font-size: 0.25rem; text-align: center;}
#container .index_c_2 .c2 ul.c2_boxs li p{text-align: center;font-size: 16px;font-size: 0.16rem;line-height: 35px;line-height: 0.35rem;margin-top: 20px;margin-top: 0.2rem;}
#container .index_c_2 .c2 ul.c2_boxs li i{display: block;width: 100%;height: 241px;height: 2.41rem;}
#container .index_c_2 .c2 ul.c2_boxs li.box1 i{background:url(../img/index_c2_1.jpg) no-repeat;display: block;background-size: cover;}
#container .index_c_2 .c2 ul.c2_boxs li.box2 i{background:url(../img/index_c2_2.jpg) no-repeat;display: block;background-size: cover;}
#container .index_c_2 .c2 ul.c2_boxs li.box3 i{background:url(../img/index_c2_3.jpg) no-repeat;display: block;background-size: cover;}

#container .index_c_3 .c3 {width: 75%;margin: 0 auto;padding: 20px 0 ;padding: 0.2rem 0;}
#container .index_c_3 .c3 .brand {text-align: center;margin: 25px 0;margin: 0.25rem 0;}
#container .index_c_3 .c3 .brand a{background: url(../img/smart_candy.png) no-repeat;display:block;margin: 0 auto;width: 163px;width: 1.63rem;height: 146px;height: 1.46rem;background-size: cover;}
#container .index_c_3 .c3 p{font-size: 22px;font-size: 0.22rem;text-align: center;margin-top: 20px;margin-top: 0.2rem;line-height: 45px;line-height: 0.45rem;}

/*container 服务*/
#container .con_head{height:280px;height: 2.8rem;margin: 100px 0 0.4rem 0;margin-top:100px;text-align: center;color: #545454;}
#container .con_head.service {background: url(../img/service.png) no-repeat;background-size: 100% 298px;background-size: 100% 2.98rem;}
#container .con_head .c h2{font-size: 50px;font-size: 0.5rem;line-height: 200%;padding: 2% 0;}
#container .con_head .c p{font-size: 18px;font-size: 0.18rem;padding: 0 25px;}

#container .ser_c_1 .c1{width: 75%;margin:0 auto;padding: 40px 0;padding: 0.4rem 0 ;}
#container .ser_c_1 .c1 ul{display: flex;justify-content: space-between}
#container .ser_c_1 .c1 li{position: relative;cursor: pointer;width: 32%;margin:0 1% 0 0 ;float: left;}
/*#container .ser_c_1 .c1 li div.c1_text{position: absolute;left: 0;top:0;width: 100%;height: 240px;height: 2.4rem;/*background: rgba(0,0,0,0.4);text-align: center;color: #FFFFFF;  }*/
#container .ser_c_1 .c1 li a.c1_text {display: block;width: 100%;height: 240px;height: 2.4rem;background: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#66808080,endcolorstr=#66808080);color: #FFFFFF;text-align: center;text-decoration: none;}
#container .ser_c_1 .c1 li a.c1_text h3{font-size: 2.6vw;line-height: 220px;line-height: 2.2rem;margin: 0;}
#container .ser_c_1 .c1 li a.c1_text h2{font-size: 2.5vw;line-height: 190px;line-height: 1.9rem;width: 100%;position: absolute;left: 0;top: 0;-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;}
#container .ser_c_1 .c1 li a.c1_text p{font-size: 1.3vw;position: absolute;bottom: -70px;bottom: -0.7rem;width: 100%;opacity: 0;-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;}
#container .ser_c_1 .c1 li a:hover h2{line-height: 80px;line-height: 0.8rem;font-size: 2.1vw;}
#container .ser_c_1 .c1 li a:hover p{bottom: 30px;bottom: 0.3rem;opacity: 1;font-size: 1vw;}




/*#container .ser_c_1 .c1 li i{display: block;width: 100%;height: 240px;height: 2.4rem;}*/
/*#container .ser_c_1 .c1 li.c1_1 i{behavior: url(PIE.htc);background: url(../img/ser_c1_1.jpg) no-repeat;background-size: 100% 240px;background-position: center;}*/
#container .ser_c_1 .c1 li img{width: 100%;height: 240px;height: 2.4rem;}
/*#container .ser_c_1 .c1 li.c1_2 i{background: url(../img/ser_c1_2.jpg) no-repeat;background-size: 100% 240px;background-position:  center;}
#container .ser_c_1 .c1 li.c1_3 i{background: url(../img/ser_c1_3.jpg) no-repeat;background-size: 100% 240px;background-position: center;}
#container .ser_c_1 .c1 li.c1_4 i{background: url(../img/ser_c1_4.jpg) no-repeat;background-size: 100% 240px;background-position: center;}
#container .ser_c_1 .c1 li.c1_5 i{background: url(../img/ser_c1_5.jpg) no-repeat;background-size: 100% 240px;background-position: center;}
#container .ser_c_1 .c1 li.c1_6 i{background: url(../img/ser_c1_6.jpg) no-repeat;background-size: 100% 240px;background-position: center;}*/

/*#container .ser_c_1 .c1 li:hover a{opacity: 0;}*/

#container .ser_c_2 .c2{width: 75%; margin: 0 auto;padding: 40px 0;padding: 0.4rem 0 ;}
#container .head_line>div.headline_c{position: relative;}
#container .head_line>div.headline_c>h3{font-size: 1.7vw;text-align: center;}
#container .head_line>div.headline_c:after{content: "";width: 40%;width: calc(50% - 100px);position: absolute;top: 50%;right: 0;height: 2px;background: #000000;}
#container .head_line>div.headline_c:before{content: "";width: 40%;width: calc(50% - 100px);position: absolute;top: 50%;left: 0;height: 2px;background: #000000;}
#container .head_line>div.headline_c::after{content: "";width: calc(50% - 100px);width: calc(50% - 1rem);position: absolute;top: 50%;right: 0;height: 2px;background: #000000;}
#container .head_line>div.headline_c::before{content: "";width: calc(50% - 100px);width: calc(50% - 1rem);position: absolute;top: 50%;left: 0;height: 2px;background: #000000;}
#container .ser_c_2 .c2 .c2_boxs>ul{text-align: center;margin: 0 auto;	margin-top: 40px;}
#container .ser_c_2 .c2 .c2_boxs>ul li{height: auto;padding: 10px;padding: 0.1rem;}
#container .ser_c_2 .c2 .c2_boxs>ul li>div{border: 1px solid #000000;height: 315px;}
#container .ser_c_2 .c2 .c2_boxs>ul li h3{font-size: 0.28rem;}
#container .ser_c_2 .c2 .c2_boxs>ul li p{font-size: 0.9vw;margin: 20px 15px 20px 15px;margin: 0.2rem 0.15rem 0.2rem 0.15rem !important;line-height: 32px;line-height: 0.32rem;}
#container .ser_c_2 .c2 .c2_boxs>ul li i{display: block; height: 49px;height: 0.49rem;width: 100%;}
#container .ser_c_2 .c2 .c2_boxs>ul li.box1 i{background: url(../img/ser_c2_1.png) no-repeat;background-size: auto 49px; background-size: contain;background-position: center;}
#container .ser_c_2 .c2 .c2_boxs>ul li.box2 i{background: url(../img/ser_c2_2.png) no-repeat;background-size: auto 49px;background-size: contain;background-position: center;}
#container .ser_c_2 .c2 .c2_boxs>ul li.box3 i{background: url(../img/ser_c2_3.png) no-repeat;background-size: auto 49px;background-size: contain;background-position: center;}
#container .ser_c_2 .c2 .c2_boxs>ul li.box4 i{background: url(../img/ser_c2_4.png) no-repeat;background-size: auto 49px;background-size: contain;background-position: center;}

/*#container 解决方案*/
#container .con_head.solution{background: url(../img/solution.png) no-repeat;background-size: 100% 298px;background-size: 100% 2.98rem;}
		/*选项卡	head*/
#container .sol_c_1 .c1 .xxk{border: 1px #EEEEEE solid;}
#container .sol_c_1 .c1 .xxk .hd{margin: 0;padding: 0;}
#container .sol_c_1 .c1 .xxk .hd ul{margin: 0;}
#container .sol_c_1 .c1 .xxk .hd li{float: left;width: 33.33%;padding: 10px;padding: 0.1rem;font-size: 20px;font-size: 0.2rem;text-align: center;cursor: pointer;border-bottom: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;cursor: pointer;}
#container .sol_c_1 .c1 .xxk .hd li:last-child{border-right: none;}
#container .sol_c_1 .c1 .xxk .hd li.on{border-bottom: none;position: relative;}
#container .sol_c_1 .c1 .xxk .hd li.on::after{content: "";height: 3px;width: 100%;position: absolute;top: 0;left: 0;background: #AC2925;}
#container .sol_c_1 .c1 .xxk .hd li.on:after{content: "";height: 3px;width: 100%;position: absolute;top: 0;left: 0;background: #AC2925;}
		/*选项卡	body*//*box1*/
#container .sol_c_1 .c1 .xxk .bd>div{width: 100%;height: auto;padding: 20px;padding: 0.2rem;}
#container .sol_c_1 .c1 .xxk .bd .bd_box2{padding: 0 13%;}
#container .sol_c_1 .c1 .xxk .bd .bd_box2 div.bs>div{padding: 5%;font-size: 0.9vw;-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;text-align: center;line-height: 45px;line-height: 0.45rem;cursor: pointer;}
#container .sol_c_1 .c1 .xxk .bd .bd_box2 div.bs>div:hover{box-shadow: 0px 0px 25px 5px #ead8d8;}
#container .sol_c_1 .c1 .xxk .bd .bd_box2 div.bs>div.b_1{float: left;}
#container .sol_c_1 .c1 .xxk .bd .bd_box2 div.bs>div.b_2{float: right;}
					/*box1*/
#container .sol_c_1 .c1 .xxk .bd .bd_box1{padding: 0 16%;}
#container .sol_c_1 .c1 .xxk .bd .bd_box1>p{text-align: center;font-size: 16px;font-size: 0.16rem;line-height: 50px;line-height: 0.5rem;padding:30px;padding: 0.3rem;} 
#container .sol_c_1 .c1 .xxk .bd .bd_box1 div.bs>div{width: 49%;float: left;padding: 5% 0;margin-left: 0.5%;min-height: 42px;min-height: 4.2rem;-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;cursor: pointer;}
#container .sol_c_1 .c1 .xxk .bd .bd_box1 div.bs>div:hover{
box-shadow: 0px 0px 25px 5px #ead8d8;}
#container .sol_c_1 .c1 .xxk .bd .bd_box1 div.bs>div p{text-align: center;font-size: 0.9vw;line-height: 45px;line-height: 0.45rem;}

/*手风琴切换*/
#container .xxk .bd .sideMenu h3{height: 32px;line-height: 32px;margin: 0 0 24px 0;; padding-left: 10px;background: #f4f4f4;line-height: 35px;line-height: 0.35rem;font-size: 20px;font-size: 0.2rem;padding: 15px;padding: 0.15rem;text-align: center;box-sizing: content-box;cursor: pointer;}
#container .xxk .bd .bd_box3 .sideMenu ul p{font-size: 15px;font-size: 0.15rem;line-height: 40px;line-height: 0.4rem;padding: 0 50px 15px 50px;padding: 0rem 0.5rem 0.15rem 0.5rem;}



/*合作案例*/
#container .con_head.case{background: url(../img/case.png) no-repeat;background-size: 100% 298px;background-size: 100% 2.98rem;}
#container .c1{padding-bottom: 40px;padding-bottom: 0.4rem;width: 75%;}
#container .c1 .headline_c h3{margin: 100px 0}
/*#container .c1 table{margin: 100px auto;border:1px solid #f4eeee;}
#container .c1 table tr td{position: relative;width: 33%;height: 220px;height: 2.2rem;}
#container .c1 table tr td p{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;font-size: 0.9vw;}
#container .c1 table tr td.bhfmc{background: url(../img/bhfmc.png) no-repeat; background-position: center;}
#container .c1 table tr td {text-align: center;}
#container .c1 table tr td {}
#container .c1 table tr td.hbsnyt{background: url(../img/hbsnyt.png) no-repeat;background-position: center;}
#container .c1 table tr td.capinfo{background: url(../img/capinfo.png) no-repeat;background-position: center;}
#container .c1 table tr td.annjema{background: url(../img/annjema.png) no-repeat;background-position: center;}
#container .c1 table tr td.cellonis {background: url(../img/cellonis.png) no-repeat;background-position: center ;}
#container .c1 table tr td.dfjm {background: url(../img/dfjm.png) no-repeat;background-position: center ;}*/
#container .c1 .row{margin: 0}
#container .c1 .row >div img{width: 100%;}
#container .c1 .row>div{border-right: 1px solid #f4eeee;border-bottom: 1px solid #f4eeee;text-align: center;}
#container .c1 .customes{border-top: 1px solid #f4eeee;border-left: 1px solid #f4eeee;margin: 100px auto;}
#container .c1 .row >div:hover{background: #f5f5f5;}




/*contanier 关于我们*/
#container .con_head.about{background: url(../img/about.png) no-repeat;background-size: 100% 2.98rem; background-size: 100% 298px;}
#container .con_head.about .c h2{font-size: 0.4rem;line-height: 1rem;padding: 0.4rem 0;line-height: 100px;}
#container .ab_c_1{padding-bottom: 0.4rem;}
#container .ab_c_1 .c1_top .top_c ul{display: flex;justify-content: space-between;}
#container .ab_c_1 .c1_top .top_c ul>li{width: 30%;text-align: center;margin: 0 auto;float: left;}
#container .ab_c_1 .c1_top .top_c ul>li>div>i{border-radius: 50%;behavior: url(PIE.htc);display: block;width: 57px;height: 57px;width: 0.57rem;height: 0.57rem;padding: 10px;padding: 0.1rem;margin: 0 auto; }
#container .ab_c_1 .c1_top .top_c ul>li>p{font-size: 0.18rem;margin: 15px 0;margin: 0.15rem 0;text-align: center;}
/*container .ab_c_1 .c1_top .top_c ul li.c1_tc1{width: 30%;height: auto;}*/
#container .ab_c_1 .c1_top .top_c ul li div{width: 100%;}
#container .ab_c_1 .c1_top .top_c ul li.c1_tc1 div i{background: url(../img/ab_01_01.png) no-repeat;background-size: 57px 57px;background-size: 0.57rem;background-position: center;box-sizing: content-box;}
#container .ab_c_1 .c1_top .top_c ul li.c1_tc2 div i{background: url(../img/ab_01_02.png) no-repeat;background-size: 57px 57px;background-size: 0.57rem;background-position: center;box-sizing: content-box;}
#container .ab_c_1 .c1_top .top_c ul li.c1_tc3 div i{background: url(../img/ab_01_03.png) no-repeat;background-size: 57px 57px;background-size: 0.57rem;background-position: center;box-sizing: content-box;}
#container .ab_c_1 .c1_bottom{padding: 20px 0;padding: 0.2rem 0;}
#container .ab_c_1 .c1_bottom .bot_c>div {width: 50%;}
#container .ab_c_1 .c1_bottom .bot_c .left {float: left;}
#container .ab_c_1 .c1_bottom .bot_c .left i{display:block;background: url(../img/ab_2_1.jpg) no-repeat;width:100%;height: 405px;height: 4.05rem;background-size: 100% 405px;background-size: 100% 4.05rem;background-position: center;}
#container .ab_c_1 .c1_bottom .bot_c .right {padding: 3.9% 9%;float: right;}
#container .ab_c_1 .c1_bottom .bot_c .right p{line-height: 50px;line-height: 0.5rem;font-size: 1.2vw;}

#container .ab_c_2 {background: #EEEEEE;padding: 3% 0;overflow: hidden;}
#container .ab_c_2 .c2 .bd ul li{display: inline-block;margin-right: 0.6rem;margin-right: 60px;}
#container .ab_c_2 table {background: #FFF;}
#container .ab_c_2 table tr td{padding:20px 40px;padding: 0.2rem 0.4rem;border: 1px solid #eee;}
#container .ab_c_2 table img{width: 100%;}
#container .ab_c_2 table p{text-align: center;font-size:20px;font-size: 0.2rem ;color: #aaa ;margin-top: 20px;margin-top: 0.2rem;}

#container .ab_c_3 {padding: 40px;padding: 0.4rem;}
#container .ab_c_3 .c3{width: 75%;margin: 0 auto; text-align: center;}
#container .ab_c_3 .c3 .c3_p{padding: 40px 0;padding: 0.4rem 0;}
#container .ab_c_3 .c3 .c3_p .p1{font-size: 1.2vw;}
#container .ab_c_3 .c3 .c3_p .p2{font-size: 0.9vw;line-height: 40px;line-height: 0.4rem;}
#container .ab_c_3 .c3 .job_xxk{border-bottom: dashed 1px #000;}
#container .ab_c_3 .c3 .job_xxk .hd ul>li{float: left;width: 31.5%;height: 70px;height: 0.7rem;cursor: pointer;color: #601010;line-height: 70px;line-height: 0.7rem;font-size: 1.5vw;border: 2px solid #601010;-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;}
#container .ab_c_3 .c3 .job_xxk .hd ul>li.a{border-right: none;}
#container .ab_c_3 .c3 .job_xxk .hd ul>li.on{background: #601010;color: #FFFFFF;}
#container .ab_c_3 .c3 .job_xxk .bd>div{padding: 20px;padding: 0.2rem;}
#container .ab_c_3 .c3 .job_xxk .bd>div h2{text-align: left;margin: 0 !important;padding: 10px 0 30px 0;padding:0.1rem 0 0.3rem 0;color: #601010;font-size: 1.45vw;}
#container .ab_c_3 .c3 .job_xxk .bd>div ol li{text-align: left;list-style: decimal;line-height: 40px;line-height: 0.4rem;font-size: 0.9vw;list-style-position: inside;}

#container .ab_c_3 .c3 .address_to{padding: 20px;padding: 0.2rem;}
#container .ab_c_3 .c3 .address_to .box {padding: 20px;padding: 0.2rem;border: 4px solid #601010;display: inline-block;font-size: 1.9vw;}
#container .ab_c_3 .c3 .address_to .box b{color: #601010}

/*在线购买*/
#container .head_intro{width: 100%;height: 50px;height: 0.5rem;background: #458ac9;margin: 100px 0 0.4rem 0}
#container .head_intro .head_intro_c{width:70%;height: 100%;margin: 0 auto;line-height: 50px;line-height:0.5rem;font-size: 18px ;font-size: 0.18rem;color: #fff;/*padding-left: 1rem;*/box-sizing: border-box;font-weight: bolder;}

/*支付选择页面*/
#container .payfor_container_01 .container_01_c{width: 70%;margin: 30px auto;margin: 0.3rem auto;box-sizing: content-box;}
#container .payfor_container_01 .container_01_c .xxk .hd li.on:after{content: "";height: 3px;width: 100%;position: absolute;top: 0;left: 0;background: #ff3446;}


#container .dot{width: 100%;border:1px dashed #aaa;margin: 20px 0 40px;}
#container .payfor_container_01 .container_01_c .xxk.hd{margin: 0;padding: 0;}
#container .payfor_container_01 .container_01_c .xxk .hd ul{margin: 0;}
#container .payfor_container_01 .container_01_c .xxk .hd li{float: left;width: 200px;width:2rem;padding: 10px;padding: 0.1rem;font-size: 20px;font-size: 0.2rem;text-align: center;cursor: pointer;border: 1px solid #EEEEEE;border-bottom: none;cursor: pointer;}
#container .payfor_container_01 .container_01_c .xxk .hd li:first-child{border-right: 0px;}
#container .payfor_container_01 .container_01_c .xxk .hd li.on{border-bottom: none;position: relative;}
#container .payfor_container_01 .container_01_c .xxk .hd li.on::after{content: "";height: 3px;width: 100%;position: absolute;top: 0;left: 0;background: #ff3446;}
#container .payfor_container_01 .container_01_c .xxk .hd li.on::before{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;background: #fff;height: 3px;}

#container .payfor_container_01 .container_01_c .xxk .hd li.on:after{content: "";height: 3px;width: 100%;position: absolute;top: 0;left: 0;background: #ff3446;}
#container .payfor_container_01 .container_01_c .xxk .hd li.on:before{content: "";position: absolute;bottom: -2px;left: 0;width: 100%;background: #fff;height: 3px;}


#container .payfor_container_01 .container_01_c .xxk .bd{font-size: 16px;font-size: 0.16rem;padding: 20px;padding: 0.2rem;border: 1px solid #EEEEEE;}
#container .payfor_container_01 .container_01_c .xxk .bd  p{margin: 20px 0;text-indent: 2em;}

#container .payfor_container_01 .container_01_c .xxk .bd .choose>ul{margin: 30px 10px;}
#container .payfor_container_01 .container_01_c .xxk .bd .choose div.title{margin: 20px 10px;}
#container .payfor_container_01 .container_01_c .xxk .bd .choose div.title i{width: 25px;height: 25px;display: inline-block;background: url(../img/dot25.png);line-height: 160%;text-align: center;font-style: normal;color: #FFFFFF;}
#container .payfor_container_01 .container_01_c .xxk .bd .choose div.title span{font-size: 18px;}
#container .choose .payChooseBox {margin: 10px 70px;}
#container .choose .payChooseBox li{box-sizing: content-box;cursor: pointer;float: left;width:72px;height:30px;border: 1px solid #ff3446;margin: 5px;text-align: center;padding:5px 10px;line-height: 160%;-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
transition: 0.5s all ease;;}
#container .choose .payChooseBox li.selected,
#container .choose .payChooseBox li:hover{background:#ff3446;color:#FFFFFF}
#container .choose .payChooseBox input.diyinput{height: 35px;margin: 5px;padding: 0 5px;}


#container .payfor_container_01 .container_01_c .xxk .bd .tobuy{text-align: right;margin-top: 50px;padding: 20px;}
#container .payfor_container_01 .container_01_c .xxk .bd .tobuy .total_price,
#container .payfor_container_01 .container_01_c .xxk .bd .tobuy span{color: #eb6100;font-size: 22px;}
#container .payfor_container_01 .container_01_c .xxk .bd .tobuy .btn-buy{display: inline-block;background: #eb6100;color: #FFFFFF;padding: 5px 20px;border-radius: 5px 5px 5px 5px;font-size: 22px;margin: 10px;border-color: #eb61000;}

#container .pay_container_01 .container_01_c .choose{width: 70%;margin: 30px auto;margin: 0.3rem auto;border: 1px solid #EEEEEE;padding: 20px;font-size: 16px;}
#container .pay_container_01 .container_01_c .choose>ul>li{margin: 20px;}
#container .pay_container_01 .container_01_c h2{font-size: 22px;}
#container .pay_container_01 .container_01_c .payMethod li{margin: 30px 10px;}
#container .pay_container_01 .container_01_c .payMethod .payChooseBox li{width: 110px;width:1.1rem;line-height: 2em;}
#container .pay_container_01 .container_01_c .productDetails div{border: 1px solid #EEEEEE; margin: 20px 10px;padding: 20px;font-size: 18px}
#container .pay_container_01 .container_01_c .productDetails h3{font-size: 20px;}

#container .pay_container_01 .container_01_c .productDetails ul{margin:20px 10px;}
#container .pay_container_01 .container_01_c .productDetails ul li{margin-top: 10px;}
#container .pay_container_01 .container_01_c .productDetails p{color: #EB6100;text-align: right;font-size: 20px;}
#container .pay_container_01 .container_01_c .productDetails span{font-size: 22px;}
#container .pay_container_01 .container_01_c .contactMessage form.message{padding: 20px;}
#container .pay_container_01 .container_01_c .contactMessage input{margin: 15px 0 0 10px;width: 220px;width: 2.2rem;padding: 10px;padding: 0.1rem}
#container .pay_container_01 .container_01_c .contactMessage button{margin:15px 0 0 10px;padding: 5px 10px;background: #66AFE9;color: #fff;border-radius: 5px;border: none;}
#container .pay_container_01 .container_01_c .choose .topay {text-align: right;}
#container .pay_container_01 .container_01_c .choose .topay button{background: #eb6100;color: #FFFFFF;padding: 5px 20px;border-radius: 5px 5px 5px 5px;font-size: 22px;margin: 10px;border-color: #eb61000;}





/*footer*/
#footer {padding: 0.1rem 0;padding: 10px 0;width: 100%;background: #EEEEEE;}
#footer .f_c{width:80%;margin: 0 auto;padding: 0 20px;padding: 0 0.2rem;overflow: hidden;}
#footer .f_c .fc_t table{width: 80%;/*margin: 20px auto; margin: 0.2rem auto;*/float: left;}
#footer .f_c .fc_t table a{color: inherit;}
#footer .f_c .fc_t table a:active,
#footer .f_c .fc_t table a:hover{text-decoration: none;color: #555;}
#footer .f_c .fc_t table tr th{font-size: 20px;font-size: 0.2rem;}
#footer .f_c .fc_t table tr th,
#footer .f_c .fc_t table tr td{text-align: center;padding: 10px 0;padding: 0.1rem 0;}
#footer .f_c .fc_l{float: left;}
#footer .f_c .fc_l>p{font-size: 17px;font-size: 0.17rem;color: #5b0707;margin-bottom: 6% !important;float: left;margin-left: 35px;margin-left: 0.35rem;}
#footer .f_c .fc_l>p span{font-size: 12px;font-size: 0.12rem;}
#footer .f_c .fc_l .company_info{float: left;}
#footer .f_c .fc_l .company_info>div{float: left;vertical-align: middle;padding-bottom: 10px;padding-bottom: 0.1rem;margin-left: 20px;margin-left: 0.2rem;line-height: 25px;}
#footer .f_c .fc_l .company_info i.position{vertical-align: middle;display:inline-block;width: 20px;height: 20px;width: 0.2rem;height: 0.2rem;background: url(../img/position.png) no-repeat;background-size: contain;float: left;padding-top: 25px;padding-top: 0.25rem;} 
#footer .f_c .fc_l .company_info a{font-size: 14px;color: inherit;font-size: 0.14rem;padding-left:10px ;padding-left:0.1rem ;}
#footer .f_c .fc_l .company_info i.inter{vertical-align: middle;background: url(../img/inter.png) no-repeat;display:inline-block;height: 23px;width:23px;height: 0.23rem;width: 0.23rem;background-size: contain;padding-top: 20px;padding-top: 0.2rem;}
#footer .f_c .fc_r{float: left;text-align: center;font-size: 22px;font-size: 0.22rem;font-weight: bold;padding: 10px;padding: 0.1rem;}
#footer .f_c .fc_r i{display: block;height:135px;width: 135px;height: 1.35rem;width: 1.35rem;background: url(../img/ma.jpg) no-repeat;background-size: contain;margin-top: 10px;}

#beian{text-align: center;background: #1e2c37;color: #eee;padding: 10px 0;padding: 0.1rem 0;font-size: 12px;}
#beian img{margin-top: -5px;margin-top: -0.05rem;vertical-align: middle;}



@media  screen and (min-width: 1200px) {
	.container-fluid{width: 70%;}
	#header .navbar-nav>li>a{display: block;color: #000000;} 
}
@media  screen and (min-width:768px) and (max-width: 1199px) {
	.container-fluid{width: 80%;}
	#banner li div.ban_01_t2 p{font-size:0.25rem;}
	#container .index_c_2 .c2 ul.c2_boxs li{float: none !important;margin: 0 auto;width: 80%;}
	#header .nav .navbar-nav>li>a {display: block;padding: 2em 0;color: #000000;}
	#container .head_line > div.headline_c > h3{font-size: 25px;}
	
	#container .index_c_1 .c1 .c1_img { margin: 0 auto;float: none !important;}
	#container .index_c_1 .c1 .c1_text {width: auto;text-align: inherit;float: none !important;}
	#container .index_c_1 .c1 .c1_text .t1{font-size: 29px;}
	#container .index_c_1 .c1 .c1_text .t2{font-size: 14px}
	#container .index_c_1 .c1 .c1_text .t3{text-align: center;font-size: 15px}

	#container .ab_c_1 .c1_bottom .bot_c>div {width: auto !important;}
	#container .ab_c_1 .c1_bottom .bot_c .left {float: none !important;}
	#container .ab_c_1 .c1_bottom .bot_c .right {float: none !important;text-align: center;}
	#container .ab_c_2  .c2{width: 90% !important;}
	#container .ab_c_1 .c1_bottom .bot_c .right p{font-size: 15px;font-size: 0.15rem;}
	#container .ab_c_3 .c3 .job_xxk .hd ul > li{font-size: 17px;}
	#container .ab_c_3 .c3 .c3_p .p1{font-size: 17px}
	#container .ab_c_3 .c3 .c3_p .p2{font-size: 13px;}
	#container .ab_c_3 .c3 .job_xxk .bd > div h2{font-size: 22px;}
	#container .ab_c_3 .c3 .job_xxk .bd > div ol li{font-size: 13px;}
	#container .sol_c_1 .c1 .xxk .bd .bd_box2 div.bs>div{float: none !important;font-size: 18px;font-size: 0.18rem;}
	#container .sol_c_1 .c1 .xxk .bd .bd_box1 div.bs > div p{font-size: 18px;font-size: 0.18rem;}
	#container .ser_c_1 .c1 li a.c1_text h2{font-size: 27px;}
	#container .ser_c_1 .c1 li a.c1_text h3{font-size: 28px;}
	#container .ser_c_1 .c1 li a.c1_text p{font-size: 15px;}
	
#footer .f_c .fc_t table{width:73%}

	#container .ser_c_2 .c2{width: 90%;}
	#container .ser_c_2 .c2 .c2_boxs>ul{width: 80%;}
	#container .ser_c_2 .c2 .c2_boxs > ul li p{font-size: 13px;}
	
#container .c1 table tr td.capinfo{background-size: contain;}
#container .c1 table tr td.dfjm {background-size: contain;}
#container .c1 table tr td p{font-size: 15px;}
#footer .f_c { width: 89%;}
#footer .f_c .fc_l > p{font-size: 0.18rem ;font-size: 18px;}
#footer .f_c .fc_l > p span{font-size: 14px;font-size: 0.14rem;}
#footer .f_c .fc_l .company_info a{font-size: 17px; }
#footer .f_c .fc_r span{font-size: 0.16rem;font-size: 16px;}
	#container .head_line > div.headline_c > h3{font-size: 28px;}
#footer .f_c .fc_l .company_info{float: none;}
}
@media  screen and (min-width: 427px) and (max-width: 767px) {

	#banner li div.ban_01_t2 p{font-size:0.25rem;}
	#header ul.navbar-nav {margin-left: 50px;margin: 0; float: right;}
	.navbar-collapse ul li{float: none !important;}
	#header .nav a.logo {width: 250px;height: 100px;width: 2.5rem;height: 1rem;}
	#banner li div.back{width: 100%;left: 0;}	
	#container .head_line > div.headline_c > h3{font-size: 24px;}
	
	#container .index_c_2 .c2 ul.c2_boxs li{float: none !important;margin: 0 auto;width: 80%;}
	#container .index_c_1 .c1 .c1_text {width: auto;text-align: center !important;float: none !important;}
	#container .index_c_1 .c1 .c1_text .t1{font-size: 24px;}
	#container .index_c_1 .c1 .c1_text .t2{font-size: 12px}
	#container .index_c_1 .c1 .c1_text .t3{text-align: center;font-size: 12px}
	#container .index_c_1 .c1 .c1_img { margin: 0 auto; float: none !important; }
	#container .ab_c_1 .c1_bottom .bot_c>div {width: auto !important;}
	#container .ab_c_1 .c1_bottom .bot_c .left {float: none !important;}
	#container .ab_c_1 .c1_bottom .bot_c .right {float: none !important;text-align: center;}
	#container .ab_c_1 .c1_bottom .bot_c .right p{font-size: 15px;}
	
	#container .ab_c_2  .c2{width: 90% !important;}
	#container .ab_c_3 .c3 .job_xxk .hd ul > li{font-size: 16px;}
	#container .ab_c_3 .c3 .c3_p .p1{font-size: 16px}
	#container .ab_c_3 .c3 .c3_p .p2{font-size: 12px;}
	#container .ab_c_3 .c3 .job_xxk .bd > div h2{font-size: 20px;}
	#container .ab_c_3 .c3 .job_xxk .bd > div ol li{font-size: 12px;}
	#container .ser_c_1 .c1 li a.c1_text h2{font-size: 23px;}
	#container .ser_c_1 .c1 li a.c1_text h3{font-size: 22px;}
	#container .ser_c_1 .c1 li a.c1_text p{font-size: 12px;}
	#container .ser_c_2 .c2{width: 90%;}
	#container .ser_c_2 .c2 .c2_boxs{width: 100% !important;}
	#container .ser_c_2 .c2 .c2_boxs>ul{width: 100%;}
	#container .ser_c_2 .c2 .c2_boxs > ul li p{font-size: 14px;}
	#container .ser_c_1 .c1 li:hover a{opacity: 1;}
	#container .c1 table tr td.hbsnyt{background-size: contain;}
	#container .c1 table tr td.capinfo{background-size: contain;}
	#container .c1 table tr td.annjema{background-size: contain;}
	#container .c1 table tr td.cellonis {background-size: contain;}
	#container .c1 table tr td.dfjm {background-size: contain;}
	#container .sol_c_1 .c1 .xxk .bd .bd_box2 div.bs>div{float: none !important;}
	#footer .f_c { width: 99%;}
#container .c1 table tr td p{font-size: 13px;}
	
	    
}
@media screen and (min-width:560px) and (max-width:767px) {
	#container .sol_c_1 .c1 .xxk .bd .bd_box2 div.bs > div{font-size: 16px;}
	#container .sol_c_1 .c1 .xxk .bd .bd_box1 div.bs > div p{font-size: 16px;}
	#footer .f_c .fc_l > p{font-size: 18px;}
	#footer .f_c .fc_l > p span{font-size: 14px;}
	#footer .f_c .fc_l .company_info a{font-size: 16px;}
	#footer .f_c .fc_r span{font-size: 0.16rem;margin: 50px 0 0 12px;}
	#container .head_line > div.headline_c > h3{font-size: 26px;}

	
}
@media screen and (min-width: 437px) and (max-width: 559px) {
	#container .sol_c_1 .c1 .xxk .bd .bd_box2 div.bs > div{font-size: 14px;font-size: 0.14rem;}
	#container .sol_c_1 .c1 .xxk .bd .bd_box1 div.bs > div p{font-size: 14px;font-size: 0.14rem;}
	#footer .f_c .fc_l{float: none !important;}
#footer .f_c .fc_r{float: none;}
	#footer .f_c .fc_l>p{text-align: center;}
	#footer .f_c .fc_l .company_info a{float: none !important;}
	#footer .f_c .fc_l .company_info div.position_p{position: relative;left: 50%;margin-left: -60px;}
	#footer .f_c .fc_l .company_info div.inter_p{position: relative;left: 50%;margin-left: -85px;}
	#container .head_line > div.headline_c > h3{font-size: 25px;}
	#footer .f_c .fc_r i{margin: 10px auto;}
	#footer .f_c .fc_t table{float: none;width: 100%;}
}






@media screen and (max-width:436px ) {
	#container .head_line > div.headline_c >h3{font-size: 23px;}
	#header .nav .container-fluid{width: 99%;}
	#banner li div.ban_01_t2 p{font-size:0.25rem;}
	#banner li div.back{width: 100%;left: 0;}
	
	#header .nav a.logo img{width: calc(100% - 85px);margin-top: 10px;margin-top: 0.1rem;}
	#header ul.navbar-nav {width: auto;}
	.navbar-collapse ul li{float: none !important;}
	#header .nav a.logo {width: 400px;height:100px;width: 4rem;height: 1rem;}

	#container .index_c_2 .c2 ul.c2_boxs li{float: none !important;margin: 0 auto;width: 80%;}
	#container .index_c_1 .c1 .c1_text {width: auto;text-align: center;float: none !important;}
	#container .index_c_1 .c1 .c1_text .t1{font-size: 20px;}
	#container .index_c_1 .c1 .c1_text .t2{font-size: 12px}
	#container .index_c_1 .c1 .c1_text .t3{text-align: center;font-size: 12px}
	#container .index_c_1 .c1 .c1_img { margin: 0 auto;float: none !important;}
	#container .ab_c_1 .c1_bottom .bot_c>div {width: auto !important;}
	#container .ab_c_1 .c1_bottom .bot_c .left {float: none !important;}
	#container .ab_c_1 .c1_bottom .bot_c .right {float: none !important;text-align: center;}
	#container .ab_c_1 .c1_bottom .bot_c .right p{font-size: 14px;}
	
	#container .ab_c_2  .c2{width: 90% !important;}
	#container .ab_c_3 .c3 .job_xxk .hd ul > li{font-size: 15px;}
	#container .ab_c_3 .c3 .c3_p .p1{font-size: 15px}
	#container .ab_c_3 .c3 .c3_p .p2{font-size: 12px;}
	#container .ab_c_3 .c3 .job_xxk .bd > div h2{font-size: 18px;}
	#container .ab_c_3 .c3 .job_xxk .bd > div ol li{font-size: 11px;}
	#container .ab_c_3 .c3 .address_to .box{font-size: 15px;}
	#container .ab_c_3 .c3{width: 95%;}
	#container .con_head.about .c h2{padding: 0;line-height: 3px;}
	#container .con_head.about .c{padding:35px 0 28px 0;padding: 0.35rem 0 0.28rem 0;}
	#container .con_head.about .c p{padding: 26px 25px;}
	#container .con_head.service .c h2{padding: 0;line-height: 3px;font-size:25px ;}
	#container .con_head.service .c{padding:35px 0 28px 0;padding: 0.35rem 0 0.28rem 0;}
	#container .con_head.service .c p{padding: 26px 10px;font-size: 12px;}

	#container .con_head .c h2{padding: 0;line-height: 3px;}
	#container .con_head .c{padding:35px 0 28px 0;padding: 0.35rem 0 0.28rem 0;}
	#container .con_head .c p{padding: 26px 25px;}

	
	#container .ser_c_1 .c1 li a.c1_text h2{font-size: 18px;}
	#container .ser_c_1 .c1 li a.c1_text h3{font-size: 18px;}
	#container .ser_c_1 .c1 li a.c1_text p{font-size: 10px;}
	#container .ser_c_2 .c2 .c2_boxs>ul{width: 100%;}
	#container .ser_c_2 .c2 .c2_boxs{width: 100% !important;}
	#container .ser_c_2 .c2 .c2_boxs > ul li p{font-size: 10px;}
	#container .c1 table tr td p{margin: 0 ;}
	#container .c1 table tr td.bhfmc{background-size: contain;background-position: 40% 25%;}
#container .c1 table tr td.hbsnyt{background-size: contain;background-position: 40% 40%;}
#container .c1 table tr td.capinfo{background-size: contain;background-position: 40% 40%;}
#container .c1 table tr td.annjema{background-size: contain;}
#container .c1 table tr td.cellonis {background-size: contain;}
#container .c1 table tr td.dfjm {background-size: contain;}
#container  .cas_c_1 .c1{width: 80% !important;}
	#container .sol_c_1 .c1 .xxk .bd .bd_box2 div.bs>div{float: none !important;font-size: 12px;}
	#container .sol_c_1 .c1 .xxk .bd .bd_box1 div.bs > div p{font-size: 12px;}
	#footer .f_c{width: 99%;}
		#footer .f_c .fc_l{float: none !important;}
	#footer .f_c .fc_r{float: none !important;}
	#footer .f_c .fc_l>p{text-align: center;font-size: 18px;}
	#footer .f_c .fc_l .company_info a{float: none !important;}
	#footer .f_c .fc_l .company_info div.position_p{position: relative;left: 50%;margin-left: -60px;}
	#footer .f_c .fc_l .company_info div.inter_p{position: relative;left: 50%;margin-left: -61px;}
	#footer .f_c .fc_r span{margin: 0.2rem 0 0 0.2rem;margin: 20px 0 0 10px;}
#container .c1 table tr td p{font-size: 12px;}
#footer .f_c .fc_t table{float: none;width: 100%;}
#footer .f_c .fc_r i{margin: 10px auto;}
}
@media all and (max-width: 768px) {
	.container-fluid{width: 100%;}
	#header .nav .container-fluid{width: 100%;}
#container .ser_c_2 .c2 .c2_boxs>ul li>div{border: 1px solid #000000;height: auto;}
#footer .f_c .fc_r{padding: 0;}
	/*header ul.navbar-nav {margin-left: 50px;margin: 0; float: right;width: auto;}*/
}
