@charset "utf-8";
/* CSS Document */
@font-face{
    font-family: 'arial';
    src : url('../font/arial.ttf');
}
@font-face {
    font-family: 'colo';
    src : url('../font/COLONNA.TTF');
}
@font-face {
    font-family: 'impact';
    src : url('../font/impact.ttf');
}
@font-face {
    font-family: 'siyuan';
    src : url('../font/SOURCEHANSANSCN-BOLD.OTF');
}


*{ margin:0px; padding:0px;}
ul, li{ list-style:none; padding:0px; margin:0px; list-style-type:none;}

/*基本信息*/
body,td,th{ font-size:14px; font-family:Microsoft YaHei,Arial;}
body{ margin:0px; padding:0px; font-family:Microsoft YaHei,Arial;}
img{ border:none}
a{ text-decoration:none;color:black;}
/*a:hover{ color:#b92e33}*/
i{ font-style:normal}
b{ font-weight:normal}
select{ vertical-align:middle;}
button, input, select, textarea{ font-size:100%; margin:0; outline:0 none; vertical-align:middle;}
textarea{ overflow:auto; vertical-align:top; resize:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"], .submit-btn{ -webkit-appearance:button; cursor:pointer; *overflow:visible;}
button[disabled], input[disabled], .disable{ cursor:default;}
input[type="checkbox"], input[type="radio"], .form-radio, .form-checkbox{ box-sizing:border-box; padding:0;}
legend{ border:0; padding:0; white-space:normal; *margin-left:-7px;}
button::-moz-focus-inner, input::-moz-focus-inner{ border:0; padding:0;}
a,input, button, select, textarea{ outline:none;}
.clear{ clear:both;}
input{ box-sizing:inherit;}
fieldset{ border-width:1px 0 0 0; border-style:solid; padding:0 10px 0 18px; border-color:#bebec0}
legend{ padding:0 5px; font-size:13px; font-weight:bold}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-weight:normal; font-size:30px; color:#292929;}
::-moz-focus-inner{ border:0px;}
.container{width:100%;margin:0 auto;overflow: hidden}
/*.containers{width: 76.5%;margin: 0 auto;overflow: hidden;}
.con_1200{max-width:1180px;margin: 0 auto;padding: 0 15px;}
.empty{width: 1180px;margin: 0 auto;}*/
.fl{float: left}
.fr{float: right}
.hide{display: none}
.block{display: block}
.margin5{margin-top:100px;}
.headm{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; display: none}

/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100;}
.headn{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:100px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:20%; height:100px; float:left; margin-left:4%}
.header_right{ width:72%; height:100px; float:right; margin-right:2%}

.nav{ width:auto; height:30px; margin:30px 5% 0 auto; overflow:hidden; position:relative; float:right;}
.nav_li{ width:auto; height:30px; line-height:30px; text-align:center; float:left; font-size:18px;font-family:"microsoft yahei"; color:#fff; padding:0 25px; transition:all 0.3s;}
.nli{transition:all 0.3s;}
.nlia{ transition:all 0.3s; display: block;}
.nav_li:hover .nli{ transition:all 0.3s; margin-top:-30px;}
.nav_li:hover .nlia{  transition:all 0.3s;  display:block;color:#fff;}
.nav_lib{ width:auto; height:30px; line-height:30px; text-align:center; float:left; font-size:18px;font-family:"microsoft yahei"; color:#1860bf; padding:0 25px; transition:all 0.3s;}
.section1{width: 100%;height: auto;/*background:url("../img/banner.jpg") no-repeat top center;background-size: 100% 100%;*/transition:ease 2.5s;}

/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg02.png") no-repeat 100% 100%; background-size:100%;}
.about{width: 100%;height:100%;overflow: hidden;}
.about_top{width: 80%;height:23%; overflow:hidden; margin:2% auto 0 auto;}
.about_top_l{ width:25%; height:100%; overflow:hidden; float:left; margin-right:5%;}
.about_top_l_t{ width:100%; height:70%; overflow:hidden;}
.about_top_l_t_h{ width:65px; height:2px; background-color:#056cd2; display:block;}
.about_top_l_t_z{ width:100%; height: auto; font-size:26px; color:#056cd2; line-height:35px; display:block; margin-top:10px; letter-spacing:3px;}
.about_top_l_d{ width:100%; height:30%; overflow:hidden;}
.about_top_l_d_k{ width:32%; height:40px; font-size:12px; color:#056cd2; line-height:20px; text-align:center; float:left; }
.about_top_l_d_k span{  font-size:18px; color:#056cd2; line-height:20px; text-align:center; }
.about_top_l_d_s{ width:32%; height:40px; font-size:14px; color:#056cd2; line-height:20px; text-align:center; float:left; border-left:1px solid #056cd2; }
.about_top_l_d_s span{ font-size:14px; color:#056cd2; line-height:20px; text-align:center; }

.about_top_r{ width:70%; height:100%; overflow:hidden; float:right;}
.about_top_r_t{width:100%; height:80%; overflow:hidden; font-size:16px; color:#666; line-height:25px;}
.about_top_r_more{ width:120px; height:35px; overflow:hidden;font-size:18px; color:#056cd2; line-height:35px; border:2px solid #056cd2; float:right; text-align:center;}

.about_bottom{width: 80%;height:74%;overflow: hidden; margin:1% auto 0 auto;}
.about_video{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.neImg{ width:100%; height:530px;}

.line{width: 40px;height: 2px;background-color: #fff;}
.about_con{width: auto;margin-left: 85px;margin-top: -20px;}
.about_con h3{/*margin-left:5%;*/font-size: 30px;color: #fff;}
.about_con .navename{font-size: 40px;color: #fff;text-transform: uppercase;font-family: 'colo';}
.about_con .intro{width:85%;font-size: 15px;color: #d8edf7;line-height: 2.2;margin-top: 5%;transform: translateX(-150%);transition: all 1.5s;}
.abouts{width: 100%;height: auto;margin-top: 18%;overflow: hidden;transform: translateX(150%);transition: all 1.5s;}
.section.active .about_con .intro{transform: translateX(0);}
.section.active .abouts{transform: translateX(0);}

/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;background: url("../img/images/bg03.jpg") no-repeat center; background-size:100% 100%;}
.brand{width: 100%;height: 100%;overflow: hidden;}
.brand_top{width:80%;height:28%; overflow:hidden; margin:5% auto 0 auto;}
.brand_top_l{ width:18%; height:80%; float:left; border-right:4px solid #fff; font-size:46px; letter-spacing:10px;color:#fff; line-height:150%;}
.brand_top_r{ width:40%; height:40%; overflow:hidden; margin:3% auto 0 2%; float:left; font-size:34px; letter-spacing:5px;color:#fff; line-height:150%;}
.brand_bottom{width: 80%;height:40%;overflow: hidden; margin:2% auto 0 auto;}
.brand_bottom_box{ width:33%; height:99%; float:left;overflow:hidden; border:2px solid #fff; position:relative;}
.brand_bottom_box_title{ width:15%; height:12%; margin:1% auto 10% auto; border-bottom:2px solid #fff; font-size:28px; letter-spacing:5px;color:#fff; line-height:150%; text-align:center;}
.brand_bottom_box_center{ width:80%; height:30px; margin:0 auto; font-size:18px; color:#fff; line-height:30px; overflow:hidden;}
.brand_bottom_box_rz{ width:30%; height: auto; margin:0 auto; font-size:16px; color:#fff; line-height:180%; text-align:center;}
.brand_bottom_box_rz pre{font-size:18px; color:#fff; line-height:180%; text-align:center; font-family:"microsoft yahei"; letter-spacing:1px;}
.brand_bottom_box_more{ width:80px; height:30px; bottom:30px; left:40%; position:absolute; background:#499ce5 url("../img/images/fang.png") no-repeat; background-position:90% 50%;font-size:16px; color:#fff; line-height:180%; text-indent:0.5em;}

/*zongh*/
.section4{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.jpg") no-repeat center; background-size:100% 100%;}
.zongh{width: 100%;height: 100%;overflow: hidden; position:relative;}
.zongh_z{ width:600px; height:30px; overflow:hidden; position:absolute; top:10%; left:5%; border-left:1px solid #fff;}
.zongh_z_l{ width:162px; height:30px; overflow:hidden; margin:0 10px; float:left; font-size:20px; color:#fff; line-height:100%;}
.zongh_z_l span{font-size:12px; color:#b45b16; line-height:100%;}
.zongh_z_r{ width:350px; height:2px; background-color:#fff; float:left; margin-top:14px;}
.zongh_con{ width:870px; height:70%; overflow:hidden; margin:5% auto 0 auto;}
.zongh_con_t{ width:580px; height:45%; overflow:hidden; margin:0 auto;}
.zongh_con_k{ width:280px; height:280px; float:left; overflow:hidden; transition:all 0.5s; margin:5px;}
.zongh_con_k_img{ width:280px; height:280px; overflow:hidden; position:relative; z-index:3;}
.zongh_con_k_img img{ width:280px; height:280px;}
.zongh_con_k_h{ width:280px; height:280px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0.4); margin-top:-280px; transition:all 0.5s;}
.zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1; margin-top:40%;}
.zongh_con_k_h li span{font-size:18px; color:#abb1b4; line-height:100%; text-align:center;}

.zongh_con_k:hover .zongh_con_k_h{ width:280px; height:280px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0); margin-top:-280px; transition:all 0.5s;}
.zongh_con_k:hover .zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1;}
.zongh_more{ width:100px; height:30px; overflow: hidden; margin:0 auto; border:1px solid #fff; background-color:#056cd2;font-size:18px; color:#fff; line-height:30px; text-align:center;}



/*contact*/
.section5{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.png") no-repeat center; background-size:100% 50%;}
.contact{width: 100%;height: 100%;overflow: hidden;}
.contact_a{ width:700px; height:auto; overflow:hidden;font-size:50px; color:#056cd2; line-height:150%; text-align:center; margin:10% auto 0 auto; font-weight:bold;}
.contact_b{ width:520px; height:35px; overflow:hidden;font-size:20px; color:#fff; line-height:150%; text-align:center; background-color:rgba(180,91,22,0.7); margin:1% auto 0 auto;}
.contact_c{ width:700px; height:auto; overflow:hidden;font-size:24px; color:#056cd2; line-height:150%; text-align:center; margin:1% auto 0 auto;}
.contact_d{ width:700px; height:auto; overflow:hidden;font-size:12px; color:#b1b1b1; line-height:150%; text-align:center; margin:0 auto;}

/*video*/
.section6{width: 100%;height:auto;overflow: hidden;}
.video{width: 100%;height: 100%;overflow: hidden;}
.video_k{width: 100%;height: 100%;overflow: hidden; position:relative; z-index:-1;}
.pronav{ width:1024px; height:auto; position:absolute; z-index:999; bottom:80px; right:10%;}
.pronav_b{ float:left; padding:10px; margin:0 10px; border:1px solid #828a95; font-size:22px; color:#fff; line-height:100%; text-align:center;}
.pronav_b:hover{ float:left; padding:10px; margin:0 10px; border:1px solid #828a95; font-size:22px; color:#fff; line-height:100%; text-align:center;background-color:rgba(5,108,210,0.28);}

/*news*/
.section7{width: 100%;height:auto;overflow: hidden;}
.news{width: 100%;height: 100%;overflow: hidden;}
.news_con{ width:80%; height:80%; overflow: hidden; margin:6% auto 0 auto;}
.news_con_nav{ width:40%; height:auto; overflow: hidden; margin:0 auto;}
.news_con_nav_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:38px; color:#056cd2; line-height:150%; text-align:center; font-weight:bold;}
.news_con_nav_d{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news_con_nav_a{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_nav_b{ width:45%; height:auto; float:left; margin:0 2%;  font-size:34px; color:#056cd2; line-height:150%; text-align:center;}
.news_con_nav_c{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_k{ width:100%; height: auto; overflow: hidden; margin:4% auto 0 auto;}
.news_con_k_b{ width:23%; height:auto; overflow:hidden; float:left; margin:0 1%;}
.news_con_k_b_img{ width:100%; height:230px; overflow:hidden;}
.news_con_k_b_img img{ width:100%; height:230px;}
.news_con_k_b_z{ width:90%; height:auto; overflow:hidden; margin:5% auto;}
.news_con_k_b_z_time{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#056cd2; line-height:120%; text-align:center; }
.news_con_k_b_z_t{ width:100%; height:90px; overflow:hidden; margin:10px auto 0 auto; font-size:24px; color:#056cd2; line-height:30px;}
.news_con_k_b_more{ width:100%; height:35px; overflow:hidden; background-color:#056cd2; font-size:16px; color:#fff; line-height:35px; text-align:center;}
.news_con_k_b:hover .news_con_k_b_more{background-color:#6695c4;}
/*foot*/
.section8{width: 100%;height:auto;overflow: hidden; background-color:#606060;}
.map{width: 100%;height: 100%;overflow: hidden;}
.map_top{ width:100%; height:100px; overflow: hidden; background:#056cd2 url("../img/images/sjian.png") no-repeat center; background-size:7% 92%;}
.map_left{ width:55%; height:auto;  position:absolute; left:5%; top:35%;}
.map_left_er{ width:125px; height:160px; overflow:hidden;}
.map_left_er_img{ width:125px; height:125px; overflow:hidden;}
.map_left_er_img img{ width:125px; height:125px;}
.map_left_er_title{ width:100%; height:35px; overflow:hidden;font-size:18px; color:#fff; line-height:35px; text-align:center; }
.map_left_z{ width:100%; height:35px; font-size:18px; color:#fff; line-height:35px;}
.map_left_z_img{ width:24px; height:24px; float:left; text-align:center; margin-top:5px;}
.map_left_z_img img{ width:24px; height:24px;}
.map_left_z_wen{ width:95%; height:35px;font-size:18px; color:#fff; line-height:35px; float:left; margin-left:1%;}
.map_logo{ width:20%; height:auto; overflow:hidden; position:absolute; right:5%; bottom:20%;}
.map_logo img{ width:100%; height:auto;}
.map_nav{ width:60%; height:auto; overflow:hidden; position:absolute; right:5%; top:13%;}
.map_nav_line{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #fff; padding:10px 0;}
.map_nav_box{ width:13%; height:auto; float:left; overflow:hidden; margin:15px 0.6%;}
.map_nav_big{ width:100%; height:auto; float:left; overflow:hidden; font-size:22px; color:#fff; line-height:150%; text-align:center; margin-bottom:20px;}
.map_nav_smoll{ width:100%; height:auto; float:left; overflow:hidden;font-size:20px; color:#fff; line-height:200%; text-align:center;}
.map_nav_smoll:hover{color:#056cd2;}

/*banner*/
.main_visual {position: relative;z-index: 0;max-width: 100%;}
.main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;/*height:4rem;*/max-height: 682px;}
/*.main_image li a {display: block;width: 100%;height: 100%}*/
div.flicking_con {
    display: none;overflow: hidden;text-align: center;position: absolute;bottom: 10px;left: 0;z-index: 11;right: 0;margin: auto;}
div.flicking_con li {border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;height: 10px;width: 10px;;
    margin: 0 3px;display: inline-block;opacity: 1;font-size: 0px;background-color: #ffbd7a}
div.flicking_con li.on {background: #fff}
/*banner-end*/

/*内页*/

/*slider*/
.slider{width: 100%;height: auto;overflow: hidden}
.slider img{width: 100%}

/*产品*/
.onenav{ width:230px; height:60px; overflow:hidden; margin:3% auto 0 auto; background-color:#056cc6; font-size:30px; color:#fff; line-height:40px; text-align:center;}
.onenav span{font-size:18px; color:#fff; line-height:20px; text-align:center;}

.subnav{width: 90%;height:auto; overflow:hidden; margin:5% auto;}
.subnav ul{width:13%;height:auto; overflow:hidden; float:left; margin:0 0.6%;}
.subnav ul .navimg{width:100%; height:auto; text-align: center;}
.subnav ul .navimg img{width:100%; height:auto; max-width:85px;}
.subnav ul .subnav_title{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc6; text-align:center;transition: all 0.5s}
.subnav ul:hover .subnav_title{color: #a85b16; transition: all 0.5s}
.subnav ul .subnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #a85b16; text-align:center;transition: all 0.5s}

.product{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.product_box{ width:22%; height:398px; overflow:hidden; float:left; margin:15px 1.4%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box_img{ width:86%; height:288px; overflow:hidden; margin:20px 7%;}
.product_box_img img{ width:100%; height:288px;}
.product_box_title{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box_more{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box:hover{ width:22%; height:398px; overflow:hidden; float:left; margin:15px 1.4%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box:hover .product_box_title{ color:#fff; }
.product_box:hover .product_box_more{ color:#fff; }

/*招聘*/
.introduction{width:85%;margin:5% auto}
.introduction_t{ width:100%; height:80px; overflow:hidden; margin:0 auto;}
.introduction_t_l{ width:39%; height:80px; float:left; border-right:1px solid #056cc6;}
.introduction_t_c{ width:19%; height:80px; float:left; font-size:40px; color:#056cc6; text-align:center; margin:0 1%; border-left:1px solid #056cc6; border-right:1px solid #056cc6;}
.introduction_t_c span{ font-size:20px; color:#056cc6; text-align:center;}
.introduction_t_r{ width:39%; height:80px; float:left; border-left:1px solid #056cc6;}
.introduction_con{ width:100%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.introduction_box{ width:48%; height:500px; overflow:hidden; margin:1%; float:left; position:relative;}
.introduction_box img{ width:100%; height:500px;}
.introduction_title{ width:80%; height:35px; overflow:hidden; position:absolute; bottom:5%; left:5%; font-size:26px; color:#fff; line-height:35px;}

/*招聘view*/
.jobcontent{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.jobcontent_con{ width:1200px; height:auto; overflow:hidden;margin:50px auto;}
.jobcon_title{ font-size:35px; color:#333333; line-height:140%; background:url("../img/images/tx.png") no-repeat left center; background-size:3.5% 50%; padding-left:5%}
.jobcon_title span{ font-size:14px; color:#666666; line-height:120%;}
.jobcon_content{width: 100%;height: auto;overflow:hidden;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.jobcon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*设备*/
.devnav{width: 90%;height:auto; overflow:hidden; margin:-3.2% auto; position:relative; z-index:33;}
.devnav ul{width:32%;height:auto; overflow:hidden; float:left; margin:0 auto 0 2%;font-size:24px; color: #fff; background-color: #056cc1; width: 260px;height: 60px;line-height:60px;text-align: center;transform: skewX(-20deg);
}
.devnav ul:hover{color: #a85b16; transition: all 0.5s}
.devnav ul .devnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #a85b16; text-align:center;transition: all 0.5s}
.devnav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto;}
.devnav_l_l{ width:15%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:30px; color: #056cc1; text-align:center;}
.devnav_l_l span{ font-size:16px; color: #056cc1; text-align:center;}
.devnav_l_r{ width:84%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.device{ width:80%; height:auto; overflow:hidden; margin:5% auto;}
.device_box{ width:32%; height:425px; overflow:hidden; float:left; margin:15px 0.6%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box_img{ width:86%; height:300px; overflow:hidden; margin:20px 7%;}
.device_box_img img{ width:100%; height:300px;}
.device_box_title{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box_more{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box:hover{ width:32%; height:425px; overflow:hidden; float:left; margin:15px 0.6%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box:hover .device_box_title{ color:#fff; }
.device_box:hover .device_box_more{ color:#fff; }


/*案例*/
.casenav{width:100%;height:auto; overflow:hidden; margin:-3% auto; position:relative; z-index:33; text-align:center;}
.casenav ul{width: 260px;height: 105px;overflow:hidden; display:inline-block; margin:0 auto 0 2%;font-size:30px; color: #fff; background:url("../img/images/ti.png") no-repeat center; line-height:60px;text-align: center;}
.casenav ul:hover{color: #b27c12; transition: all 0.5s}
.casenav ul .casenav_titlea{width:100%;height:auto; overflow:hidden; font-size:30px; color: #b27c12; text-align:center;transition: all 0.5s}

.casenav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto;}
.casenav_l_l{ width:15%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:30px; color: #056cc1; text-align:center;background:url("../img/images/le.png") no-repeat left center;}
.casenav_l_l span{ font-size:16px; color: #056cc1; text-align:center;}
.casenav_l_r{ width:84%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.case{width: 80%;height: auto;margin: 0 auto;overflow: hidden;min-height: 400px;}
.case ul{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.case ul li{width: 100%;height:auto;overflow: hidden;margin:35px 0;background-color: #056cbf;transition: all 0.5s;}
.case ul li .case_l{width: 43%;height:100%;overflow: hidden;transition: all 0.5s; padding:1%;}
.case ul li .case_l img{height:260px;width: 100%;transition: all 0.5s;}
.case ul li .case_r{width: 55%;height:100%;}
.case ul li .case_r_c{width:80%;margin:5% 0 0 8%;}
.case ul li .case_r_c h3{font-size: 30px;color: #fff;transition: all 0.5s; height:40px; line-height:40px; overflow:hidden;}
.case_r_c p{font-size:20px;color: #fff;margin-top: 2%; height:120px; line-height:30px; overflow:hidden;}
.case_r_c .more{width:80px;line-height:1.5;background-color:#fff; margin-top:3%;text-align: center;}
.case_r_c .more a{display: inline-block;width: 100%;height: 100%;color: #5da2d8;}
.case ul li:hover .case_l img{ height:260px;transition: all 0.5s;transform:scale(1.2);}
.case ul li:hover .case_r_c h3{color: #fff;transition: all 0.5s;}
/*caseview*/
.casecontent_con{ width:80%; height:auto; overflow:hidden;margin:100px auto;}
.casecon_title{ width:25%; height:auto; overflow:hidden; float:left; }
.casecon_title_con{font-size:18px; color:#fff; line-height:140%; background-color:#056cc6; padding:5px;}
.casecon_title_into{ font-size:14px; color:#056cc6; line-height:140%; margin-top:20px; text-indent:2em;}
.casecon_content{width:73%;height: auto;overflow:hidden; float:right;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.casecon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}


/*news*/
.newsnav{width: 90%;height:auto; overflow:hidden; margin:-2.7% auto; position:relative; z-index:33;}
.newsnav ul{width:180px;height: 50px; overflow:hidden; float:left; margin:0 auto 0 1%;font-size:24px; color: #fff; background-color: #056cc1; line-height:50px;text-align: center;background-color:rgba(255,255,255,0.3);}
.newsnav ul:hover{color: #056cc1; transition: all 0.5s}
.newsnav ul .newsnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc1; text-align:center;transition: all 0.5s}

.newsnav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto; font-size:45px; color: #056cc1; text-align:center; background:url("../img/images/xiek.png") no-repeat center bottom;}
.newsnav_l span{ font-size:20px; color: #056cc1; text-align:center; line-height:200%;}


.news2{width: 100%;height: 500px; margin:30px auto; background-color:#056cc1;overflow: hidden; transition:all 0.5s;}
.news2_l{width: 60%;height: auto; float:left; margin:2.5% auto 2.5% 5%;overflow: hidden}
.news2_l_a{ width:100%; height:30px; overflow:hidden; font-size:22px; color: #fff; line-height:30px;}
.news2_l_b{ width:100%; height:50px; overflow:hidden; font-size:28px; color: #fff; line-height:50px; font-weight:bold;}
.news2_l_c{ width:100%; height:180px; overflow:hidden; font-size:18px; color: #fff; line-height:30px;}
.news2_l_d{ width:80px; height:30px;overflow:hidden; font-size:18px; color: #fff; line-height:30px; border:1px solid #fff; text-align:center;}
.news2:hover .news2_l_d{ width:80px; height:30px;overflow:hidden; font-size:18px; color: #fff; line-height:30px; border:1px solid #fff; background-color:#5d9bce;}
.news2_r{width: 30%;height: 90%; float:right; margin:2.5%;overflow: hidden}
.news2_r .news2_img{width: 100%;height:90%;overflow: hidden;transition: all 0.5s;}
.news2_r .news2_img img{width: 100%; height:100%; transition: all 0.5s;}
.news2:hover{width: 100%;height: 500px; margin:30px auto; background-color:#a8b8c5;overflow: hidden; transition:all 0.5s;}
.news3{width: 90%;height: 50px; margin:0 auto; border-bottom:1px solid #056cc1; overflow: hidden; transition:all 0.5s;}
.news3_l_a{ width:90%; height:50px; overflow:hidden; font-size:22px; color: #666; line-height:50px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}
.news3_l_b{ width:10%; height:50px; overflow:hidden; font-size:22px; color: #999; line-height:50px; text-align:center; float:left;}
.news3:hover .news3_l_a{ width:90%; height:50px; overflow:hidden; font-size:22px; color: #056cc1; line-height:50px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}
/*about*/
.aboutnei{ width:100%; height:auto; min-height:1100px; overflow:hidden; margin:0 auto; background:url("../img/images/about_bg.jpg") no-repeat center bottom; background-size:100%;}
.aboutnei_k{ width:90%; height:auto; overflow:hidden; margin:10% auto 0 auto;}
.aboutnei_k_l{ width:80%; height:auto; float:left; overflow:hidden; }
.aboutnei_k_l_top{ width:50%; height:auto; overflow:hidden;}
.aboutnei_k_l_top_title{ width:25%; height:auto; float:left; overflow:hidden; font-size:30px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_title span{ font-size:14px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_line{ width:75%; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.aboutnei_k_l_con{ width:70%; height:auto; overflow:hidden; margin-top:80px; font-size:16px; color:#666;}
.aboutnei_k_l_con ul input{ width:30px; height:30px;background:url("../img/images/an.png") no-repeat center; background-size:100%; border:0;}
.aboutnei_k_r{ width:20%; height:auto; float:right; overflow:hidden; }

.aboutnav{width:100%;height:auto; overflow:hidden; margin:-6% auto; position:relative; z-index:33; text-align:center;}
.aboutnav ul{width: 160px;height: 160px;overflow:hidden; display:inline-block; margin:0 4%;font-size:30px; color: #fff; background-color:rgba(137,137,137,0.6);line-height:160px;text-align: center; border-radius:80px}
.aboutnav ul:hover{color: #056cc7; transition: all 0.5s}
.aboutnav ul .aboutnav_titlea{width:100%;height:auto; overflow:hidden; font-size:30px; color: #056cc7; text-align:center;transition: all 0.5s}


/*culture*/
.culture{ width:100%; height:auto; min-height:1100px; overflow:hidden; position:relative; margin:8% auto 0 auto; background:url("../img/images/cule.jpg") no-repeat center;}
.culture_nav{ width:50%; height:auto; overflow:hidden; margin:2% auto 0 5%; position:absolute;}
.culture_title{ width:25%; height:auto; float:left; overflow:hidden; font-size:30px; color:#fff; line-height:120%}
.culture_title span{ font-size:14px; color:#fff; line-height:120%}
.culture_box{ width:25%; height:100%; min-height:1100px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0.2); float:left;}
.culture_box_y{ width:70px; height:70px; background-color:#056cc7; border-radius:35px; position:absolute; left:40%; top:15%;}
.culture_box_z{ width:100px;height:70px; font-size:90px; color:#fff; line-height:120%; position:absolute; top:-40px; left:-20px;}
.culture_box_con{ width:40px; height:auto; overflow:hidden;font-size:30px; color:#fff; line-height:120%; /*font-weight: bold;*/ font-family:"siyuan";writing-mode:tb-rl; position:absolute; left:40%; top:25%;}
.culture_box:hover{ width:25%; height:100%; min-height:1100px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0); float:left;}


.leader{width: 100%;height: auto;margin:150px auto;overflow: hidden;}
.leader_top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.leader_top_l{ width:44%; height:2px; float:left; background-color:#056cc7; margin-top:30px;}
.leader_top_c{ width:10%; height:auto; float:left; overflow:hidden; margin:0 1%; font-size:30px; color: #056cc7; text-align:center; }
.leader_top_c span{ font-size:14px; color: #056cc7; text-align:center; }
.leader_top_r{ width:44%; height:2px; float:left; background-color:#056cc7; margin-top:30px; }

.Box_team { width:80%;position: relative;  margin:0 auto ;}
.Box_team .content_team {width:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 70px;height: 70px;position: absolute;top:75px;cursor: pointer;}
.Box_team .btnl_team { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -75px;}
.Box_team .btnr_team { display:block;background: url(../IMG/images/right.png) no-repeat center; background-size:100% 100%; right: -75px;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:396px; height:100%; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_team .Box_con .conbox ul a li .picimg{ width:396px; height:100%; overflow:hidden;}
.box_pic{ width:396px; height:100%; overflow:hidden;}

.team{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#e2e2e2; padding:100px 0;}
.team_k{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.team_k_l_top{ width:48%; height:auto; overflow:hidden;}
.team_k_l_top_title{ width:40%; height:auto; float:left; overflow:hidden; font-size:24px; color:#056cc7; line-height:120%}
.team_k_l_top_title span{ font-size:14px; color:#056cc7; line-height:120%}
.team_k_l_top_line{ width:50%; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.team_k_box{ width:48%; height:auto; overflow:hidden; float:left; border:2px solid #056cc7; margin:20px 0.8%;}
.team_k_box img{ width:100%; max-hight:400px;}

.working{ width:100%; height:auto; margin:100px auto; overflow:hidden;}
.working_k{ width:80%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.working_k_box{ width:22%; height:auto; float:left; margin:20px 1.5%;}
.working_k_box img{ width:100%; max-height:250px;}

/*品牌*/
.brandnav{width: 90%;height:auto; overflow:hidden; margin:-3.8% auto; position:relative; z-index:33; text-align:center;}
.brandnav ul{width:180px;height:50px; overflow:hidden; margin:0 auto 0 2%;font-size:24px; display:inline-block; color: #fff; border:1px solid #fff; line-height:50px;text-align: center;}
.brandnav ul:hover{color: #056cc7; transition: all 0.5s}
.brandnav ul .brandnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc7; border:1px solid #fff; text-align:center;transition: all 0.5s}
.brands{ width:100%; height:auto; overflow:hidden; background:url("../img/images/46.jpg") no-repeat center; background-size:100% 100%; margin:0 auto;}
.brands_box{ width:80%; height:auto; overflow:hidden;  margin:2% auto;}
.brands_box_l{ width:30%; height:auto;  margin:0 auto; float:left;}
.brands_box_l img{ width:100%; height:auto; }
.brands_box_r{ width:60%; height:auto;  margin:0 auto 0 10%; float:left;}
.brands_box_title{ width:auto; height:50px; overflow:hidden; border-bottom:1px solid #fff; font-size:30px; color:#fff; line-height:50px; font-weight:bold;}
.brands_box_con{ width:100%; height:auto; overflow:hidden; font-size:24px; color:#fff; line-height:35px; margin-top:20px; }
.brands_box_con img{ max-width:100%;}

.course{ width:100%; height:350px; margin:0 auto; overflow:hidden;}
.course_a{ width:50%; height:350px; float:left; background-color:#056cc2; overflow:hidden; position:relative;}
.course_a_k{ width:80%; height:auto; float:right; margin:40px 3% 0 auto; overflow:hidden;}
.course_a_k_t{ width:100%; height:40px; overflow:hidden; font-size:30px; color:#fff; line-height:40px; font-weight:bold;}
.course_a_k_b{ width:100%; height:90px; overflow:hidden; font-size:20px; color:#fff; line-height:30px;}
.course_a_k_by{ width:40px; height:40px; overflow:hidden; position: absolute; right:20px; bottom:20px; background:url("../img/images/right.png") no-repeat center; background-size:100%;}
.course_a_k_byy{ width:40px; height:40px; overflow:hidden; position: absolute; left:20px; bottom:20px; background:url("../img/images/left.png") no-repeat center; background-size:100%;}
.course_b{ width:50%; height:350px; float:left; overflow:hidden;}
.course_b img{ width:100%; height:100%; max-height:350px;}

.honor{ width:80%; height:auto; margin:0 auto;}
.honor_a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_a_box{ width:19%; height:auto; overflow:hidden; float:left; margin:0 0.5%;}
.honor_a_box_title{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#056cc2; text-align:center; line-height:40px; padding:10px 0;}
.honor_a_box_img{ width:100%; height:auto; overflow:hidden;}
.honor_a_box_img img{ width:100%; height:auto;}

.honor_b{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_b_t{ width:130px; height:40px; overflow:hidden; margin:20px auto; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.honor_b_k{ width:100%; height:350px; overflow: hidden; background-color:#056cc2;}
.honor_b_k_box{ width:19%; height:330px; overflow:hidden; float:left; margin:10px 3%;}
.honor_b_k_box img{ width:100%; height:100%;}

.honor_d_k_box{ width:16%; height:330px; overflow:hidden; float:left; margin:10px 0.3%;}
.honor_d_k_box img{ width:100%; height:100%;}

.honor_c{ width:100%; height:auto; margin-top:30px; overflow:hidden; margin-bottom:50px;}
.honor_c_t{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}

.Box_teams { width:90%; height:auto; position: relative;  margin:0 auto ;}
.Box_teams .content_teams {width:100%; height:auto;margin: 0 auto;}
.Box_teams .Box_cons { width:100%; height:auto;position: relative;}
.Box_teams .btnl_teams {position: absolute;}
.Box_teams .btn_teams {display: block;width: 70px;height: 70px;position: absolute;top:120px;cursor: pointer;}
.Box_teams .btnl_teams { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -75px;}
.Box_teams .btnr_teams { display:block;background: url(../IMG/images/right.png) no-repeat center;  background-size:100% 100%; right: -75px;}
.Box_teams .Box_cons .conboxs { width:100%; height:auto;position: relative;overflow: hidden;}
.Box_teams .Box_cons .conboxs ul {position: relative;list-style: none;}
.Box_teams .Box_cons .conboxs ul li {width:250px; height:auto; float:left; margin:0 auto; padding:10px;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_teams .Box_cons .conboxs ul a li .picimgs{ width:250px; height:auto;}
.box_pics{ width:250px;}


/*招聘*/
.zp{width: 100%;height: auto;position: relative}
.zp img{max-width: 100%}
.zp p{width:20%;height:40px;line-height:40px;text-align:center;font-size: 30px;color: #ffffff;position:absolute;top:0;left: 0;bottom: 0;right: 0;margin: auto}
.recruit{max-width: 1200px;height: auto;margin: 0 auto}
.recruit ul{width: 100%;height: auto;overflow:hidden;padding: 5% 0;transform: translateY(200%);transition: all 2s;}
.recruit ul li{width: 100%;background-color: #f2f2f2;padding: 1.5% 0;overflow: hidden;font-size: 16px;color: #333333;margin-bottom: 15px;transition: all 0.5s;}
.recruit ul li p{width: 50%;float: left;padding-left: 3%;box-sizing: border-box;color: #333;transition: all 0.5s;}
.recruit ul li span{display: inline-block;width: 22%;float: left;color: #333;transition: all 0.5s;}
.recruit ul li i{display: inline-block;position: relative}
.recruit ul li i .jia2{position: absolute;top:0;left: 0;display: none;transition: all 0.5s;}
.recruit ul li:hover{background-color: #0093dd;transition: all 0.5s;}
.recruit ul li:hover p{color: #fff;transition: all 0.5s;}
.recruit ul li:hover span{color: #fff;transition: all 0.5s;}
.recruit ul li:hover .jia2{display: block;transition: all 0.5s;}
.section.active .recruits{transform: translateY(0);}

/*联系我们*/
.contact2{width: 100%;height: auto;overflow: hidden;}
.contact2 .contact_l{width:35%;padding:6% 2% 5% 8%;box-sizing: border-box;}
.contact2 .contact_r{width: 65%;height: 810px;}



/*浮动框*/
.fixed{width: 47px;position: fixed;top:50%;right: 2%;text-align: center;}
.fixed ul li:first-child{height: 51px;}
.fixed ul li:first-child:hover{background: url("../img/top2.png") no-repeat center!important;}
.fixed ul li a{color: #fff;line-height: 51px;font-size: 16px;font-family: 'arial'}
.fixed ul li{float: left;width: 47px;height: 47px;background-color: #292a2e;border-radius: 5px;transition: all 0.5s;}
.fixed ul li:nth-child(n+2){margin-top: 1px;}
.fixed ul li img{margin-top: 13px;}
.fixed ul li p{font-size: 16px;color: #fff;}
.telc{position: absolute;top: 0;right: 47px;color:
    #f08519;font-size: 24px;width: 180px;height: 47px;line-height: 47px;transition: all 0.5s;display: none}
.fixed ul li:nth-child(4):hover .telc{transition: all 0.5s;display: block;}
.fixed ul li:hover{background-color: #f08519;}
.codec{position: absolute;top: 0;right: 47px;color: #f08519;font-size: 24px;width: 110px;height: 110px;line-height: 47px;transition: all 0.5s;display: none}
.codec img{max-width: 80%;}
.fixed ul li:nth-child(3):hover .codec{transition: all 0.5s;display: block;}
/*news*/


/*分页*/
.page{width:100%;height: auto;text-align: center;overflow: hidden;margin: 40px 0 40px 0;}
.page a{display:inline-block;width:36px;line-height: 36px;font-size: 14px;margin: 0 5px;color: #fff;background-color:#cecece;box-sizing: border-box}
.page span{display:inline-block;width:36px;line-height: 36px;font-size: 14px;margin: 0 5px;background-color: #008fd7;border-radius: 3px;box-sizing: border-box}
.current{color: #fff!important;cursor: pointer;}
.page a:nth-child(n+2):hover{color: #fff;background-color: #008fd7;border-color: #f08519}
.page a:first-child:hover{background-color: #008fd7;color: #fff!important;}
.page a:last-child:hover{background-color: #008fd7;color: #fff!important;}

/*view*/
.content{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.content_con{ width:1200px; height:auto; overflow:hidden;margin:100px auto;}
.con_title{ font-size:35px; color:#056cc6; line-height:140%;}
.con_title span{ font-size:14px; color:#056cc6; line-height:120%;}
.con_content{width: 100%;height: auto;overflow:hidden;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.con_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}
/*view-end*/

/*footer*/
.foot_bg{ width:100%; height:650px; overflow:hidden; position:relative;background-color:#606060;}
.fmap_logo{ width:20%; height:auto; overflow:hidden; position:absolute; left:15%; top:20%; display:block;}
.fmap_logo img{ width:100%; height:auto;}
.foot_map{width:45%; height:400px; overflow:hidden; position:absolute; right:5%; top:20%; display:block;}

.touchsliderindex .touchslider-item .pic{width: 100%;height:100%;overflow: hidden;}
.touchsliderindex,.touchsliderindex .touchslider-viewport,.touchsliderindex .touchslider-item,.touchsliderindex .touchslider-item .pic{height: 100%;}
.touchsliderindex .pic img{width: 100%;height:95%;display: none;}
.touchsliderindex .touchslider-navtag{position:absolute; bottom:50%; text-align:center; width:100%;}
.touchsliderindex .touchslider-navtag .touchslider-prev{ width:29px; height:53px; background:url("../img/images/trrleft.png") no-repeat center; float:left; margin-left:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .touchslider-next{ width:29px; height:53px; background:url("../img/images/trrright.png") no-repeat center; float:right; margin-right:7%; cursor:pointer;}
.touchsliderindex .touchslider-navtag .wk{height: 36px;}
.touchsliderindex .touchslider-nav-item{display:inline-block;border-radius: 5px;width: 5px; height: 5px;background: #cac5c8;}
.touchsliderindex .touchslider-nav-item-current{background-color: #074349;}
.touchsliderindex .touchslider-item.active .pwk p{opacity: 1; -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
#pcbanner{ display:none;}
#mbanner{ display:none;}


@media all and (max-width:1600px){
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100;}
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:80px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:20%; height:80px; float:left; margin-left:4%}
.header_left img{ width:auto; height:90%;}
.header_right{ width:72%; height:80px; float:right; margin-right:2%}
.nav{ width:auto; height:30px; margin:30px auto 0 auto; overflow:hidden; position:relative; float:right;}
.nav_li{ width:auto; height:30px; line-height:30px; text-align:center; float:left; font-size:18px;font-family:"microsoft yahei"; color:#fff; padding:0 20px; transition:all 0.3s;}
.nli{transition:all 0.3s;}
.nlia{ transition:all 0.3s; display: block;}
.nav_li:hover .nli{ transition:all 0.3s; margin-top:-30px;}
.nav_li:hover .nlia{  transition:all 0.3s;  display:block;color:#fff;}
.nav_lib{ width:auto; height:30px; line-height:30px; text-align:center; float:left; font-size:18px;font-family:"microsoft yahei"; color:#1860bf; padding:0 25px; transition:all 0.3s;}
.margin5{margin-top:80px;}
/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg02.png") no-repeat 100% 80%; background-size:100%;}
.about{width: 100%;height:100%;overflow: hidden;}
.about_top{width: 80%;height:20%; overflow:hidden; margin:2% auto 0 auto;}
.about_top_l{ width:25%; height:100%; overflow:hidden; float:left; margin-right:5%;}
.about_top_l_t{ width:100%; height:70%; overflow:hidden;}
.about_top_l_t_h{ width:65px; height:2px; background-color:#056cd2; display:block;}
.about_top_l_t_z{ width:100%; height: auto; font-size:26px; color:#056cd2; line-height:35px; display:block; margin-top:10px; letter-spacing:3px;}
.about_top_l_d{ width:100%; height:30%; overflow:hidden;}
.about_top_l_d_k{ width:32%; height:40px; font-size:12px; color:#056cd2; line-height:20px; text-align:center; float:left; }
.about_top_l_d_k span{  font-size:18px; color:#056cd2; line-height:20px; text-align:center; }
.about_top_l_d_s{ width:32%; height:40px; font-size:14px; color:#056cd2; line-height:20px; text-align:center; float:left; border-left:1px solid #056cd2; }
.about_top_l_d_s span{ font-size:14px; color:#056cd2; line-height:20px; text-align:center; }

.about_top_r{ width:70%; height:100%; overflow:hidden; float:right;}
.about_top_r_t{width:100%; height:70%; overflow:hidden; font-size:16px; color:#666; line-height:25px;}
.about_top_r_more{ width:100px; height:30px; overflow:hidden;font-size:16px; color:#056cd2; line-height:30px; border:2px solid #056cd2; float:right; text-align:center; margin-top:10px;}

.about_bottom{width: 80%;height:65%;overflow: hidden; margin:1% auto 0 auto;}
.about_video{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.neImg{ width:100%; height:450px;}

.line{width: 40px;height: 2px;background-color: #fff;}
.about_con{width: auto;margin-left: 85px;margin-top: -20px;}
.about_con h3{/*margin-left:5%;*/font-size: 30px;color: #fff;}
.about_con .navename{font-size: 40px;color: #fff;text-transform: uppercase;font-family: 'colo';}
.about_con .intro{width:85%;font-size: 15px;color: #d8edf7;line-height: 2.2;margin-top: 5%;transform: translateX(-150%);transition: all 1.5s;}
.abouts{width: 100%;height: auto;margin-top: 18%;overflow: hidden;transform: translateX(150%);transition: all 1.5s;}
.section.active .about_con .intro{transform: translateX(0);}
.section.active .abouts{transform: translateX(0);}

/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;background: url("../img/images/bg03.jpg") no-repeat center; background-size:100% 100%;}
.brand{width: 100%;height: 100%;overflow: hidden;}
.brand_top{width:80%;height:25%; overflow:hidden; margin:5% auto 0 auto;}
.brand_top_l{ width:20%; height:80%; float:left; border-right:3px solid #fff; font-size:35px; letter-spacing:6px;color:#fff; line-height:140%;}
.brand_top_r{ width:40%; height:50%; overflow:hidden; margin:3% auto 0 2%; float:left; font-size:30px; letter-spacing:5px;color:#fff; line-height:140%;}
.brand_bottom{width: 80%;height:40%;overflow: hidden; margin:2% auto 0 auto;}
.brand_bottom_box{ width:33%; height:99%; float:left;overflow:hidden; border:2px solid #fff; position:relative;}
.brand_bottom_box_title{ width:23%; height:14%; margin:1% auto 6% auto; border-bottom:2px solid #fff; font-size:24px; letter-spacing:5px;color:#fff; line-height:150%; text-align:center;}
.brand_bottom_box_center{ width:80%; height:30px; margin:0 auto; font-size:18px; color:#fff;  line-height:30px; overflow:hidden;}
.brand_bottom_box_rz{ width:30%; height: auto; margin:0 auto; font-size:16px; color:#fff; line-height:180%; text-align:center;}
.brand_bottom_box_rz pre{font-size:18px; color:#fff; line-height:180%; text-align:center; font-family:"microsoft yahei"; letter-spacing:1px;}
.brand_bottom_box_more{ width:80px; height:30px; bottom:30px; left:40%; position:absolute; background:#499ce5 url("../img/images/fang.png") no-repeat; background-position:90% 50%;font-size:16px; color:#fff; line-height:180%; text-indent:0.5em;}

/*zongh*/
.section4{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.jpg") no-repeat center; background-size:100% 100%;}
.zongh{width: 100%;height: 100%;overflow: hidden; position:relative;}
.zongh_z{ width:400px; height:30px; overflow:hidden; position:absolute; top:10%; left:5%; border-left:1px solid #fff;}
.zongh_z_l{ width:125px; height:30px; overflow:hidden; margin:0 10px; float:left; font-size:18px; color:#fff; line-height:100%;}
.zongh_z_l span{font-size:12px; color:#b45b16; line-height:100%;}
.zongh_z_r{ width:220px; height:2px; background-color:#fff; float:left; margin-top:14px;}
.zongh_con{ width:750px; height:72%; overflow:hidden; margin:5% auto 0 auto;}
.zongh_con_t{ width:500px; height:50%; overflow:hidden; margin:0 auto;}
.zongh_con_k{ width:230px; height:230px; float:left; overflow:hidden; transition:all 0.5s; margin:5px;}
.zongh_con_k_img{ width:230px; height:230px; overflow:hidden; position:relative; z-index:3;}
.zongh_con_k_img img{ width:230px; height:230px;}
.zongh_con_k_h{ width:230px; height:230px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0.4); margin-top:-230px; transition:all 0.5s;}
.zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1; margin-top:40%;}
.zongh_con_k_h li span{font-size:18px; color:#abb1b4; line-height:100%; text-align:center;}

.zongh_con_k:hover .zongh_con_k_h{ width:230px; height:230px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0); margin-top:-230px; transition:all 0.5s;}
.zongh_con_k:hover .zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1;}
.zongh_more{ width:90px; height:30px; overflow: hidden; margin:0 auto; border:1px solid #fff; background-color:#056cd2;font-size:16px; color:#fff; line-height:30px; text-align:center;}



/*contact*/
.section5{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.png") no-repeat center; background-size:100% 50%;}
.contact{width: 100%;height: 100%;overflow: hidden;}
.contact_a{ width:700px; height:auto; overflow:hidden;font-size:50px; color:#056cd2; line-height:150%; text-align:center; margin:10% auto 0 auto; font-weight:bold;}
.contact_b{ width:520px; height:35px; overflow:hidden;font-size:20px; color:#fff; line-height:150%; text-align:center; background-color:rgba(180,91,22,0.7); margin:1% auto 0 auto;}
.contact_c{ width:700px; height:auto; overflow:hidden;font-size:24px; color:#056cd2; line-height:150%; text-align:center; margin:1% auto 0 auto;}
.contact_d{ width:700px; height:auto; overflow:hidden;font-size:12px; color:#b1b1b1; line-height:150%; text-align:center; margin:0 auto;}

/*video*/
.section6{width: 100%;height:auto;overflow: hidden;}
.video{width: 100%;height: 100%;overflow: hidden;}
.video_k{width: 100%;height: 100%;overflow: hidden; position:relative; z-index:-1;}
.pronav{ width:900px; height:auto; position:absolute; z-index:999; bottom:80px; right:3%;}
.pronav_b{ float:left; padding:8px; margin:0 10px; border:1px solid #828a95; font-size:18px; color:#fff; line-height:100%; text-align:center;}
.pronav_b:hover{ float:left; padding:8px; margin:0 10px; border:1px solid #828a95; font-size:18px; color:#fff; line-height:100%; text-align:center;background-color:rgba(5,108,210,0.28);}

/*news*/
.section7{width: 100%;height:auto;overflow: hidden;}
.news{width: 100%;height: 100%;overflow: hidden;}
.news_con{ width:80%; height:80%; overflow: hidden; margin:3% auto 0 auto;}
.news_con_nav{ width:50%; height:auto; overflow: hidden; margin:0 auto;}
.news_con_nav_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:34px; color:#056cd2; line-height:150%; text-align:center; font-weight:bold;}
.news_con_nav_d{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news_con_nav_a{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_nav_b{ width:45%; height:auto; float:left; margin:0 2%;  font-size:30px; color:#056cd2; line-height:150%; text-align:center;}
.news_con_nav_c{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_k{ width:100%; height: auto; overflow: hidden; margin:4% auto 0 auto;}
.news_con_k_b{ width:23%; height:auto; overflow:hidden; float:left; margin:0 1%;}
.news_con_k_b_img{ width:100%; height:205px; overflow:hidden;}
.news_con_k_b_img img{ width:100%; height:205px;}
.news_con_k_b_z{ width:90%; height:auto; overflow:hidden; margin:5% auto;}
.news_con_k_b_z_time{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:14px; color:#056cd2; line-height:120%; text-align:center; }
.news_con_k_b_z_t{ width:100%; height:90px; overflow:hidden; margin:10px auto 0 auto; font-size:18px; color:#056cd2; line-height:30px;}
.news_con_k_b_more{ width:100%; height:35px; overflow:hidden; background-color:#056cd2; font-size:14px; color:#fff; line-height:35px; text-align:center;}
.news_con_k_b:hover .news_con_k_b_more{background-color:#6695c4;}
/*foot*/
.section8{width: 100%;height:auto;overflow: hidden; background-color:#606060;}
.map{width: 100%;height: 100%;overflow: hidden;}
.map_top{ width:100%; height:80px; overflow: hidden; background:#056cd2 url("../img/images/sjian.png") no-repeat center; background-size:7% 92%;}
.map_left{ width:55%; height:auto; position:absolute; left:5%; top:35%;}
.map_left_er{ width:125px; height:160px; overflow:hidden;}
.map_left_er_img{ width:125px; height:125px; overflow:hidden;}
.map_left_er_img img{ width:125px; height:125px;}
.map_left_er_title{ width:100%; height:35px; overflow:hidden;font-size:16px; color:#fff; line-height:35px; text-align:center; }
.map_left_z{ width:100%; height:35px; font-size:18px; color:#fff; line-height:35px;}
.map_left_z_img{ width:24px; height:24px; float:left; text-align:center; margin-top:5px;}
.map_left_z_img img{ width:24px; height:24px;}
.map_left_z_wen{ width:95%; height:35px;font-size:18px; color:#fff; line-height:35px; float:left; margin-left:1%;}
.map_logo{ width:20%; height:auto; overflow:hidden; position:absolute; right:5%; bottom:20%;}
.map_logo img{ width:100%; height:auto;}
.map_nav{ width:60%; height:auto; overflow:hidden; position:absolute; right:5%; top:13%;}
.map_nav_line{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #fff; padding:10px 0;}
.map_nav_line img{ width:auto; height:90%;}
.map_nav_box{ width:13%; height:auto; float:left; overflow:hidden; margin:15px 0.6%;}
.map_nav_big{ width:100%; height:auto; float:left; overflow:hidden; font-size:20px; color:#fff; line-height:150%; text-align:center; margin-bottom:20px;}
.map_nav_smoll{ width:100%; height:auto; float:left; overflow:hidden;font-size:18px; color:#fff; line-height:200%; text-align:center;}
.map_nav_smoll:hover{color:#056cd2;}


/*about*/
.aboutnei{ width:100%; height:auto; min-height:1100px; overflow:hidden; margin:0 auto; background:url("../img/images/about_bg.jpg") no-repeat center bottom; background-size:100% 100%;}
.aboutnei_k{ width:90%; height:auto; overflow:hidden; margin:10% auto 0 auto;}
.aboutnei_k_l{ width:80%; height:auto; float:left; overflow:hidden; }
.aboutnei_k_l_top{ width:50%; height:auto; overflow:hidden;}
.aboutnei_k_l_top_title{ width:30%; height:auto; float:left; overflow:hidden; font-size:30px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_title span{ font-size:14px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_line{ width:70%; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.aboutnei_k_l_con{ width:70%; height:auto; overflow:hidden; margin-top:80px; font-size:16px; color:#666;}
.aboutnei_k_l_con ul input{ width:30px; height:30px;background:url("../img/images/an.png") no-repeat center; background-size:100%; border:0;}
.aboutnei_k_r{ width:20%; height:auto; float:right; overflow:hidden; }

.aboutnav{width:100%;height:auto; overflow:hidden; margin:-6% auto; position:relative; z-index:33; text-align:center;}
.aboutnav ul{width: 130px;height: 130px;overflow:hidden; display:inline-block; margin:0 4%;font-size:26px; color: #fff; background-color:rgba(137,137,137,0.6);line-height:130px;text-align: center; border-radius:65px}
.aboutnav ul:hover{color: #056cc7; transition: all 0.5s}
.aboutnav ul .aboutnav_titlea{width:100%;height:auto; overflow:hidden; font-size:30px; color: #056cc7; text-align:center;transition: all 0.5s}


/*culture*/
.culture{ width:100%; height:auto; min-height:1100px; overflow:hidden; position:relative; margin:8% auto 0 auto; background:url("../img/images/cule.jpg") no-repeat center;}
.culture_nav{ width:50%; height:auto; overflow:hidden; margin:2% auto 0 5%; position:absolute;}
.culture_title{ width:25%; height:auto; float:left; overflow:hidden; font-size:30px; color:#fff; line-height:120%}
.culture_title span{ font-size:14px; color:#fff; line-height:120%}
.culture_box{ width:25%; height:100%; min-height:1100px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0.2); float:left;}
.culture_box_y{ width:70px; height:70px; background-color:#056cc7; border-radius:35px; position:absolute; left:40%; top:15%;}
.culture_box_z{ width:100px;height:70px; font-size:90px; color:#fff; line-height:120%; position:absolute; top:-40px; left:-20px;}
.culture_box_con{ width:40px; height:auto; overflow:hidden;font-size:30px; color:#fff; line-height:120%; /*font-weight: bold;*/ font-family:"siyuan";writing-mode:tb-rl; position:absolute; left:40%; top:25%;}
.culture_box:hover{ width:25%; height:100%; min-height:1100px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0); float:left;}


.leader{width: 100%;height: auto;margin:150px auto;overflow: hidden;}
.leader_top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.leader_top_l{ width:44%; height:2px; float:left; background-color:#056cc7; margin-top:30px;}
.leader_top_c{ width:10%; height:auto; float:left; overflow:hidden; margin:0 1%; font-size:30px; color: #056cc7; text-align:center; }
.leader_top_c span{ font-size:14px; color: #056cc7; text-align:center; }
.leader_top_r{ width:44%; height:2px; float:left; background-color:#056cc7; margin-top:30px; }
.Box_team { width:80%;position: relative;  margin:0 auto ;}
.Box_team .content_team {width:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 50px;height: 50px;position: absolute;top:75px;cursor: pointer;}
.Box_team .btnl_team { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -75px;}
.Box_team .btnr_team { display:block;background: url(../IMG/images/right.png) no-repeat center; background-size:100% 100%; right: -75px;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:350px; height:100%; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_team .Box_con .conbox ul a li .picimg{ width:350px; height:100%; overflow:hidden;}
.box_pic{ width:350px; height:100%; overflow:hidden;}

.team{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#e2e2e2; padding:100px 0;}
.team_k{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.team_k_box{ width:48%; height:auto; overflow:hidden; float:left; border:2px solid #056cc7; margin:20px 0.8%;}
.team_k_box img{ width:100%; max-hight:400px;}

.working{ width:100%; height:auto; margin:100px auto; overflow:hidden;}
.working_k{ width:80%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.working_k_box{ width:22%; height:auto; float:left; margin:20px 1.5%;}
.working_k_box img{ width:100%; max-height:250px;}


/*品牌*/
.brandnav{width: 90%;height:auto; overflow:hidden; margin:-3.8% auto; position:relative; z-index:33; text-align:center;}
.brandnav ul{width:180px;height:50px; overflow:hidden; margin:0 auto 0 2%;font-size:24px; display:inline-block; color: #fff; border:1px solid #fff; line-height:50px;text-align: center;}
.brandnav ul:hover{color: #056cc7; transition: all 0.5s}
.brandnav ul .brandnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc7; border:1px solid #fff; text-align:center;transition: all 0.5s}
.brands{ width:100%; height:auto; overflow:hidden; background:url("../img/images/46.jpg") no-repeat center; background-size:100% 100%; margin:0 auto;}
.brands_box{ width:80%; height:auto; overflow:hidden;  margin:2% auto;}
.brands_box_l{ width:30%; height:auto;  margin:0 auto; float:left;}
.brands_box_l img{ width:100%; height:auto; }
.brands_box_r{ width:60%; height:auto;  margin:0 auto 0 10%; float:left;}
.brands_box_title{ width:auto; height:50px; overflow:hidden; border-bottom:1px solid #fff; font-size:26px; color:#fff; line-height:50px; font-weight:bold;}
.brands_box_con{ width:100%; height:auto; overflow:hidden; font-size:20px; color:#fff; line-height:30px; margin-top:20px; }
.brands_box_con img{ max-width:100%;}

.course{ width:100%; height:300px; margin:0 auto; overflow:hidden;}
.course_a{ width:50%; height:300px; float:left; background-color:#056cc2; overflow:hidden; position:relative;}
.course_a_k{ width:80%; height:auto; float:right; margin:40px 3% 0 auto; overflow:hidden;}
.course_a_k_t{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#fff; line-height:40px; font-weight:bold;}
.course_a_k_b{ width:100%; height:90px; overflow:hidden; font-size:16px; color:#fff; line-height:30px;}
.course_a_k_by{ width:40px; height:40px; overflow:hidden; position: absolute; right:20px; bottom:20px; background:url("../img/images/right.png") no-repeat center; background-size:100%;}
.course_a_k_byy{ width:40px; height:40px; overflow:hidden; position: absolute; left:20px; bottom:20px; background:url("../img/images/left.png") no-repeat center; background-size:100%;}
.course_b{ width:50%; height:300px; float:left; overflow:hidden;}
.course_b img{ width:100%; height:100%; max-height:300px;}

.honor{ width:80%; height:auto; margin:0 auto;}
.honor_a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_a_box{ width:19%; height:auto; overflow:hidden; float:left; margin:0 0.5%;}
.honor_a_box_title{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#056cc2; text-align:center; line-height:40px; padding:10px 0;}
.honor_a_box_img{ width:100%; height:auto; overflow:hidden;}
.honor_a_box_img img{ width:100%; height:auto;}

.honor_b{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_b_t{ width:130px; height:40px; overflow:hidden; margin:20px auto; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.honor_b_k{ width:100%; height:auto; overflow: hidden; background-color:#056cc2;}
.honor_b_k_box{ width:19%; height:280px; overflow:hidden; float:left; margin:10px 3%;}
.honor_b_k_box img{ width:100%; height:100%;}

.honor_d_k_box{ width:16%; height:240px; overflow:hidden; float:left; margin:10px 0.3%;}
.honor_d_k_box img{ width:100%; height:100%;}

.honor_c{ width:100%; height:auto; margin-top:30px;}
.honor_c_t{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.Box_teams { width:90%;position: relative;  margin:0 auto ;}
.Box_teams .content_teams {width:100%;margin: 0 auto;}
.Box_teams .Box_cons {position: relative;}
.Box_teams .btnl_teams {position: absolute;}
.Box_teams .btn_teams {display: block;width: 50px;height: 50px;position: absolute;top:120px;cursor: pointer;}
.Box_teams .btnl_teams { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -50px;}
.Box_teams .btnr_teams { display:block;background: url(../IMG/images/right.png) no-repeat center;  background-size:100% 100%; right: -50px;}
.Box_teams .Box_cons .conboxs {position: relative;overflow: hidden;}
.Box_teams .Box_cons .conboxs ul {position: relative;list-style: none;}
.Box_teams .Box_cons .conboxs ul li {width:220px; height:auto; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_teams .Box_cons .conboxs ul a li .picimgs{ width:220px; height:auto;}
.box_pics{ width:220px;}


/*产品*/
.onenav{ width:190px; height:60px; overflow:hidden; margin:3% auto 0 auto; background-color:#056cc6; font-size:28px; color:#fff; line-height:40px; text-align:center;}
.onenav span{font-size:16px; color:#fff; line-height:20px; text-align:center;}

.subnav{width: 90%;height:auto; overflow:hidden; margin:5% auto;}
.subnav ul{width:13%;height:auto; overflow:hidden; float:left; margin:0 0.6%;}
.subnav ul .navimg{width:100%; height:auto; text-align: center;}
.subnav ul .navimg img{width:100%; height:auto; max-width:85px;}
.subnav ul .subnav_title{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc6; text-align:center;transition: all 0.5s}
.subnav ul:hover .subnav_title{color: #a85b16; transition: all 0.5s}
.subnav ul .subnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #a85b16; text-align:center;transition: all 0.5s}

.product{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.product_box{ width:22%; height:355px; overflow:hidden; float:left; margin:15px 1.4%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box_img{ width:86%; height:240px; overflow:hidden; margin:20px 7%;}
.product_box_img img{ width:100%; height:240px;}
.product_box_title{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box_more{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box:hover{ width:22%; height:355px; overflow:hidden; float:left; margin:15px 1.4%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box:hover .product_box_title{ color:#fff; }
.product_box:hover .product_box_more{ color:#fff; }

/*设备*/
.devnav{width: 80%;height:auto; overflow:hidden; margin:-3.2% auto; position:relative; z-index:33;}
.devnav ul{width:180px;height:50px; overflow:hidden; float:left; margin:0 auto 0 2%;font-size:22px; color: #fff; background-color: #056cc1; line-height:50px;text-align: center;transform: skewX(-20deg);
}
.devnav ul:hover{color: #a85b16; transition: all 0.5s}
.devnav ul .devnav_titlea{width:100%;height:auto; overflow:hidden; font-size:22px; color: #a85b16; text-align:center;transition: all 0.5s}
.devnav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto;}
.devnav_l_l{ width:15%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:30px; color: #056cc1; text-align:center;}
.devnav_l_l span{ font-size:16px; color: #056cc1; text-align:center;}
.devnav_l_r{ width:84%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.device{ width:80%; height:auto; overflow:hidden; margin:5% auto;}
.device_box{ width:32%; height:380px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box_img{ width:86%; height:250px; overflow:hidden; margin:20px 7%;}
.device_box_img img{ width:100%; height:250px;}
.device_box_title{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box_more{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box:hover{ width:32%; height:380px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box:hover .device_box_title{ color:#fff; }
.device_box:hover .device_box_more{ color:#fff; }

/*news*/
.newsnav{width: 80%;height:auto; overflow:hidden; margin:-3.2% auto; position:relative; z-index:33;}
.newsnav ul{width:170px;height: 50px; overflow:hidden; float:left; margin:0 auto 0 1%;font-size:24px; color: #fff; background-color: #056cc1; line-height:50px;text-align: center;background-color:rgba(255,255,255,0.3);}
.newsnav ul:hover{color: #056cc1; transition: all 0.5s}
.newsnav ul .newsnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc1; text-align:center;transition: all 0.5s}

.newsnav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto; font-size:36px; color: #056cc1; text-align:center; background:url("../img/images/xiek.png") no-repeat center bottom; background-size:35% 35%;}
.newsnav_l span{ font-size:20px; color: #056cc1; text-align:center; line-height:200%;}

.news2{width: 100%;height:400px; margin:30px auto; background-color:#056cc1;overflow: hidden; transition:all 0.5s;}
.news2_l{width: 60%;height: auto; float:left; margin:2.5% auto 2.5% 5%;overflow: hidden}
.news2_l_a{ width:100%; height:30px; overflow:hidden; font-size:22px; color: #fff; line-height:30px;}
.news2_l_b{ width:100%; height:50px; overflow:hidden; font-size:28px; color: #fff; line-height:50px; font-weight:bold;}
.news2_l_c{ width:100%; height:180px; overflow:hidden; font-size:18px; color: #fff; line-height:30px;}
.news2_l_d{ width:80px; height:30px;overflow:hidden; font-size:18px; color: #fff; line-height:30px; border:1px solid #fff; text-align:center; margin-top:30px;}
.news2:hover .news2_l_d{ width:80px; height:30px;overflow:hidden; font-size:18px; color: #fff; line-height:30px; border:1px solid #fff; background-color:#5d9bce;}
.news2_r{width: 30%;height: 90%; float:right; margin:2.5%;overflow: hidden}
.news2_r .news2_img{width: 100%;height:90%;overflow: hidden;transition: all 0.5s;}
.news2_r .news2_img img{width: 100%; height:100%; transition: all 0.5s;}
.news2:hover{width: 100%;height: 400px; margin:30px auto; background-color:#a8b8c5;overflow: hidden; transition:all 0.5s;}
.news3{width: 90%;height: 50px; margin:0 auto; border-bottom:1px solid #056cc1; overflow: hidden; transition:all 0.5s;}
.news3_l_a{ width:90%; height:50px; overflow:hidden; font-size:22px; color: #666; line-height:50px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}
.news3_l_b{ width:10%; height:50px; overflow:hidden; font-size:22px; color: #999; line-height:50px; text-align:center; float:left;}
.news3:hover .news3_l_a{ width:90%; height:50px; overflow:hidden; font-size:22px; color: #056cc1; line-height:50px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}


/*view*/
.content{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.content_con{ width:1200px; height:auto; overflow:hidden;margin:100px auto;}
.con_title{ font-size:30px; color:#056cc6; line-height:160%;}
.con_title span{ font-size:14px; color:#056cc6; line-height:120%;}
.con_content{width: 100%;height: auto;overflow:hidden;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.con_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*案例*/
.casenav{width:100%;height:auto; overflow:hidden; margin:-3.2% auto; position:relative; z-index:33; text-align:center;}
.casenav ul{width:150px;height:90px;overflow:hidden; display:inline-block; margin:0 auto 0 2%;font-size:25px; color: #fff; background:url("../img/images/ti.png") no-repeat center; background-size:100% 100%; line-height:60px;text-align: center;}
.casenav ul:hover{color: #b27c12; transition: all 0.5s}
.casenav ul .casenav_titlea{width:100%;height:auto; overflow:hidden; font-size:30px; color: #b27c12; text-align:center;transition: all 0.5s}

.casenav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto;}
.casenav_l_l{ width:13%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:24px; color: #056cc1; text-align:center;background:url("../img/images/le.png") no-repeat left center; background-size:10% 100%;}
.casenav_l_l span{ font-size:14px; color: #056cc1; text-align:center;}
.casenav_l_r{ width:85%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.case{width: 80%;height: auto;margin: 0 auto;overflow: hidden;min-height: 400px;}
.case ul{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.case ul li{width: 100%;height:auto;overflow: hidden;margin:35px 0;background-color: #056cbf;transition: all 0.5s;}
.case ul li .case_l{width: 43%;height:100%;overflow: hidden;transition: all 0.5s; padding:1%;}
.case ul li .case_l img{height:240px;width: 100%;transition: all 0.5s;}
.case ul li .case_r{width: 55%;height:100%;}
.case ul li .case_r_c{width:80%;margin:5% 0 0 8%;}
.case ul li .case_r_c h3{font-size: 26px;color: #fff;transition: all 0.5s; height:40px; line-height:40px; overflow:hidden;}
.case_r_c p{font-size:16px;color: #fff;margin-top: 2%; height:120px; line-height:30px; overflow:hidden;}
.case_r_c .more{width:80px;line-height:1.5;background-color:#fff; margin-top:3%;text-align: center;}
.case_r_c .more a{display: inline-block;width: 100%;height: 100%;color: #5da2d8;}
.case ul li:hover .case_l img{ height:240px;transition: all 0.5s;transform:scale(1.2);}
.case ul li:hover .case_r_c h3{color: #fff;transition: all 0.5s;}
/*caseview*/
.casecontent_con{ width:80%; height:auto; overflow:hidden;margin:100px auto;}
.casecon_title{ width:25%; height:auto; overflow:hidden; float:left; }
.casecon_title_con{font-size:18px; color:#fff; line-height:140%; background-color:#056cc6; padding:5px;}
.casecon_title_into{ font-size:14px; color:#056cc6; line-height:140%; margin-top:20px; text-indent:2em;}
.casecon_content{width:73%;height: auto;overflow:hidden; float:right;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.casecon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*招聘*/
.introduction{width:85%;margin:5% auto}
.introduction_t{ width:100%; height:80px; overflow:hidden; margin:0 auto;}
.introduction_t_l{ width:39%; height:80px; float:left; border-right:1px solid #056cc6;}
.introduction_t_c{ width:19%; height:80px; float:left; font-size:40px; color:#056cc6; text-align:center; margin:0 1%; border-left:1px solid #056cc6; border-right:1px solid #056cc6;}
.introduction_t_c span{ font-size:20px; color:#056cc6; text-align:center;}
.introduction_t_r{ width:39%; height:80px; float:left; border-left:1px solid #056cc6;}
.introduction_con{ width:100%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.introduction_box{ width:48%; height:430px; overflow:hidden; margin:1%; float:left; position:relative;}
.introduction_box img{ width:100%; height:430px;}
.introduction_title{ width:80%; height:35px; overflow:hidden; position:absolute; bottom:5%; left:5%; font-size:26px; color:#fff; line-height:35px;}

/*招聘view*/
.jobcontent{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.jobcontent_con{ width:1200px; height:auto; overflow:hidden;margin:50px auto;}
.jobcon_title{ font-size:35px; color:#333333; line-height:140%; background:url("../img/images/tx.png") no-repeat left center; background-size:3% 50%; padding-left:5%}
.jobcon_title span{ font-size:14px; color:#666666; line-height:120%;}
.jobcon_content{width: 100%;height: auto;overflow:hidden;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.jobcon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}
}


@media all and (max-width:1440px){
/*header*/
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100;}
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; background-color:rgba(5,108,210,0.77);}
.header{ width:100%; height:80px; overflow:hidden; margin:0 auto; display:block;}
.header_left{ width:20%; height:80px; float:left; margin-left:4%}
.header_left img{ width:auto; height:90%;}
.header_right{ width:72%; height:80px; float:right; margin-right:2%}
.nav{ width:auto; height:30px; margin:30px auto 0 auto; overflow:hidden; position:relative; float:right;}
.nav_li{ width:auto; height:30px; line-height:30px; text-align:center; float:left; font-size:18px;font-family:"microsoft yahei"; color:#fff; padding:0 10px; transition:all 0.3s;}
.nli{transition:all 0.3s;}
.nlia{ transition:all 0.3s; display: block;}
.nav_li:hover .nli{ transition:all 0.3s; margin-top:-30px;}
.nav_li:hover .nlia{  transition:all 0.3s;  display:block;color:#fff;}
.nav_lib{ width:auto; height:30px; line-height:30px; text-align:center; float:left; font-size:18px;font-family:"microsoft yahei"; color:#1860bf; padding:0 25px; transition:all 0.3s;}
.margin5{margin-top:80px;}
/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg02.png") no-repeat 100% 80%; background-size:100%;}
.about{width: 100%;height:100%;overflow: hidden;}
.about_top{width: 80%;height:20%; overflow:hidden; margin:2% auto 0 auto;}
.about_top_l{ width:25%; height:100%; overflow:hidden; float:left; margin-right:5%;}
.about_top_l_t{ width:100%; height:70%; overflow:hidden;}
.about_top_l_t_h{ width:65px; height:2px; background-color:#056cd2; display:block;}
.about_top_l_t_z{ width:100%; height: auto; font-size:26px; color:#056cd2; line-height:35px; display:block; margin-top:10px; letter-spacing:3px;}
.about_top_l_d{ width:100%; height:30%; overflow:hidden;}
.about_top_l_d_k{ width:32%; height:40px; font-size:12px; color:#056cd2; line-height:20px; text-align:center; float:left; }
.about_top_l_d_k span{  font-size:18px; color:#056cd2; line-height:20px; text-align:center; }
.about_top_l_d_s{ width:32%; height:40px; font-size:14px; color:#056cd2; line-height:20px; text-align:center; float:left; border-left:1px solid #056cd2; }
.about_top_l_d_s span{ font-size:14px; color:#056cd2; line-height:20px; text-align:center; }

.about_top_r{ width:70%; height:100%; overflow:hidden; float:right;}
.about_top_r_t{width:100%; height:70%; overflow:hidden; font-size:16px; color:#666; line-height:25px;}
.about_top_r_more{ width:100px; height:30px; overflow:hidden;font-size:16px; color:#056cd2; line-height:30px; border:2px solid #056cd2; float:right; text-align:center; margin-top:10px;}

.about_bottom{width: 80%;height:60%;overflow: hidden; margin:1% auto 0 auto;}
.about_video{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.neImg{ width:100%; height:450px;}

.line{width: 40px;height: 2px;background-color: #fff;}
.about_con{width: auto;margin-left: 85px;margin-top: -20px;}
.about_con h3{/*margin-left:5%;*/font-size: 30px;color: #fff;}
.about_con .navename{font-size: 40px;color: #fff;text-transform: uppercase;font-family: 'colo';}
.about_con .intro{width:85%;font-size: 15px;color: #d8edf7;line-height: 2.2;margin-top: 5%;transform: translateX(-150%);transition: all 1.5s;}
.abouts{width: 100%;height: auto;margin-top: 18%;overflow: hidden;transform: translateX(150%);transition: all 1.5s;}
.section.active .about_con .intro{transform: translateX(0);}
.section.active .abouts{transform: translateX(0);}

/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;background: url("../img/images/bg03.jpg") no-repeat center; background-size:100% 100%;}
.brand{width: 100%;height: 100%;overflow: hidden;}
.brand_top{width:80%;height:25%; overflow:hidden; margin:5% auto 0 auto;}
.brand_top_l{ width:20%; height:80%; float:left; border-right:3px solid #fff; font-size:35px; letter-spacing:6px;color:#fff; line-height:140%;}
.brand_top_r{ width:40%; height:50%; overflow:hidden; margin:3% auto 0 2%; float:left; font-size:30px; letter-spacing:5px;color:#fff; line-height:140%;}
.brand_bottom{width:85%;height:40%;overflow: hidden; margin:2% auto 0 auto;}
.brand_bottom_box{ width:33%; height:99%; float:left;overflow:hidden; border:2px solid #fff; position:relative;}
.brand_bottom_box_title{ width:23%; height:14%; margin:1% auto 6% auto; border-bottom:2px solid #fff; font-size:24px; letter-spacing:5px;color:#fff; line-height:150%; text-align:center;}
.brand_bottom_box_center{ width:80%; height:30px; margin:0 auto; font-size:18px; color:#fff;  line-height:30px; overflow:hidden;}
.brand_bottom_box_rz{ width:30%; height: auto; margin:0 auto; font-size:16px; color:#fff; line-height:180%; text-align:center;}
.brand_bottom_box_rz pre{font-size:18px; color:#fff; line-height:180%; text-align:center; font-family:"microsoft yahei"; letter-spacing:1px;}
.brand_bottom_box_more{ width:80px; height:30px; bottom:30px; left:40%; position:absolute; background:#499ce5 url("../img/images/fang.png") no-repeat; background-position:90% 50%;font-size:16px; color:#fff; line-height:180%; text-indent:0.5em;}

/*zongh*/
.section4{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.jpg") no-repeat center; background-size:100% 100%;}
.zongh{width: 100%;height: 100%;overflow: hidden; position:relative;}
.zongh_z{ width:400px; height:30px; overflow:hidden; position:absolute; top:10%; left:5%; border-left:1px solid #fff;}
.zongh_z_l{ width:125px; height:30px; overflow:hidden; margin:0 10px; float:left; font-size:18px; color:#fff; line-height:100%;}
.zongh_z_l span{font-size:12px; color:#b45b16; line-height:100%;}
.zongh_z_r{ width:220px; height:2px; background-color:#fff; float:left; margin-top:14px;}
.zongh_con{ width:750px; height:70%; overflow:hidden; margin:5% auto 0 auto;}
.zongh_con_t{ width:500px; height:45%; overflow:hidden; margin:0 auto;}
.zongh_con_k{ width:220px; height:220px; float:left; overflow:hidden; transition:all 0.5s; margin:5px;}
.zongh_con_k_img{ width:220px; height:220px; overflow:hidden; position:relative; z-index:3;}
.zongh_con_k_img img{ width:220px; height:220px;}
.zongh_con_k_h{ width:220px; height:220px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0.4); margin-top:-220px; transition:all 0.5s;}
.zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1; margin-top:40%;}
.zongh_con_k_h li span{font-size:18px; color:#abb1b4; line-height:100%; text-align:center;}

.zongh_con_k:hover .zongh_con_k_h{ width:220px; height:220px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0); margin-top:-220px; transition:all 0.5s;}
.zongh_con_k:hover .zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1;}
.zongh_more{ width:90px; height:30px; overflow: hidden; margin:0 auto; border:1px solid #fff; background-color:#056cd2;font-size:16px; color:#fff; line-height:30px; text-align:center;}



/*contact*/
.section5{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.png") no-repeat center; background-size:100% 50%;}
.contact{width: 100%;height: 100%;overflow: hidden;}
.contact_a{ width:700px; height:auto; overflow:hidden;font-size:50px; color:#056cd2; line-height:150%; text-align:center; margin:10% auto 0 auto; font-weight:bold;}
.contact_b{ width:520px; height:35px; overflow:hidden;font-size:20px; color:#fff; line-height:150%; text-align:center; background-color:rgba(180,91,22,0.7); margin:1% auto 0 auto;}
.contact_c{ width:700px; height:auto; overflow:hidden;font-size:24px; color:#056cd2; line-height:150%; text-align:center; margin:1% auto 0 auto;}
.contact_d{ width:700px; height:auto; overflow:hidden;font-size:12px; color:#b1b1b1; line-height:150%; text-align:center; margin:0 auto;}

/*video*/
.section6{width: 100%;height:auto;overflow: hidden;}
.video{width: 100%;height: 100%;overflow: hidden;}
.video_k{width: 100%;height: 100%;overflow: hidden; position:relative; z-index:-1;}
.pronav{ width:900px; height:auto; position:absolute; z-index:999; bottom:80px; right:3%;}
.pronav_b{ float:left; padding:8px; margin:0 10px; border:1px solid #828a95; font-size:18px; color:#fff; line-height:100%; text-align:center;}
.pronav_b:hover{ float:left; padding:8px; margin:0 10px; border:1px solid #828a95; font-size:18px; color:#fff; line-height:100%; text-align:center;background-color:rgba(5,108,210,0.28);}

/*news*/
.section7{width: 100%;height:auto;overflow: hidden;}
.news{width: 100%;height: 100%;overflow: hidden;}
.news_con{ width:80%; height:80%; overflow: hidden; margin:3% auto 0 auto;}
.news_con_nav{ width:50%; height:auto; overflow: hidden; margin:0 auto;}
.news_con_nav_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:34px; color:#056cd2; line-height:150%; text-align:center; font-weight:bold;}
.news_con_nav_d{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news_con_nav_a{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_nav_b{ width:45%; height:auto; float:left; margin:0 2%;  font-size:30px; color:#056cd2; line-height:150%; text-align:center;}
.news_con_nav_c{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_k{ width:100%; height: auto; overflow: hidden; margin:4% auto 0 auto;}
.news_con_k_b{ width:23%; height:auto; overflow:hidden; float:left; margin:0 1%;}
.news_con_k_b_img{ width:100%; height:190px; overflow:hidden;}
.news_con_k_b_img img{ width:100%; height:190px;}
.news_con_k_b_z{ width:90%; height:auto; overflow:hidden; margin:5% auto;}
.news_con_k_b_z_time{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:14px; color:#056cd2; line-height:120%; text-align:center; }
.news_con_k_b_z_t{ width:100%; height:90px; overflow:hidden; margin:10px auto 0 auto; font-size:18px; color:#056cd2; line-height:30px;}
.news_con_k_b_more{ width:100%; height:35px; overflow:hidden; background-color:#056cd2; font-size:14px; color:#fff; line-height:35px; text-align:center;}
.news_con_k_b:hover .news_con_k_b_more{background-color:#6695c4;}
/*foot*/
.section8{width: 100%;height:auto;overflow: hidden; background-color:#606060;}
.map{width: 100%;height: 100%;overflow: hidden;}
.map_top{ width:100%; height:80px; overflow: hidden; background:#056cd2 url("../img/images/sjian.png") no-repeat center; background-size:7% 92%;}
.map_left{ width:55%; height:auto; position:absolute; left:5%; top:35%;}
.map_left_er{ width:125px; height:160px; overflow:hidden;}
.map_left_er_img{ width:125px; height:125px; overflow:hidden;}
.map_left_er_img img{ width:125px; height:125px;}
.map_left_er_title{ width:100%; height:35px; overflow:hidden;font-size:16px; color:#fff; line-height:35px; text-align:center; }
.map_left_z{ width:100%; height:35px; font-size:16px; color:#fff; line-height:35px;}
.map_left_z_img{ width:22px; height:22px; float:left; text-align:center; margin-top:5px;}
.map_left_z_img img{ width:22px; height:22px;}
.map_left_z_wen{ width:95%; height:35px;font-size:16px; color:#fff; line-height:35px; float:left; margin-left:1%;}
.map_logo{ width:20%; height:auto; overflow:hidden; position:absolute; right:5%; bottom:20%;}
.map_logo img{ width:100%; height:auto;}
.map_nav{ width:60%; height:auto; overflow:hidden; position:absolute; right:5%; top:13%;}
.map_nav_line{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #fff; padding:10px 0;}
.map_nav_line img{ width:auto; height:90%;}
.map_nav_box{ width:13%; height:auto; float:left; overflow:hidden; margin:15px 0.6%;}
.map_nav_big{ width:100%; height:auto; float:left; overflow:hidden; font-size:20px; color:#fff; line-height:150%; text-align:center; margin-bottom:20px;}
.map_nav_smoll{ width:100%; height:auto; float:left; overflow:hidden;font-size:18px; color:#fff; line-height:200%; text-align:center;}
.map_nav_smoll:hover{color:#056cd2;}


/*about*/
.aboutnei{ width:100%; height:auto; min-height:1100px; overflow:hidden; margin:0 auto; background:url("../img/images/about_bg.jpg") no-repeat center bottom; background-size:100% 100%;}
.aboutnei_k{ width:90%; height:auto; overflow:hidden; margin:10% auto 0 auto;}
.aboutnei_k_l{ width:80%; height:auto; float:left; overflow:hidden; }
.aboutnei_k_l_top{ width:50%; height:auto; overflow:hidden;}
.aboutnei_k_l_top_title{ width:30%; height:auto; float:left; overflow:hidden; font-size:30px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_title span{ font-size:14px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_line{ width:70%; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.aboutnei_k_l_con{ width:70%; height:auto; overflow:hidden; margin-top:80px; font-size:16px; color:#666;}
.aboutnei_k_l_con ul input{ width:30px; height:30px;background:url("../img/images/an.png") no-repeat center; background-size:100%; border:0;}
.aboutnei_k_r{ width:20%; height:auto; float:right; overflow:hidden; }

.aboutnav{width:100%;height:auto; overflow:hidden; margin:-6% auto; position:relative; z-index:33; text-align:center;}
.aboutnav ul{width: 130px;height: 130px;overflow:hidden; display:inline-block; margin:0 4%;font-size:26px; color: #fff; background-color:rgba(137,137,137,0.6);line-height:130px;text-align: center; border-radius:65px}
.aboutnav ul:hover{color: #056cc7; transition: all 0.5s}
.aboutnav ul .aboutnav_titlea{width:100%;height:auto; overflow:hidden; font-size:30px; color: #056cc7; text-align:center;transition: all 0.5s}


/*culture*/
.culture{ width:100%; height:auto; min-height:1100px; overflow:hidden; position:relative; margin:8% auto 0 auto; background:url("../img/images/cule.jpg") no-repeat center;}
.culture_nav{ width:50%; height:auto; overflow:hidden; margin:2% auto 0 5%; position:absolute;}
.culture_title{ width:25%; height:auto; float:left; overflow:hidden; font-size:30px; color:#fff; line-height:120%}
.culture_title span{ font-size:14px; color:#fff; line-height:120%}
.culture_box{ width:25%; height:100%; min-height:1100px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0.2); float:left;}
.culture_box_y{ width:70px; height:70px; background-color:#056cc7; border-radius:35px; position:absolute; left:40%; top:15%;}
.culture_box_z{ width:100px;height:70px; font-size:90px; color:#fff; line-height:120%; position:absolute; top:-40px; left:-20px;}
.culture_box_con{ width:40px; height:auto; overflow:hidden;font-size:30px; color:#fff; line-height:120%;/* font-weight: bold; */font-family:"siyuan";writing-mode:tb-rl; position:absolute; left:40%; top:25%;}
.culture_box:hover{ width:25%; height:100%; min-height:1100px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0); float:left;}


.leader{width: 100%;height: auto;margin:150px auto;overflow: hidden;}
.leader_top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.leader_top_l{ width:44%; height:2px; float:left; background-color:#056cc7; margin-top:30px;}
.leader_top_c{ width:10%; height:auto; float:left; overflow:hidden; margin:0 1%; font-size:30px; color: #056cc7; text-align:center; }
.leader_top_c span{ font-size:14px; color: #056cc7; text-align:center; }
.leader_top_r{ width:44%; height:2px; float:left; background-color:#056cc7; margin-top:30px; }
.Box_team { width:80%;position: relative;  margin:0 auto ;}
.Box_team .content_team {width:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 50px;height: 50px;position: absolute;top:75px;cursor: pointer;}
.Box_team .btnl_team { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -50px;}
.Box_team .btnr_team { display:block;background: url(../IMG/images/right.png) no-repeat center; background-size:100% 100%; right: -50px;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:300px; height:100%; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_team .Box_con .conbox ul a li .picimg{ width:300px; height:100%; overflow:hidden;}
.box_pic{ width:300px; height:100%; overflow:hidden;}

.team{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#e2e2e2; padding:100px 0;}
.team_k{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.team_k_box{ width:48%; height:auto; overflow:hidden; float:left; border:2px solid #056cc7; margin:20px 0.8%;}
.team_k_box img{ width:100%; max-hight:400px;}

.working{ width:100%; height:auto; margin:100px auto; overflow:hidden;}
.working_k{ width:80%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.working_k_box{ width:22%; height:auto; float:left; margin:20px 1.5%;}
.working_k_box img{ width:100%; max-height:250px;}


/*品牌*/
.brandnav{width: 90%;height:auto; overflow:hidden; margin:-3.8% auto; position:relative; z-index:33; text-align:center;}
.brandnav ul{width:180px;height:50px; overflow:hidden; margin:0 auto 0 2%;font-size:24px; display:inline-block; color: #fff; border:1px solid #fff; line-height:50px;text-align: center;}
.brandnav ul:hover{color: #056cc7; transition: all 0.5s}
.brandnav ul .brandnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc7; border:1px solid #fff; text-align:center;transition: all 0.5s}
.brands{ width:100%; height:auto; overflow:hidden; background:url("../img/images/46.jpg") no-repeat center; background-size:100% 100%; margin:0 auto;}
.brands_box{ width:80%; height:auto; overflow:hidden;  margin:2% auto;}
.brands_box_l{ width:30%; height:auto;  margin:0 auto; float:left;}
.brands_box_l img{ width:100%; height:auto; }
.brands_box_r{ width:60%; height:auto;  margin:0 auto 0 10%; float:left;}
.brands_box_title{ width:auto; height:50px; overflow:hidden; border-bottom:1px solid #fff; font-size:26px; color:#fff; line-height:50px; font-weight:bold;}
.brands_box_con{ width:100%; height:auto; overflow:hidden; font-size:20px; color:#fff; line-height:30px; margin-top:20px; }
.brands_box_con img{ max-width:100%;}

.course{ width:100%; height:300px; margin:0 auto; overflow:hidden;}
.course_a{ width:50%; height:300px; float:left; background-color:#056cc2; overflow:hidden; position:relative;}
.course_a_k{ width:80%; height:auto; float:right; margin:40px 3% 0 auto; overflow:hidden;}
.course_a_k_t{ width:100%; height:35px; overflow:hidden; font-size:22px; color:#fff; line-height:35px; font-weight:bold;}
.course_a_k_b{ width:100%; height:100px; overflow:hidden; font-size:14px; color:#fff; line-height:25px;}
.course_a_k_by{ width:30px; height:30px; overflow:hidden; position: absolute; right:20px; bottom:20px; background:url("../img/images/right.png") no-repeat center; background-size:100%;}
.course_a_k_byy{ width:30px; height:30px; overflow:hidden; position: absolute; left:20px; bottom:20px; background:url("../img/images/left.png") no-repeat center; background-size:100%;}
.course_b{ width:50%; height:300px; float:left; overflow:hidden;}
.course_b img{ width:100%; height:100%; max-height:300px;}

.honor{ width:80%; height:auto; margin:0 auto;}
.honor_a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_a_box{ width:19%; height:auto; overflow:hidden; float:left; margin:0 0.5%;}
.honor_a_box_title{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#056cc2; text-align:center; line-height:40px; padding:10px 0;}
.honor_a_box_img{ width:100%; height:auto; overflow:hidden;}
.honor_a_box_img img{ width:100%; height:auto;}

.honor_b{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_b_t{ width:130px; height:40px; overflow:hidden; margin:20px auto; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.honor_b_k{ width:100%; height:auto; overflow: hidden; background-color:#056cc2;}
.honor_b_k_box{ width:19%; height:280px; overflow:hidden; float:left; margin:10px 3%;}
.honor_b_k_box img{ width:100%; height:100%;}

.honor_d_k_box{ width:16%; height:240px; overflow:hidden; float:left; margin:10px 0.3%;}
.honor_d_k_box img{ width:100%; height:100%;}

.honor_c{ width:100%; height:auto; margin-top:30px;}
.honor_c_t{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.Box_teams { width:90%;position: relative;  margin:0 auto ;}
.Box_teams .content_teams {width:100%;margin: 0 auto;}
.Box_teams .Box_cons {position: relative;}
.Box_teams .btnl_teams {position: absolute;}
.Box_teams .btn_teams {display: block;width: 50px;height: 50px;position: absolute;top:120px;cursor: pointer;}
.Box_teams .btnl_teams { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -50px;}
.Box_teams .btnr_teams { display:block;background: url(../IMG/images/right.png) no-repeat center;  background-size:100% 100%; right: -50px;}
.Box_teams .Box_cons .conboxs {position: relative;overflow: hidden;}
.Box_teams .Box_cons .conboxs ul {position: relative;list-style: none;}
.Box_teams .Box_cons .conboxs ul li {width:200px; height:auto; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_teams .Box_cons .conboxs ul a li .picimgs{ width:200px; height:auto;}
.box_pics{ width:200px;}


/*产品*/
.onenav{ width:190px; height:60px; overflow:hidden; margin:3% auto 0 auto; background-color:#056cc6; font-size:28px; color:#fff; line-height:40px; text-align:center;}
.onenav span{font-size:16px; color:#fff; line-height:20px; text-align:center;}

.subnav{width: 90%;height:auto; overflow:hidden; margin:5% auto;}
.subnav ul{width:13%;height:auto; overflow:hidden; float:left; margin:0 0.6%;}
.subnav ul .navimg{width:100%; height:auto; text-align: center;}
.subnav ul .navimg img{width:100%; height:auto; max-width:85px;}
.subnav ul .subnav_title{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc6; text-align:center;transition: all 0.5s}
.subnav ul:hover .subnav_title{color: #a85b16; transition: all 0.5s}
.subnav ul .subnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #a85b16; text-align:center;transition: all 0.5s}

.product{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.product_box{ width:22%; height:330px; overflow:hidden; float:left; margin:15px 1.4%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box_img{ width:86%; height:215px; overflow:hidden; margin:20px 7%;}
.product_box_img img{ width:100%; height:215px;}
.product_box_title{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box_more{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box:hover{ width:22%; height:330px; overflow:hidden; float:left; margin:15px 1.4%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box:hover .product_box_title{ color:#fff; }
.product_box:hover .product_box_more{ color:#fff; }

/*设备*/
.devnav{width: 80%;height:auto; overflow:hidden; margin:-3.5% auto; position:relative; z-index:33;}
.devnav ul{width:180px;height:50px; overflow:hidden; float:left; margin:0 auto 0 2%;font-size:22px; color: #fff; background-color: #056cc1; line-height:50px;text-align: center;transform: skewX(-20deg);
}
.devnav ul:hover{color: #a85b16; transition: all 0.5s}
.devnav ul .devnav_titlea{width:100%;height:auto; overflow:hidden; font-size:22px; color: #a85b16; text-align:center;transition: all 0.5s}
.devnav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto;}
.devnav_l_l{ width:15%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:30px; color: #056cc1; text-align:center;}
.devnav_l_l span{ font-size:16px; color: #056cc1; text-align:center;}
.devnav_l_r{ width:84%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.device{ width:80%; height:auto; overflow:hidden; margin:5% auto;}
.device_box{ width:32%; height:355px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box_img{ width:86%; height:230px; overflow:hidden; margin:20px 7%;}
.device_box_img img{ width:100%; height:230px;}
.device_box_title{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box_more{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box:hover{ width:32%; height:355px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box:hover .device_box_title{ color:#fff; }
.device_box:hover .device_box_more{ color:#fff; }

/*news*/
.newsnav{width: 80%;height:auto; overflow:hidden; margin:-3.6% auto; position:relative; z-index:33;}
.newsnav ul{width:170px;height: 50px; overflow:hidden; float:left; margin:0 auto 0 1%;font-size:24px; color: #fff; background-color: #056cc1; line-height:50px;text-align: center;background-color:rgba(255,255,255,0.3);}
.newsnav ul:hover{color: #056cc1; transition: all 0.5s}
.newsnav ul .newsnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc1; text-align:center;transition: all 0.5s}

.newsnav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto; font-size:36px; color: #056cc1; text-align:center; background:url("../img/images/xiek.png") no-repeat center bottom; background-size:35% 35%;}
.newsnav_l span{ font-size:20px; color: #056cc1; text-align:center; line-height:200%;}

.news2{width: 100%;height:330px; margin:30px auto; background-color:#056cc1;overflow: hidden; transition:all 0.5s;}
.news2_l{width: 60%;height: auto; float:left; margin:2.5% auto 2.5% 5%;overflow: hidden}
.news2_l_a{ width:100%; height:30px; overflow:hidden; font-size:18px; color: #fff; line-height:30px;}
.news2_l_b{ width:100%; height:40px; overflow:hidden; font-size:26px; color: #fff; line-height:40px; font-weight:bold;}
.news2_l_c{ width:100%; height:150px; overflow:hidden; font-size:14px; color: #fff; line-height:30px;}
.news2_l_d{ width:80px; height:30px;overflow:hidden; font-size:18px; color: #fff; line-height:30px; border:1px solid #fff; text-align:center; margin-top:20px;}
.news2:hover .news2_l_d{ width:80px; height:30px;overflow:hidden; font-size:18px; color: #fff; line-height:30px; border:1px solid #fff; background-color:#5d9bce;}
.news2_r{width: 30%;height: 90%; float:right; margin:2.5%;overflow: hidden}
.news2_r .news2_img{width: 100%;height:90%;overflow: hidden;transition: all 0.5s;}
.news2_r .news2_img img{width: 100%; height:100%; transition: all 0.5s;}
.news2:hover{width: 100%;height: 330px; margin:30px auto; background-color:#a8b8c5;overflow: hidden; transition:all 0.5s;}
.news3{width: 90%;height: 50px; margin:0 auto; border-bottom:1px solid #056cc1; overflow: hidden; transition:all 0.5s;}
.news3_l_a{ width:90%; height:50px; overflow:hidden; font-size:22px; color: #666; line-height:50px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}
.news3_l_b{ width:10%; height:50px; overflow:hidden; font-size:22px; color: #999; line-height:50px; text-align:center; float:left;}
.news3:hover .news3_l_a{ width:90%; height:50px; overflow:hidden; font-size:22px; color: #056cc1; line-height:50px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}


/*view*/
.content{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.content_con{ width:1200px; height:auto; overflow:hidden;margin:100px auto;}
.con_title{ font-size:30px; color:#056cc6; line-height:160%;}
.con_title span{ font-size:14px; color:#056cc6; line-height:120%;}
.con_content{width: 100%;height: auto;overflow:hidden;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.con_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*案例*/
.casenav{width:100%;height:auto; overflow:hidden; margin:-3.5% auto; position:relative; z-index:33; text-align:center;}
.casenav ul{width:150px;height:90px;overflow:hidden; display:inline-block; margin:0 auto 0 2%;font-size:25px; color: #fff; background:url("../img/images/ti.png") no-repeat center; background-size:100% 100%; line-height:60px;text-align: center;}
.casenav ul:hover{color: #b27c12; transition: all 0.5s}
.casenav ul .casenav_titlea{width:100%;height:auto; overflow:hidden; font-size:30px; color: #b27c12; text-align:center;transition: all 0.5s}

.casenav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto;}
.casenav_l_l{ width:13%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:24px; color: #056cc1; text-align:center;background:url("../img/images/le.png") no-repeat left center; background-size:10% 100%;}
.casenav_l_l span{ font-size:14px; color: #056cc1; text-align:center;}
.casenav_l_r{ width:85%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.case{width: 80%;height: auto;margin: 0 auto;overflow: hidden;min-height: 400px;}
.case ul{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.case ul li{width: 100%;height:auto;overflow: hidden;margin:35px 0;background-color: #056cbf;transition: all 0.5s;}
.case ul li .case_l{width: 43%;height:100%;overflow: hidden;transition: all 0.5s; padding:10px;}
.case ul li .case_l img{height:240px;width: 100%;transition: all 0.5s;}
.case ul li .case_r{width: 55%;height:100%;}
.case ul li .case_r_c{width:80%;margin:5% 0 0 8%;}
.case ul li .case_r_c h3{font-size: 26px;color: #fff;transition: all 0.5s; height:40px; line-height:40px; overflow:hidden;}
.case_r_c p{font-size:16px;color: #fff;margin-top: 2%; height:120px; line-height:30px; overflow:hidden;}
.case_r_c .more{width:80px;line-height:1.5;background-color:#fff; margin-top:3%;text-align: center;}
.case_r_c .more a{display: inline-block;width: 100%;height: 100%;color: #5da2d8;}
.case ul li:hover .case_l img{ height:240px;transition: all 0.5s;transform:scale(1.2);}
.case ul li:hover .case_r_c h3{color: #fff;transition: all 0.5s;}
/*caseview*/
.casecontent_con{ width:80%; height:auto; overflow:hidden;margin:100px auto;}
.casecon_title{ width:25%; height:auto; overflow:hidden; float:left; }
.casecon_title_con{font-size:18px; color:#fff; line-height:140%; background-color:#056cc6; padding:5px;}
.casecon_title_into{ font-size:14px; color:#056cc6; line-height:140%; margin-top:20px; text-indent:2em;}
.casecon_content{width:73%;height: auto;overflow:hidden; float:right;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.casecon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*招聘*/
.introduction{width:85%;margin:5% auto}
.introduction_t{ width:100%; height:80px; overflow:hidden; margin:0 auto;}
.introduction_t_l{ width:39%; height:80px; float:left; border-right:1px solid #056cc6;}
.introduction_t_c{ width:19%; height:80px; float:left; font-size:40px; color:#056cc6; text-align:center; margin:0 1%; border-left:1px solid #056cc6; border-right:1px solid #056cc6;}
.introduction_t_c span{ font-size:20px; color:#056cc6; text-align:center;}
.introduction_t_r{ width:39%; height:80px; float:left; border-left:1px solid #056cc6;}
.introduction_con{ width:100%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.introduction_box{ width:48%; height:400px; overflow:hidden; margin:1%; float:left; position:relative;}
.introduction_box img{ width:100%; height:400px;}
.introduction_title{ width:80%; height:35px; overflow:hidden; position:absolute; bottom:5%; left:5%; font-size:26px; color:#fff; line-height:35px;}

/*招聘view*/
.jobcontent{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.jobcontent_con{ width:1200px; height:auto; overflow:hidden;margin:50px auto;}
.jobcon_title{ font-size:35px; color:#333333; line-height:140%; background:url("../img/images/tx.png") no-repeat left center; background-size:3% 50%; padding-left:5%}
.jobcon_title span{ font-size:14px; color:#666666; line-height:120%;}
.jobcon_content{width: 100%;height: auto;overflow:hidden;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.jobcon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}


}
@media all and (max-width:1366px){
/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg02.png") no-repeat 100% 80%; background-size:100%;}
.about{width: 100%;height:100%;overflow: hidden;}
.about_top{width: 80%;height:20%; overflow:hidden; margin:2% auto 0 auto;}
.about_top_l{ width:25%; height:100%; overflow:hidden; float:left; margin-right:5%;}
.about_top_l_t{ width:100%; height:50%; overflow:hidden;}
.about_top_l_t_h{ width:65px; height:2px; background-color:#056cd2; display:block;}
.about_top_l_t_z{ width:100%; height: auto; font-size:22px; color:#056cd2; line-height:30px; display:block; margin-top:10px; letter-spacing:3px;}
.about_top_l_d{ width:100%; height:30%; overflow:hidden;}
.about_top_l_d_k{ width:32%; height:40px; font-size:12px; color:#056cd2; line-height:20px; text-align:center; float:left; }
.about_top_l_d_k span{  font-size:18px; color:#056cd2; line-height:20px; text-align:center; }
.about_top_l_d_s{ width:32%; height:40px; font-size:14px; color:#056cd2; line-height:20px; text-align:center; float:left; border-left:1px solid #056cd2; }
.about_top_l_d_s span{ font-size:14px; color:#056cd2; line-height:20px; text-align:center; }

.about_top_r{ width:70%; height:100%; overflow:hidden; float:right;}
.about_top_r_t{width:100%; height:60%; overflow:hidden; font-size:16px; color:#666; line-height:25px; }
.about_top_r_more{ width:100px; height:30px; overflow:hidden;font-size:16px; color:#056cd2; line-height:30px; border:2px solid #056cd2; float:right; text-align:center; margin-top:10px;}

.about_bottom{width: 80%;height:55%;overflow: hidden; margin:1% auto 0 auto;}
.about_video{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.neImg{ width:100%; height:340px;}
.margin5{margin-top:80px;}

/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;background: url("../img/images/bg03.jpg") no-repeat center; background-size:100% 100%;}
.brand{width: 100%;height: 100%;overflow: hidden;}
.brand_top{width:80%;height:20%; overflow:hidden; margin:2% auto 0 auto;}
.brand_top_l{ width:20%; height:85%; float:left; border-right:3px solid #fff; font-size:30px; letter-spacing:6px;color:#fff; line-height:120%;}
.brand_top_r{ width:40%; height:50%; overflow:hidden; margin:3% auto 0 2%; float:left; font-size:24px; letter-spacing:5px;color:#fff; line-height:140%;}
.brand_bottom{width:85%;height:40%;overflow: hidden; margin:2% auto 0 auto;}
.brand_bottom_box{ width:32%; height:99%; float:left;overflow:hidden; border:2px solid #fff; position:relative;}
.brand_bottom_box_title{ width:23%; height:14%; margin:1% auto 6% auto; border-bottom:2px solid #fff; font-size:24px; letter-spacing:5px;color:#fff; line-height:150%; text-align:center;}
.brand_bottom_box_center{ width:80%; height:30px; margin:0 auto; font-size:18px; color:#fff;  line-height:30px; overflow:hidden;}
.brand_bottom_box_rz{ width:30%; height: auto; margin:0 auto; font-size:16px; color:#fff; line-height:180%; text-align:center;}
.brand_bottom_box_rz pre{font-size:18px; color:#fff; line-height:180%; text-align:center; font-family:"microsoft yahei"; letter-spacing:1px;}

.brand_bottom_box_more{ width:70px; height:30px; bottom:30px; left:40%; position:absolute; background:#499ce5 url("../img/images/fang.png") no-repeat; background-position:90% 50%;font-size:14px; color:#fff; line-height:180%; text-indent:0.5em;}

/*zongh*/
.section4{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.jpg") no-repeat center; background-size:100% 100%;}
.zongh{width: 100%;height: 100%;overflow: hidden; position:relative;}
.zongh_z{ width:400px; height:30px; overflow:hidden; position:absolute; top:10%; left:5%; border-left:1px solid #fff;}
.zongh_z_l{ width:125px; height:30px; overflow:hidden; margin:0 10px; float:left; font-size:18px; color:#fff; line-height:100%;}
.zongh_z_l span{font-size:12px; color:#b45b16; line-height:100%;}
.zongh_z_r{ width:220px; height:2px; background-color:#fff; float:left; margin-top:14px;}
.zongh_con{ width:660px; height:73%; overflow:hidden; margin:2% auto 0 auto;}
.zongh_con_t{ width:440px; height:50%; overflow:hidden; margin:0 auto;}
.zongh_con_k{ width:200px; height:200px; float:left; overflow:hidden; transition:all 0.5s; margin:5px;}
.zongh_con_k_img{ width:200px; height:200px; overflow:hidden; position:relative; z-index:3;}
.zongh_con_k_img img{ width:200px; height:200px;}
.zongh_con_k_h{ width:200px; height:200px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0.4); margin-top:-200px; transition:all 0.5s;}
.zongh_con_k_h li{font-size:20px; color:#fff; line-height:100%; text-align:center; opacity: 1; margin-top:40%;}
.zongh_con_k_h li span{font-size:14px; color:#abb1b4; line-height:100%; text-align:center;}

.zongh_con_k:hover .zongh_con_k_h{ width:200px; height:200px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0); margin-top:-200px; transition:all 0.5s;}
.zongh_con_k:hover .zongh_con_k_h li{font-size:20px; color:#fff; line-height:100%; text-align:center; opacity: 1;}
.zongh_more{ width:90px; height:30px; overflow: hidden; margin:0 auto; border:1px solid #fff; background-color:#056cd2;font-size:16px; color:#fff; line-height:30px; text-align:center;}

/*news*/
.section7{width: 100%;height:auto;overflow: hidden;}
.news{width: 100%;height: 100%;overflow: hidden;}
.news_con{ width:80%; height:80%; overflow: hidden; margin:2% auto 0 auto;}
.news_con_nav{ width:50%; height:auto; overflow: hidden; margin:0 auto;}
.news_con_nav_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:28px; color:#056cd2; line-height:150%; text-align:center; font-weight:bold;}
.news_con_nav_d{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news_con_nav_a{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_nav_b{ width:45%; height:auto; float:left; margin:0 2%;  font-size:26px; color:#056cd2; line-height:150%; text-align:center;}
.news_con_nav_c{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_k{ width:100%; height: auto; overflow: hidden; margin:2% auto 0 auto;}
.news_con_k_b{ width:23%; height:auto; overflow:hidden; float:left; margin:0 1%;}
.news_con_k_b_img{ width:100%; height:170px; overflow:hidden;}
.news_con_k_b_img img{ width:100%; height:170px;}
.news_con_k_b_z{ width:90%; height:auto; overflow:hidden; margin:5% auto;}
.news_con_k_b_z_time{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:14px; color:#056cd2; line-height:120%; text-align:center; }
.news_con_k_b_z_t{ width:100%; height:75px; overflow:hidden; margin:10px auto 0 auto; font-size:16px; color:#056cd2; line-height:25px;}
.news_con_k_b_more{ width:100%; height:35px; overflow:hidden; background-color:#056cd2; font-size:14px; color:#fff; line-height:35px; text-align:center;}
.news_con_k_b:hover .news_con_k_b_more{background-color:#6695c4;}
/*foot*/
.section8{width: 100%;height:auto;overflow: hidden; background-color:#606060;}
.map{width: 100%;height: 100%;overflow: hidden;}
.map_top{ width:100%; height:80px; overflow: hidden; background:#056cd2 url("../img/images/sjian.png") no-repeat center; background-size:7% 92%;}
.map_left{ width:55%; height:auto; position:absolute; left:5%; top:30%;}
.map_left_er{ width:125px; height:160px; overflow:hidden;}
.map_left_er_img{ width:125px; height:125px; overflow:hidden;}
.map_left_er_img img{ width:125px; height:125px;}
.map_left_er_title{ width:100%; height:35px; overflow:hidden;font-size:16px; color:#fff; line-height:35px; text-align:center; }
.map_left_z{ width:100%; height:35px; font-size:16px; color:#fff; line-height:35px;}
.map_left_z_img{ width:22px; height:22px; float:left; text-align:center; margin-top:5px;}
.map_left_z_img img{ width:22px; height:22px;}
.map_left_z_wen{ width:95%; height:35px;font-size:16px; color:#fff; line-height:35px; float:left; margin-left:1%;}
.map_logo{ width:20%; height:auto; overflow:hidden; position:absolute; right:5%; bottom:20%;}
.map_logo img{ width:100%; height:auto;}
.map_nav{ width:60%; height:auto; overflow:hidden; position:absolute; right:5%; top:13%;}
.map_nav_line{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #fff; padding:10px 0;}
.map_nav_line img{ width:auto; height:90%;}
.map_nav_box{ width:13%; height:auto; float:left; overflow:hidden; margin:15px 0.6%;}
.map_nav_big{ width:100%; height:auto; float:left; overflow:hidden; font-size:18px; color:#fff; line-height:150%; text-align:center; margin-bottom:20px;}
.map_nav_smoll{ width:100%; height:auto; float:left; overflow:hidden;font-size:16px; color:#fff; line-height:200%; text-align:center;}
.map_nav_smoll:hover{color:#056cd2;}


/*about*/
.aboutnei{ width:100%; height:auto; min-height:1100px; overflow:hidden; margin:0 auto; background:url("../img/images/about_bg.jpg") no-repeat center bottom; background-size:100% 100%;}
.aboutnei_k{ width:80%; height:auto; overflow:hidden; margin:10% auto 0 auto;}
.aboutnei_k_l{ width:80%; height:auto; float:left; overflow:hidden; }
.aboutnei_k_l_top{ width:50%; height:auto; overflow:hidden;}
.aboutnei_k_l_top_title{ width:25%; height:auto; float:left; overflow:hidden; font-size:24px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_title span{ font-size:14px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_line{ width:70%; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.aboutnei_k_l_con{ width:70%; height:auto; overflow:hidden; margin-top:80px; font-size:16px; color:#666;}
.aboutnei_k_l_con ul input{ width:30px; height:30px;background:url("../img/images/an.png") no-repeat center; background-size:100%; border:0;}
.aboutnei_k_r{ width:20%; height:auto; float:right; overflow:hidden; }

.aboutnav{width:100%;height:auto; overflow:hidden; margin:-6% auto; position:relative; z-index:33; text-align:center;}
.aboutnav ul{width: 120px;height: 120px;overflow:hidden; display:inline-block; margin:0 4%;font-size:24px; color: #fff; background-color:rgba(137,137,137,0.6);line-height:120px;text-align: center; border-radius:65px}
.aboutnav ul:hover{color: #056cc7; transition: all 0.5s}
.aboutnav ul .aboutnav_titlea{width:100%;height:auto; overflow:hidden; font-size:30px; color: #056cc7; text-align:center;transition: all 0.5s}


/*culture*/
.culture{ width:100%; height:auto; min-height:900px; overflow:hidden; position:relative; margin:8% auto 0 auto; background:url("../img/images/cule.jpg") no-repeat center;}
.culture_nav{ width:50%; height:auto; overflow:hidden; margin:2% auto 0 5%; position:absolute;}
.culture_title{ width:25%; height:auto; float:left; overflow:hidden; font-size:26px; color:#fff; line-height:120%}
.culture_title span{ font-size:14px; color:#fff; line-height:120%}
.culture_box{ width:25%; height:100%; min-height:900px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0.2); float:left;}
.culture_box_y{ width:70px; height:70px; background-color:#056cc7; border-radius:35px; position:absolute; left:40%; top:15%;}
.culture_box_z{ width:100px;height:70px; font-size:90px; color:#fff; line-height:120%; position:absolute; top:-40px; left:-20px;}
.culture_box_con{ width:40px; height:auto; overflow:hidden;font-size:30px; color:#fff; line-height:120%; /*font-weight: bold;*/font-family:"siyuan";writing-mode:tb-rl; position:absolute; left:40%; top:25%;}
.culture_box:hover{ width:25%; height:100%; min-height:900px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0); float:left;}


.leader{width: 100%;height: auto;margin:100px auto;overflow: hidden;}
.leader_top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.leader_top_l{ width:42%; height:2px; float:left; background-color:#056cc7; margin-top:30px;}
.leader_top_c{ width:14%; height:auto; float:left; overflow:hidden; margin:0 1%; font-size:26px; color: #056cc7; text-align:center; }
.leader_top_c span{ font-size:14px; color: #056cc7; text-align:center; }
.leader_top_r{ width:42%; height:2px; float:left; background-color:#056cc7; margin-top:30px; }
.Box_team { width:80%;position: relative;  margin:0 auto ;}
.Box_team .content_team {width:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 40px;height: 40px;position: absolute;top:75px;cursor: pointer;}
.Box_team .btnl_team { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -50px;}
.Box_team .btnr_team { display:block;background: url(../IMG/images/right.png) no-repeat center; background-size:100% 100%; right: -50px;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:290px; height:100%; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_team .Box_con .conbox ul a li .picimg{ width:290px; height:100%; overflow:hidden;}
.box_pic{ width:290px; height:100%; overflow:hidden;}

.team{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#e2e2e2; padding:60px 0;}
.team_k{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.team_k_box{ width:48%; height:auto; overflow:hidden; float:left; border:2px solid #056cc7; margin:20px 0.8%;}
.team_k_box img{ width:100%; max-hight:400px;}

.working{ width:100%; height:auto; margin:100px auto; overflow:hidden;}
.working_k{ width:80%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.working_k_box{ width:22%; height:auto; float:left; margin:20px 1.5%;}
.working_k_box img{ width:100%; max-height:250px;}


/*品牌*/
.brandnav{width: 90%;height:auto; overflow:hidden; margin:-3.8% auto; position:relative; z-index:33; text-align:center;}
.brandnav ul{width:180px;height:50px; overflow:hidden; margin:0 auto 0 2%;font-size:24px; display:inline-block; color: #fff; border:1px solid #fff; line-height:50px;text-align: center;}
.brandnav ul:hover{color: #056cc7; transition: all 0.5s}
.brandnav ul .brandnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc7; border:1px solid #fff; text-align:center;transition: all 0.5s}
.brands{ width:100%; height:auto; overflow:hidden; background:url("../img/images/46.jpg") no-repeat center; background-size:100% 100%; margin:0 auto;}
.brands_box{ width:80%; height:auto; overflow:hidden;  margin:2% auto;}
.brands_box_l{ width:30%; height:auto;  margin:0 auto; float:left;}
.brands_box_l img{ width:100%; height:auto; }
.brands_box_r{ width:60%; height:auto;  margin:0 auto 0 10%; float:left;}
.brands_box_title{ width:auto; height:50px; overflow:hidden; border-bottom:1px solid #fff; font-size:24px; color:#fff; line-height:50px; font-weight:bold;}
.brands_box_con{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#fff; line-height:30px; margin-top:20px; }
.brands_box_con img{ max-width:100%;}

.course{ width:100%; height:300px; margin:0 auto; overflow:hidden;}
.course_a{ width:50%; height:300px; float:left; background-color:#056cc2; overflow:hidden; position:relative;}
.course_a_k{ width:80%; height:auto; float:right; margin:40px 3% 0 auto; overflow:hidden;}
.course_a_k_t{ width:100%; height:30px; overflow:hidden; font-size:20px; color:#fff; line-height:30px; font-weight:bold;}
.course_a_k_b{ width:100%; height:75px; overflow:hidden; font-size:14px; color:#fff; line-height:25px;}
.course_a_k_by{ width:30px; height:30px; overflow:hidden; position: absolute; right:20px; bottom:20px; background:url("../img/images/right.png") no-repeat center; background-size:100%;}
.course_a_k_byy{ width:30px; height:30px; overflow:hidden; position: absolute; left:20px; bottom:20px; background:url("../img/images/left.png") no-repeat center; background-size:100%;}
.course_b{ width:50%; height:300px; float:left; overflow:hidden;}
.course_b img{ width:100%; height:100%; max-height:300px;}

.honor{ width:80%; height:auto; margin:0 auto;}
.honor_a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_a_box{ width:19%; height:auto; overflow:hidden; float:left; margin:0 0.5%;}
.honor_a_box_title{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#056cc2; text-align:center; line-height:40px; padding:10px 0;}
.honor_a_box_img{ width:100%; height:auto; overflow:hidden;}
.honor_a_box_img img{ width:100%; height:auto;}

.honor_b{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_b_t{ width:130px; height:40px; overflow:hidden; margin:20px auto; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.honor_b_k{ width:100%; height:auto; overflow: hidden; background-color:#056cc2;}
.honor_b_k_box{ width:19%; height:280px; overflow:hidden; float:left; margin:10px 3%;}
.honor_b_k_box img{ width:100%; height:100%;}

.honor_d_k_box{ width:16%; height:240px; overflow:hidden; float:left; margin:10px 0.3%;}
.honor_d_k_box img{ width:100%; height:100%;}

.honor_c{ width:100%; height:auto; margin-top:30px;}
.honor_c_t{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.Box_teams { width:90%;position: relative;  margin:0 auto ;}
.Box_teams .content_teams {width:100%;margin: 0 auto;}
.Box_teams .Box_cons {position: relative;}
.Box_teams .btnl_teams {position: absolute;}
.Box_teams .btn_teams {display: block;width: 40px;height: 40px;position: absolute;top:120px;cursor: pointer;}
.Box_teams .btnl_teams { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -50px;}
.Box_teams .btnr_teams { display:block;background: url(../IMG/images/right.png) no-repeat center;  background-size:100% 100%; right: -50px;}
.Box_teams .Box_cons .conboxs {position: relative;overflow: hidden;}
.Box_teams .Box_cons .conboxs ul {position: relative;list-style: none;}
.Box_teams .Box_cons .conboxs ul li {width:190px; height:auto; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_teams .Box_cons .conboxs ul a li .picimgs{ width:190px; height:auto;}
.box_pics{ width:190px;}


/*产品*/
.onenav{ width:190px; height:60px; overflow:hidden; margin:3% auto 0 auto; background-color:#056cc6; font-size:28px; color:#fff; line-height:40px; text-align:center;}
.onenav span{font-size:16px; color:#fff; line-height:20px; text-align:center;}

.subnav{width: 90%;height:auto; overflow:hidden; margin:5% auto;}
.subnav ul{width:13%;height:auto; overflow:hidden; float:left; margin:0 0.6%;}
.subnav ul .navimg{width:100%; height:auto; text-align: center;}
.subnav ul .navimg img{width:100%; height:auto; max-width:85px;}
.subnav ul .subnav_title{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc6; text-align:center;transition: all 0.5s}
.subnav ul:hover .subnav_title{color: #a85b16; transition: all 0.5s}
.subnav ul .subnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #a85b16; text-align:center;transition: all 0.5s}

.product{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.product_box{ width:22%; height:320px; overflow:hidden; float:left; margin:15px 1.4%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box_img{ width:86%; height:204px; overflow:hidden; margin:20px 7%;}
.product_box_img img{ width:100%; height:204px;}
.product_box_title{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box_more{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box:hover{ width:22%; height:320px; overflow:hidden; float:left; margin:15px 1.4%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box:hover .product_box_title{ color:#fff; }
.product_box:hover .product_box_more{ color:#fff; }

/*设备*/
.devnav{width: 80%;height:auto; overflow:hidden; margin:-3.8% auto; position:relative; z-index:33;}
.devnav ul{width:160px;height:50px; overflow:hidden; float:left; margin:0 auto 0 2%;font-size:22px; color: #fff; background-color: #056cc1; line-height:50px;text-align: center;transform: skewX(-20deg);
}
.devnav ul:hover{color: #a85b16; transition: all 0.5s}
.devnav ul .devnav_titlea{width:100%;height:auto; overflow:hidden; font-size:22px; color: #a85b16; text-align:center;transition: all 0.5s}
.devnav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto;}
.devnav_l_l{ width:15%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:24px; color: #056cc1; text-align:center;}
.devnav_l_l span{ font-size:16px; color: #056cc1; text-align:center;}
.devnav_l_r{ width:84%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:14px; float:right;}

.device{ width:80%; height:auto; overflow:hidden; margin:5% auto;}
.device_box{ width:32%; height:325px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box_img{ width:86%; height:200px; overflow:hidden; margin:20px 7%;}
.device_box_img img{ width:100%; height:200px;}
.device_box_title{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box_more{ width:86%; height:30px; overflow:hidden; font-size:18px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box:hover{ width:32%; height:325px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box:hover .device_box_title{ color:#fff; }
.device_box:hover .device_box_more{ color:#fff; }

/*news*/
.newsnav{width: 80%;height:auto; overflow:hidden; margin:-3.6% auto; position:relative; z-index:33;}
.newsnav ul{width:160px;height: 50px; overflow:hidden; float:left; margin:0 auto 0 1%;font-size:24px; color: #fff; background-color: #056cc1; line-height:50px;text-align: center;background-color:rgba(255,255,255,0.3);}
.newsnav ul:hover{color: #056cc1; transition: all 0.5s}
.newsnav ul .newsnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc1; text-align:center;transition: all 0.5s}

.newsnav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto; font-size:36px; color: #056cc1; text-align:center; background:url("../img/images/xiek.png") no-repeat center bottom; background-size:35% 35%;}
.newsnav_l span{ font-size:20px; color: #056cc1; text-align:center; line-height:200%;}

.news2{width: 100%;height:300px; margin:30px auto; background-color:#056cc1;overflow: hidden; transition:all 0.5s;}
.news2_l{width: 60%;height: auto; float:left; margin:2% auto 2% 5%;overflow: hidden}
.news2_l_a{ width:100%; height:30px; overflow:hidden; font-size:16px; color: #fff; line-height:30px;}
.news2_l_b{ width:100%; height:40px; overflow:hidden; font-size:22px; color: #fff; line-height:40px; font-weight:bold;}
.news2_l_c{ width:100%; height:100px; overflow:hidden; font-size:16px; color: #fff; line-height:25px;}
.news2_l_d{ width:80px; height:25px;overflow:hidden; font-size:14px; color: #fff; line-height:25px; border:1px solid #fff; text-align:center; margin-top:20px;}
.news2:hover .news2_l_d{ width:80px; height:25px;overflow:hidden; font-size:14px; color: #fff; line-height:25px; border:1px solid #fff; background-color:#5d9bce;}
.news2_r{width: 30%;height: 90%; float:right; margin:2.5%;overflow: hidden}
.news2_r .news2_img{width: 100%;height:90%;overflow: hidden;transition: all 0.5s;}
.news2_r .news2_img img{width: 100%; height:100%; transition: all 0.5s;}
.news2:hover{width: 100%;height: 300px; margin:30px auto; background-color:#a8b8c5;overflow: hidden; transition:all 0.5s;}
.news3{width: 90%;height: 50px; margin:0 auto; border-bottom:1px solid #056cc1; overflow: hidden; transition:all 0.5s;}
.news3_l_a{ width:90%; height:50px; overflow:hidden; font-size:20px; color: #666; line-height:50px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}
.news3_l_b{ width:10%; height:50px; overflow:hidden; font-size:20px; color: #999; line-height:50px; text-align:center; float:left;}
.news3:hover .news3_l_a{ width:90%; height:50px; overflow:hidden; font-size:20px; color: #056cc1; line-height:50px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}


/*view*/
.content{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.content_con{ width:1200px; height:auto; overflow:hidden;margin:100px auto;}
.con_title{ font-size:30px; color:#056cc6; line-height:160%;}
.con_title span{ font-size:14px; color:#056cc6; line-height:120%;}
.con_content{width: 100%;height: auto;overflow:hidden;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.con_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*案例*/
.casenav{width:100%;height:auto; overflow:hidden; margin:-3.5% auto; position:relative; z-index:33; text-align:center;}
.casenav ul{width:150px;height:90px;overflow:hidden; display:inline-block; margin:0 auto 0 2%;font-size:25px; color: #fff; background:url("../img/images/ti.png") no-repeat center; background-size:100% 100%; line-height:60px;text-align: center;}
.casenav ul:hover{color: #b27c12; transition: all 0.5s}
.casenav ul .casenav_titlea{width:100%;height:auto; overflow:hidden; font-size:30px; color: #b27c12; text-align:center;transition: all 0.5s}

.casenav_l{ width:80%; height:auto; overflow:hidden; margin:7% auto 0 auto;}
.casenav_l_l{ width:13%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:24px; color: #056cc1; text-align:center;background:url("../img/images/le.png") no-repeat left center; background-size:10% 100%;}
.casenav_l_l span{ font-size:14px; color: #056cc1; text-align:center;}
.casenav_l_r{ width:85%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.case{width: 80%;height: auto;margin: 0 auto;overflow: hidden;min-height: 400px;}
.case ul{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.case ul li{width: 100%;height:auto;overflow: hidden;margin:35px 0;background-color: #056cbf;transition: all 0.5s;}
.case ul li .case_l{width: 43%;height:100%;overflow: hidden;transition: all 0.5s; padding:1%;}
.case ul li .case_l img{height:240px;width: 100%;transition: all 0.5s;}
.case ul li .case_r{width: 55%;height:100%;}
.case ul li .case_r_c{width:80%;margin:5% 0 0 8%;}
.case ul li .case_r_c h3{font-size: 26px;color: #fff;transition: all 0.5s; height:40px; line-height:40px; overflow:hidden;}
.case_r_c p{font-size:16px;color: #fff; margin-top: 2%; height:120px; line-height:30px; overflow:hidden;}
.case_r_c .more{width:80px;line-height:1.5;background-color:#fff; margin-top:3%;text-align: center;}
.case_r_c .more a{display: inline-block;width: 100%;height: 100%;color: #5da2d8;}
.case ul li:hover .case_l img{ height:240px;transition: all 0.5s;transform:scale(1.2);}
.case ul li:hover .case_r_c h3{color: #fff;transition: all 0.5s;}
/*caseview*/
.casecontent_con{ width:80%; height:auto; overflow:hidden;margin:100px auto;}
.casecon_title{ width:25%; height:auto; overflow:hidden; float:left; }
.casecon_title_con{font-size:18px; color:#fff; line-height:140%; background-color:#056cc6; padding:5px;}
.casecon_title_into{ font-size:14px; color:#056cc6; line-height:140%; margin-top:20px; text-indent:2em;}
.casecon_content{width:73%;height: auto;overflow:hidden; float:right;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.casecon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*招聘*/
.introduction{width:85%;margin:5% auto}
.introduction_t{ width:100%; height:60px; overflow:hidden; margin:0 auto;}
.introduction_t_l{ width:39%; height:60px; float:left; border-right:1px solid #056cc6;}
.introduction_t_c{ width:19%; height:60px; float:left; font-size:34px; color:#056cc6; text-align:center; margin:0 1%; border-left:1px solid #056cc6; border-right:1px solid #056cc6; line-height:100%;}
.introduction_t_c span{ font-size:18px; color:#056cc6; text-align:center;}
.introduction_t_r{ width:39%; height:60px; float:left; border-left:1px solid #056cc6;}
.introduction_con{ width:100%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.introduction_box{ width:48%; height:370px; overflow:hidden; margin:1%; float:left; position:relative;}
.introduction_box img{ width:100%; height:370px;}
.introduction_title{ width:80%; height:35px; overflow:hidden; position:absolute; bottom:5%; left:5%; font-size:26px; color:#fff; line-height:35px;}

/*招聘view*/
.jobcontent{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.jobcontent_con{ width:1200px; height:auto; overflow:hidden;margin:50px auto;}
.jobcon_title{ font-size:30px; color:#333333; line-height:140%; background:url("../img/images/tx.png") no-repeat left center; background-size:3% 50%; padding-left:4%}
.jobcon_title span{ font-size:14px; color:#666666; line-height:120%;}
.jobcon_content{width: 100%;height: auto;overflow:hidden;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.jobcon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

}

@media all and (max-width:1024px){
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; display: none;}
.headm{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; display: block; background-color:rgba(5,108,210,0.77);}
.headerLeft{ width:50%; height:60px; float:left;}
.headerLeft img{ height:40px; margin-top:10px; margin-left:5%;}
.headerRught{ width:50%; height:60px; float:right; text-align:right;}
.headerRught input{ height:30px; margin-top:15px; margin-right:5%;}

.mo_nav{ width:100%; height:auto; background-color:rgba(255,255,255,0.85); position:absolute; z-index:100; margin-top:60px;}
/*--内页侧边导航--*/
.subNav{width:90%; height:45px; cursor:pointer; font-size:16px; text-indent:1em; line-height:45px; background:url(../img/images/sorrow.png) no-repeat center left; margin:0 auto; border-bottom:1px  dotted #1860bf;}
.navContent{ display:none;width:100%; height:auto;}
.navContent li{width:85%; height:45px; margin:0 auto;}
.navContent li a{display:block;width:100%; height:45px;text-align:left;font-size:14px;line-height:45px;color:#666;}
.navContent li a:hover{color:#1860bf;}
.navsama{color:#1860bf;}
.margin5{margin-top:60px;}
/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg02.png") no-repeat 100% 80%; background-size:100%;}
.about{width: 100%;height:100%;overflow: hidden;}
.about_top{width: 80%;height:30%; overflow:hidden; margin:2% auto 0 auto;}
.about_top_l{ width:25%; height:100%; overflow:hidden; float:left; margin-right:5%;}
.about_top_l_t{ width:100%; height:50%; overflow:hidden;}
.about_top_l_t_h{ width:65px; height:2px; background-color:#056cd2; display:block;}
.about_top_l_t_z{ width:100%; height: auto; font-size:22px; color:#056cd2; line-height:30px; display:block; margin-top:10px; letter-spacing:3px;}
.about_top_l_d{ width:100%; height:30%; overflow:hidden;}
.about_top_l_d_k{ width:32%; height:40px; font-size:12px; color:#056cd2; line-height:20px; text-align:center; float:left; }
.about_top_l_d_k span{  font-size:18px; color:#056cd2; line-height:20px; text-align:center; }
.about_top_l_d_s{ width:32%; height:40px; font-size:14px; color:#056cd2; line-height:20px; text-align:center; float:left; border-left:1px solid #056cd2; }
.about_top_l_d_s span{ font-size:14px; color:#056cd2; line-height:20px; text-align:center; }

.about_top_r{ width:70%; height:100%; overflow:hidden; float:right;}
.about_top_r_t{width:100%; height:60%; overflow:hidden; font-size:16px; color:#666; line-height:25px;}
.about_top_r_more{ width:100px; height:30px; overflow:hidden;font-size:16px; color:#056cd2; line-height:30px; border:2px solid #056cd2; float:right; text-align:center; margin-top:10px;}

.about_bottom{width: 80%;height:60%;overflow: hidden; margin:1% auto 0 auto;}
.about_video{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.neImg{ width:100%; height:320px;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;background: url("../img/images/bg03.jpg") no-repeat center; background-size:100% 100%;}
.brand{width: 100%;height: 100%;overflow: hidden;}
.brand_top{width:80%;height:30%; overflow:hidden; margin:2% auto 0 auto;}
.brand_top_l{ width:25%; height:60%; float:left; border-right:3px solid #fff; font-size:30px; letter-spacing:6px;color:#fff; line-height:120%;}
.brand_top_r{ width:40%; height:50%; overflow:hidden; margin:3% auto 0 2%; float:left; font-size:24px; letter-spacing:5px;color:#fff; line-height:140%;}
.brand_bottom{width:85%;height:40%;overflow: hidden; margin:2% auto 0 auto;}
.brand_bottom_box{ width:32%; height:99%; float:left;overflow:hidden; border:2px solid #fff; position:relative;}
.brand_bottom_box_title{ width:23%; height:14%; margin:1% auto 6% auto; border-bottom:2px solid #fff; font-size:24px; letter-spacing:5px;color:#fff; line-height:150%; text-align:center;}
.brand_bottom_box_center{ width:80%; height:30px; margin:0 auto; font-size:18px; color:#fff;  line-height:30px; overflow:hidden;}
.brand_bottom_box_rz{ width:80%; height: auto; margin:0 auto; font-size:16px; color:#fff; line-height:180%; text-align:center;}
.brand_bottom_box_rz pre{font-size:18px; color:#fff; line-height:180%; text-align:center; font-family:"microsoft yahei"; letter-spacing:1px;}
.brand_bottom_box_more{ width:70px; height:30px; bottom:30px; left:40%; position:absolute; background:#499ce5 url("../img/images/fang.png") no-repeat; background-position:90% 50%;font-size:14px; color:#fff; line-height:180%; text-indent:0.5em;}

/*zongh*/
.section4{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.jpg") no-repeat center; background-size:100% 100%;}
.zongh{width: 100%;height: 100%;overflow: hidden; position:relative;}
.zongh_z{ width:400px; height:30px; overflow:hidden; position:absolute; top:10%; left:5%; border-left:1px solid #fff;}
.zongh_z_l{ width:125px; height:30px; overflow:hidden; margin:0 10px; float:left; font-size:18px; color:#fff; line-height:100%;}
.zongh_z_l span{font-size:12px; color:#b45b16; line-height:100%;}
.zongh_z_r{ width:220px; height:2px; background-color:#fff; float:left; margin-top:14px;}
.zongh_con{ width:660px; height:73%; overflow:hidden; margin:10% auto 0 auto;}
.zongh_con_t{ width:440px; height:50%; overflow:hidden; margin:0 auto;}
.zongh_con_k{ width:210px; height:210px; float:left; overflow:hidden; transition:all 0.5s; margin:5px;}
.zongh_con_k_img{ width:210px; height:210px; overflow:hidden; position:relative; z-index:3;}
.zongh_con_k_img img{ width:210px; height:210px;}
.zongh_con_k_h{ width:210px; height:210px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0.4); margin-top:-210px; transition:all 0.5s;}
.zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1; margin-top:40%;}
.zongh_con_k_h li span{font-size:18px; color:#abb1b4; line-height:100%; text-align:center;}

.zongh_con_k:hover .zongh_con_k_h{ width:210px; height:210px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0); margin-top:-210px; transition:all 0.5s;}
.zongh_con_k:hover .zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1;}
.zongh_more{ width:90px; height:30px; overflow: hidden; margin:0 auto; border:1px solid #fff; background-color:#056cd2;font-size:16px; color:#fff; line-height:30px; text-align:center;}

/*video*/
.section6{width: 100%;height:auto;overflow: hidden;}
.video{width: 100%;height: 100%;overflow: hidden;}
.video_k{width: 100%;height: 100%;overflow: hidden;}
.pronav{ width:900px; height:auto; position:absolute; z-index:999; bottom:80px; right:10%;}
.pronav_b{ float:left; padding:10px; margin:0 10px; border:1px solid #828a95; font-size:18px; color:#fff; line-height:100%; text-align:center;}
.pronav_b:hover{ float:left; padding:10px; margin:0 10px; border:1px solid #828a95; font-size:18px; color:#fff; line-height:100%; text-align:center;background-color:rgba(5,108,210,0.28);}

/*news*/
.section7{width: 100%;height:auto;overflow: hidden;}
.news{width: 100%;height: 100%;overflow: hidden;}
.news_con{ width:80%; height:80%; overflow: hidden; margin:2% auto 0 auto;}
.news_con_nav{ width:50%; height:auto; overflow: hidden; margin:0 auto;}
.news_con_nav_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:28px; color:#056cd2; line-height:150%; text-align:center; font-weight:bold;}
.news_con_nav_d{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news_con_nav_a{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_nav_b{ width:45%; height:auto; float:left; margin:0 2%;  font-size:26px; color:#056cd2; line-height:150%; text-align:center;}
.news_con_nav_c{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_k{ width:100%; height: auto; overflow: hidden; margin:2% auto 0 auto;}
.news_con_k_b{ width:23%; height:auto; overflow:hidden; float:left; margin:0 1%;}
.news_con_k_b_img{ width:100%; height:130px; overflow:hidden;}
.news_con_k_b_img img{ width:100%; height:130px;}
.news_con_k_b_z{ width:90%; height:auto; overflow:hidden; margin:5% auto;}
.news_con_k_b_z_time{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:14px; color:#056cd2; line-height:120%; text-align:center; }
.news_con_k_b_z_t{ width:100%; height:75px; overflow:hidden; margin:10px auto 0 auto; font-size:16px; color:#056cd2; line-height:25px;}
.news_con_k_b_more{ width:100%; height:35px; overflow:hidden; background-color:#056cd2; font-size:14px; color:#fff; line-height:35px; text-align:center;}
.news_con_k_b:hover .news_con_k_b_more{background-color:#6695c4;}
/*foot*/
.section8{width: 100%;height:auto;overflow: hidden; background-color:#606060;}
.map{width: 100%;height: 100%;overflow: hidden;}
.map_top{ width:100%; height:80px; overflow: hidden; background:#056cd2 url("../img/images/sjian.png") no-repeat center; background-size:7% 92%;}
.map_left{ width:41%; height:auto; position:absolute; left:5%; top:30%;}
.map_left_er{ width:100px; height:130px; overflow:hidden;}
.map_left_er_img{ width:100px; height:100px; overflow:hidden;}
.map_left_er_img img{ width:100px; height:100px;}
.map_left_er_title{ width:100%; height:25px; overflow:hidden;font-size:14px; color:#fff; line-height:25px; text-align:center; }
.map_left_z{ width:100%; height:25px; font-size:14px; color:#fff; line-height:25px;}
.map_left_z_img{ width:18px; height:18px; float:left; text-align:center;}
.map_left_z_img img{ width:18px; height:18px;}
.map_left_z_wen{ width:90%; height:25px;font-size:14px; color:#fff; line-height:25px; float:left; margin-left:2%;}
.map_logo{ width:20%; height:auto; overflow:hidden; position:absolute; right:5%; bottom:20%;}
.map_logo img{ width:100%; height:auto;}
.map_nav{ width:70%; height:auto; overflow:hidden; position:absolute; right:5%; top:13%;}
.map_nav_line{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #fff; padding:10px 0;}
.map_nav_line img{ width:auto; height:90%;}
.map_nav_box{ width:13%; height:auto; float:left; overflow:hidden; margin:15px 0.6%;}
.map_nav_big{ width:100%; height:auto; float:left; overflow:hidden; font-size:18px; color:#fff; line-height:150%; text-align:center; margin-bottom:20px;}
.map_nav_smoll{ width:100%; height:auto; float:left; overflow:hidden;font-size:16px; color:#fff; line-height:150%; text-align:center;}
.map_nav_smoll:hover{color:#056cd2;}


/*about*/
.aboutnei{ width:100%; height:auto; min-height:800px; overflow:hidden; margin:0 auto; background:url("../img/images/about_bg.jpg") no-repeat center bottom; background-size:100% 100%;}
.aboutnei_k{ width:80%; height:auto; overflow:hidden; margin:10% auto 0 auto;}
.aboutnei_k_l{ width:60%; height:auto; float:left; overflow:hidden; }
.aboutnei_k_l_top{ width:100%; height:auto; overflow:hidden;}
.aboutnei_k_l_top_title{ width:25%; height:auto; float:left; overflow:hidden; font-size:24px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_title span{ font-size:14px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_line{ width:75%; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.aboutnei_k_l_con{ width:100%; height:auto; overflow:hidden; padding-top:30px; font-size:16px; color:#666;}
.aboutnei_k_l_con ul input{ width:30px; height:30px;background:url("../img/images/an.png") no-repeat center; background-size:100%; border:0;}
.aboutnei_k_r{ width:30%; height:auto; float:right; overflow:hidden; }

.aboutnav{width:100%;height:auto; overflow:hidden; margin:-6% auto; position:relative; z-index:33; text-align:center;}
.aboutnav ul{width: 120px;height: 120px;overflow:hidden; display:inline-block; margin:0 4%;font-size:20px; color: #fff; background-color:rgba(137,137,137,0.6);line-height:120px;text-align: center; border-radius:65px}
.aboutnav ul:hover{color: #056cc7; transition: all 0.5s}
.aboutnav ul .aboutnav_titlea{width:100%;height:auto; overflow:hidden; font-size:20px; color: #056cc7; text-align:center;transition: all 0.5s}


/*culture*/
.culture{ width:100%; height:auto; min-height:900px; overflow:hidden; position:relative; margin:8% auto 0 auto; background:url("../img/images/cule.jpg") no-repeat center;}
.culture_nav{ width:50%; height:auto; overflow:hidden; margin:2% auto 0 5%; position:absolute;}
.culture_title{ width:25%; height:auto; float:left; overflow:hidden; font-size:26px; color:#fff; line-height:120%}
.culture_title span{ font-size:14px; color:#fff; line-height:120%}
.culture_box{ width:25%; height:100%; min-height:900px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0.2); float:left;}
.culture_box_y{ width:70px; height:70px; background-color:#056cc7; border-radius:35px; position:absolute; left:40%; top:15%;}
.culture_box_z{ width:100px;height:70px; font-size:90px; color:#fff; line-height:120%; position:absolute; top:-40px; left:-20px;}
.culture_box_con{ width:40px; height:auto; overflow:hidden;font-size:30px; color:#fff; line-height:120%; /*font-weight: bold; */font-family:"siyuan";writing-mode:tb-rl; position:absolute; left:40%; top:25%;}
.culture_box:hover{ width:25%; height:100%; min-height:900px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0); float:left;}


.leader{width: 100%;height: auto;margin:100px auto;overflow: hidden;}
.leader_top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.leader_top_l{ width:42%; height:2px; float:left; background-color:#056cc7; margin-top:30px;}
.leader_top_c{ width:14%; height:auto; float:left; overflow:hidden; margin:0 1%; font-size:26px; color: #056cc7; text-align:center; }
.leader_top_c span{ font-size:14px; color: #056cc7; text-align:center; }
.leader_top_r{ width:42%; height:2px; float:left; background-color:#056cc7; margin-top:30px; }
.Box_team { width:85%;position: relative;  margin:0 auto ;}
.Box_team .content_team {width:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 40px;height: 40px;position: absolute;top:75px;cursor: pointer;}
.Box_team .btnl_team { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -50px;}
.Box_team .btnr_team { display:block;background: url(../IMG/images/right.png) no-repeat center; background-size:100% 100%; right: -50px;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:270px; height:100%; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_team .Box_con .conbox ul a li .picimg{ width:270px; height:100%; overflow:hidden;}
.box_pic{ width:270px; height:100%; overflow:hidden;}

.team{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#e2e2e2; padding:60px 0;}
.team_k{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.team_k_l_top{ width:48%; height:auto; overflow:hidden;}
.team_k_l_top_title{ width:40%; height:auto; float:left; overflow:hidden; font-size:24px; color:#056cc7; line-height:120%}
.team_k_l_top_title span{ font-size:14px; color:#056cc7; line-height:120%}
.team_k_l_top_line{ width:50%; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.team_k_box{ width:45%; height:auto; overflow:hidden; float:left; border:2px solid #056cc7; margin:20px 0.8%;}
.team_k_box img{ width:100%; max-hight:400px;}

.working{ width:100%; height:auto; margin:100px auto; overflow:hidden;}
.working_k{ width:80%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.working_k_box{ width:30%; height:auto; float:left; margin:20px 1.5%;}
.working_k_box img{ width:100%; max-height:250px;}


/*品牌*/
.brandnav{width: 90%;height:auto; overflow:hidden; margin:-4.5% auto 0 auto; position:relative; z-index:33; text-align:center;}
.brandnav ul{width:120px;height:40px; overflow:hidden; margin:0 auto 0 2%;font-size:18px; display:inline-block; color: #fff; border:1px solid #fff; line-height:40px;text-align: center;}
.brandnav ul:hover{color: #056cc7; transition: all 0.5s}
.brandnav ul .brandnav_titlea{width:100%;height:auto; overflow:hidden; font-size:18px; color: #056cc7; border:1px solid #fff; text-align:center;transition: all 0.5s}
.brands{ width:100%; height:auto; overflow:hidden; background:url("../img/images/46.jpg") no-repeat center; background-size:100% 100%; margin:0 auto;}
.brands_box{ width:80%; height:auto; overflow:hidden;  margin:2% auto;}
.brands_box_l{ width:30%; height:auto;  margin:0 auto; float:left;}
.brands_box_l img{ width:100%; height:auto; }
.brands_box_r{ width:60%; height:auto;  margin:0 auto 0 10%; float:left;}
.brands_box_title{ width:auto; height:40px; overflow:hidden; border-bottom:1px solid #fff; font-size:20px; color:#fff; line-height:40px; font-weight:bold;}
.brands_box_con{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#fff; line-height:25px; margin-top:20px; }
.brands_box_con img{ max-width:100%;}

.course{ width:100%; height:250px; margin:0 auto; overflow:hidden;}
.course_a{ width:50%; height:250px; float:left; background-color:#056cc2; overflow:hidden; position:relative;}
.course_a_k{ width:80%; height:auto; float:right; margin:40px 3% 0 auto; overflow:hidden;}
.course_a_k_t{ width:100%; height:25px; overflow:hidden; font-size:18px; color:#fff; line-height:25px; font-weight:bold;}
.course_a_k_b{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; line-height:20px;}
.course_a_k_by{ width:25px; height:25px; overflow:hidden; position: absolute; right:20px; bottom:20px; background:url("../img/images/right.png") no-repeat center; background-size:100%;}
.course_a_k_byy{ width:25px; height:25px; overflow:hidden; position: absolute; left:20px; bottom:20px; background:url("../img/images/left.png") no-repeat center; background-size:100%;}
.course_b{ width:50%; height:250px; float:left; overflow:hidden;}
.course_b img{ width:100%; height:100%; max-height:250px;}

.honor{ width:80%; height:auto; margin:0 auto;}
.honor_a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_a_box{ width:19%; height:auto; overflow:hidden; float:left; margin:0 0.5%;}
.honor_a_box_title{ width:100%; height:40px; overflow:hidden; font-size:24px; color:#056cc2; text-align:center; line-height:40px; padding:10px 0;}
.honor_a_box_img{ width:100%; height:auto; overflow:hidden;}
.honor_a_box_img img{ width:100%; height:auto;}

.honor_b{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_b_t{ width:130px; height:40px; overflow:hidden; margin:20px auto; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.honor_b_k{ width:100%; height:auto; overflow: hidden; background-color:#056cc2;}
.honor_b_k_box{ width:19%; height:215px; overflow:hidden; float:left; margin:10px 3%;}
.honor_b_k_box img{ width:100%; height:100%;}

.honor_d_k_box{ width:16%; height:185px; overflow:hidden; float:left; margin:10px 0.3%;}
.honor_d_k_box img{ width:100%; height:100%;}

.honor_c{ width:100%; height:auto; margin-top:30px;}
.honor_c_t{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.Box_teams { width:90%;position: relative;  margin:0 auto ;}
.Box_teams .content_teams {width:100%;margin: 0 auto;}
.Box_teams .Box_cons {position: relative;}
.Box_teams .btnl_teams {position: absolute;}
.Box_teams .btn_teams {display: block;width: 35px;height: 35px;position: absolute;top:100px;cursor: pointer;}
.Box_teams .btnl_teams { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -40px;}
.Box_teams .btnr_teams { display:block;background: url(../IMG/images/right.png) no-repeat center;  background-size:100% 100%; right: -40px;}
.Box_teams .Box_cons .conboxs {position: relative;overflow: hidden;}
.Box_teams .Box_cons .conboxs ul {position: relative;list-style: none;}
.Box_teams .Box_cons .conboxs ul li {width:170px; height:auto; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_teams .Box_cons .conboxs ul a li .picimgs{ width:170px; height:auto;}
.box_pics{ width:170px;}


/*产品*/
.onenav{ width:190px; height:60px; overflow:hidden; margin:3% auto 0 auto; background-color:#056cc6; font-size:28px; color:#fff; line-height:40px; text-align:center;}
.onenav span{font-size:16px; color:#fff; line-height:20px; text-align:center;}

.subnav{width: 90%;height:auto; overflow:hidden; margin:5% auto;}
.subnav ul{width:13%;height:auto; overflow:hidden; float:left; margin:0 0.6%;}
.subnav ul .navimg{width:100%; height:auto; text-align: center;}
.subnav ul .navimg img{width:100%; height:auto; max-width:85px;}
.subnav ul .subnav_title{width:100%;height:auto; overflow:hidden; font-size:20px; color: #056cc6; text-align:center;transition: all 0.5s}
.subnav ul:hover .subnav_title{color: #a85b16; transition: all 0.5s}
.subnav ul .subnav_titlea{width:100%;height:auto; overflow:hidden; font-size:20px; color: #a85b16; text-align:center;transition: all 0.5s}

.product{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.product_box{ width:22%; height:250px; overflow:hidden; float:left; margin:10px 1.3%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box_img{ width:86%; height:155px; overflow:hidden; margin:10px 7%;}
.product_box_img img{ width:100%; height:155px;}
.product_box_title{ width:86%; height:30px; overflow:hidden; font-size:14px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box_more{ width:86%; height:30px; overflow:hidden; font-size:12px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box:hover{ width:22%; height:250px; overflow:hidden; float:left; margin:15px 1.4%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box:hover .product_box_title{ color:#fff; }
.product_box:hover .product_box_more{ color:#fff; }

/*设备*/
.devnav{width: 80%;height:auto; overflow:hidden; margin:-4% auto 0 auto; position:relative; z-index:33;}
.devnav ul{width:120px;height:40px; overflow:hidden; float:left; margin:0 auto 0 2%;font-size:18px; color: #fff; background-color: #056cc1; line-height:40px;text-align: center;transform: skewX(-20deg);
}
.devnav ul:hover{color: #a85b16; transition: all 0.5s}
.devnav ul .devnav_titlea{width:100%;height:auto; overflow:hidden; font-size:22px; color: #a85b16; text-align:center;transition: all 0.5s}
.devnav_l{ width:80%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.devnav_l_l{ width:20%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:24px; color: #056cc1; text-align:center;}
.devnav_l_l span{ font-size:16px; color: #056cc1; text-align:center;}
.devnav_l_r{ width:79%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:14px; float:right;}

.device{ width:80%; height:auto; overflow:hidden; margin:5% auto;}
.device_box{ width:32%; height:255px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box_img{ width:86%; height:150px; overflow:hidden; margin:15px 7%;}
.device_box_img img{ width:100%; height:150px;}
.device_box_title{ width:86%; height:30px; overflow:hidden; font-size:14px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box_more{ width:86%; height:30px; overflow:hidden; font-size:12px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box:hover{ width:32%; height:255px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box:hover .device_box_title{ color:#fff; }
.device_box:hover .device_box_more{ color:#fff; }

/*news*/
.newsnav{width: 80%;height:auto; overflow:hidden; margin:-4% auto 0 auto; position:relative; z-index:33;}
.newsnav ul{width:120px;height: 40px; overflow:hidden; float:left; margin:0 auto 0 1%;font-size:24px; color: #fff; background-color: #056cc1; line-height:40px;text-align: center;background-color:rgba(255,255,255,0.4);}
.newsnav ul:hover{color: #056cc1; transition: all 0.5s}
.newsnav ul .newsnav_titlea{width:100%;height:auto; overflow:hidden; font-size:24px; color: #056cc1; text-align:center;transition: all 0.5s}

.newsnav_l{ width:80%; height:60px; overflow:hidden; margin:3% auto 0 auto; font-size:30px; line-height:100%; color: #056cc1; text-align:center; background:url("../img/images/xiek.png") no-repeat center bottom; background-size:40% 40%;}
.newsnav_l span{ font-size:16px; color: #056cc1; text-align:center; line-height:200%;}

.news2{width: 100%;height:250px; margin:30px auto; background-color:#056cc1;overflow: hidden; transition:all 0.5s;}
.news2_l{width: 60%;height: auto; float:left; margin:2% auto 2% 5%;overflow: hidden}
.news2_l_a{ width:100%; height:30px; overflow:hidden; font-size:16px; color: #fff; line-height:30px;}
.news2_l_b{ width:100%; height:40px; overflow:hidden; font-size:22px; color: #fff; line-height:40px; font-weight:bold;}
.news2_l_c{ width:100%; height:100px; overflow:hidden; font-size:16px; color: #fff; line-height:25px;}
.news2_l_d{ width:80px; height:25px;overflow:hidden; font-size:14px; color: #fff; line-height:25px; border:1px solid #fff; text-align:center; margin-top:20px;}
.news2:hover .news2_l_d{ width:80px; height:25px;overflow:hidden; font-size:14px; color: #fff; line-height:25px; border:1px solid #fff; background-color:#5d9bce;}
.news2_r{width: 30%;height: 90%; float:right; margin:2.5%;overflow: hidden}
.news2_r .news2_img{width: 100%;height:90%;overflow: hidden;transition: all 0.5s;}
.news2_r .news2_img img{width: 100%; height:100%; transition: all 0.5s;}
.news2:hover{width: 100%;height: 250px; margin:30px auto; background-color:#a8b8c5;overflow: hidden; transition:all 0.5s;}
.news3{width: 90%;height: 40px; margin:0 auto; border-bottom:1px solid #056cc1; overflow: hidden; transition:all 0.5s;}
.news3_l_a{ width:90%; height:40px; overflow:hidden; font-size:18px; color: #666; line-height:40px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}
.news3_l_b{ width:10%; height:40px; overflow:hidden; font-size:16px; color: #999; line-height:40px; text-align:center; float:left;}
.news3:hover .news3_l_a{ width:90%; height:40px; overflow:hidden; font-size:18px; color: #056cc1; line-height:40px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}


/*view*/
.content{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.content_con{ width:85%; height:auto; overflow:hidden;margin:50px auto;}
.con_title{ font-size:26px; color:#056cc6; line-height:160%;}
.con_title span{ font-size:14px; color:#056cc6; line-height:120%;}
.con_content{width: 100%;height: auto;overflow:hidden;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.con_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*案例*/
.casenav{width:100%;height:auto; overflow:hidden; margin:-4% auto 0 auto; position:relative; z-index:33; text-align:center;}
.casenav ul{width:120px;height:70px;overflow:hidden; display:inline-block; margin:0 auto 0 2%;font-size:20px; color: #fff; background:url("../img/images/ti.png") no-repeat center; background-size:100% 100%; line-height:45px;text-align: center;}
.casenav ul:hover{color: #b27c12; transition: all 0.5s}
.casenav ul .casenav_titlea{width:100%;height:auto; overflow:hidden; font-size:20px; color: #b27c12; text-align:center;transition: all 0.5s}

.casenav_l{ width:80%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.casenav_l_l{ width:13%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:20px; color: #056cc1; text-align:center;background:url("../img/images/le.png") no-repeat left center; background-size:10% 100%;}
.casenav_l_l span{ font-size:14px; color: #056cc1; text-align:center;}
.casenav_l_r{ width:85%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:14px; float:right;}

.case{width: 80%;height: auto;margin: 0 auto;overflow: hidden;min-height: 400px;}
.case ul{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.case ul li{width: 100%;height:auto;overflow: hidden;margin:35px 0;background-color: #056cbf;transition: all 0.5s;}
.case ul li .case_l{width: 43%;height:100%;overflow: hidden;transition: all 0.5s; padding:1%;}
.case ul li .case_l img{height:220px;width: 100%;transition: all 0.5s;}
.case ul li .case_r{width: 55%;height:100%;}
.case ul li .case_r_c{width:80%;margin:5% 0 0 8%;}
.case ul li .case_r_c h3{font-size: 24px;color: #fff;transition: all 0.5s; height:40px; line-height:40px; overflow:hidden;}
.case_r_c p{font-size:16px;color: #fff;margin-top: 2%; height:120px; line-height:30px; overflow:hidden;}
.case_r_c .more{width:80px;line-height:1.5;background-color:#fff; margin-top:3%;text-align: center;}
.case_r_c .more a{display: inline-block;width: 100%;height: 100%;color: #5da2d8;}
.case ul li:hover .case_l img{ height:220px;transition: all 0.5s;transform:scale(1.2);}
.case ul li:hover .case_r_c h3{color: #fff;transition: all 0.5s;}
/*caseview*/
.casecontent_con{ width:80%; height:auto; overflow:hidden;margin:50px auto;}
.casecon_title{ width:25%; height:auto; overflow:hidden; float:left; }
.casecon_title_con{font-size:18px; color:#fff; line-height:140%; background-color:#056cc6; padding:5px;}
.casecon_title_into{ font-size:14px; color:#056cc6; line-height:140%; margin-top:20px; text-indent:2em;}
.casecon_content{width:73%;height: auto;overflow:hidden; float:right;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.casecon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*招聘*/
.introduction{width:85%;margin:5% auto}
.introduction_t{ width:100%; height:60px; overflow:hidden; margin:0 auto;}
.introduction_t_l{ width:39%; height:60px; float:left; border-right:1px solid #056cc6;}
.introduction_t_c{ width:19%; height:60px; float:left; font-size:34px; color:#056cc6; text-align:center; margin:0 1%; border-left:1px solid #056cc6; border-right:1px solid #056cc6; line-height:100%;}
.introduction_t_c span{ font-size:18px; color:#056cc6; text-align:center;}
.introduction_t_r{ width:39%; height:60px; float:left; border-left:1px solid #056cc6;}
.introduction_con{ width:100%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.introduction_box{ width:48%; height:300px; overflow:hidden; margin:1%; float:left; position:relative;}
.introduction_box img{ width:100%; height:300px;}
.introduction_title{ width:80%; height:35px; overflow:hidden; position:absolute; bottom:5%; left:5%; font-size:26px; color:#fff; line-height:35px;}

/*招聘view*/
.jobcontent{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.jobcontent_con{ width:80%; height:auto; overflow:hidden;margin:50px auto;}
.jobcon_title{ font-size:24px; color:#333333; line-height:140%; background:url("../img/images/tx.png") no-repeat left center; background-size:3% 50%; padding-left:4%}
.jobcon_title span{ font-size:14px; color:#666666; line-height:120%;}
.jobcon_content{width: 100%;height: auto;overflow:hidden;margin:20px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.jobcon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

.foot_bg{ width:100%; height:450px; overflow:hidden; position:relative;background-color:#606060;}

.fmap_logo{ width:20%; height:auto; overflow:hidden; position:absolute; left:20%; top:20%; display:block;}
.fmap_logo img{ width:100%; height:auto;}
.foot_map{width:45%; height:300px; overflow:hidden; position:absolute; right:5%; top:20%; display:block;}
}

@media all and (max-width:768px){
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; display: none;}
.headm{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; display: block; background-color:rgba(5,108,210,0.77);}
.headerLeft{ width:50%; height:60px; float:left;}
.headerLeft img{ height:40px; margin-top:10px; margin-left:5%;}
.headerRught{ width:50%; height:60px; float:right; text-align:right;}
.headerRught input{ height:30px; margin-top:15px; margin-right:5%;}
.margin5{margin-top:60px;}
.mo_nav{ width:100%; height:auto; background-color:rgba(255,255,255,0.85); position:absolute; z-index:100; margin-top:60px;}
/*--内页侧边导航--*/
.subNav{width:90%; height:45px; cursor:pointer; font-size:16px; text-indent:1em; line-height:45px; background:url(../img/images/sorrow.png) no-repeat center left; margin:0 auto; border-bottom:1px  dotted #1860bf;}
.navContent{ display:none;width:100%; height:auto;}
.navContent li{width:85%; height:45px; margin:0 auto;}
.navContent li a{display:block;width:100%; height:45px;text-align:left;font-size:14px;line-height:45px;color:#666;}
.navContent li a:hover{color:#1860bf;}
.navsama{color:#1860bf;}

/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg02.png") no-repeat 100% 30%; background-size:100%;}
.about{width: 100%;height:100%;overflow: hidden;}
.about_top{width: 80%;height:35%; overflow:hidden; margin:2% auto 0 auto;}
.about_top_l{ width:35%; height:100%; overflow:hidden; float:left; margin-right:5%;}
.about_top_l_t{ width:100%; height:50%; overflow:hidden;}
.about_top_l_t_h{ width:65px; height:2px; background-color:#056cd2; display:block;}
.about_top_l_t_z{ width:100%; height: auto; font-size:22px; color:#056cd2; line-height:30px; display:block; margin-top:10px; letter-spacing:3px;}
.about_top_l_d{ width:100%; height:30%; overflow:hidden;}
.about_top_l_d_k{ width:32%; height:40px; font-size:12px; color:#056cd2; line-height:20px; text-align:center; float:left; }
.about_top_l_d_k span{  font-size:18px; color:#056cd2; line-height:20px; text-align:center; }
.about_top_l_d_s{ width:32%; height:40px; font-size:14px; color:#056cd2; line-height:20px; text-align:center; float:left; border-left:1px solid #056cd2; }
.about_top_l_d_s span{ font-size:14px; color:#056cd2; line-height:20px; text-align:center; }

.about_top_r{ width:60%; height:100%; overflow:hidden; float:right;}
.about_top_r_t{width:100%; height:60%; overflow:hidden; font-size:16px; color:#666; line-height:25px;}
.about_top_r_more{ width:100px; height:30px; overflow:hidden;font-size:16px; color:#056cd2; line-height:30px; border:2px solid #056cd2; float:right; text-align:center; margin-top:10px;}

.about_bottom{width: 80%;height:50%;overflow: hidden; margin:1% auto 0 auto;}
.about_video{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.neImg{ width:100%; height:350px;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;background: url("../img/images/bg03.jpg") no-repeat center; background-size:auto 100%;}
.brand{width: 100%;height: 100%;overflow: hidden;}
.brand_top{width:80%;height:35%; overflow:hidden; margin:5% auto 0 auto;}
.brand_top_l{ width:40%; height:70%; float:left; border-right:3px solid #fff; font-size:40px; letter-spacing:10px;color:#fff; line-height:120%;}
.brand_top_r{ width:50%; height:50%; overflow:hidden; margin:12% auto 0 2%; float:left; font-size:24px; letter-spacing:5px;color:#fff; line-height:140%;}
.brand_bottom{width: 90%;height:40%;overflow: hidden; margin:2% auto 0 auto;}
.brand_bottom_box{ width:32%; height:99%; float:left;overflow:hidden; border:2px solid #fff; position:relative;}
.brand_bottom_box_title{ width:40%; height:15%; margin:2% auto 10% auto; border-bottom:2px solid #fff; font-size:28px; letter-spacing:5px;color:#fff; line-height:150%; text-align:center;}
.brand_bottom_box_center{ width:80%; height:25px; margin:0 auto; font-size:18px; color:#fff;  line-height:25px; overflow:hidden;}
.brand_bottom_box_rz{ width:30%; height: auto; margin:0 auto; font-size:16px; color:#fff; line-height:180%; text-align:center;}
.brand_bottom_box_rz pre{font-size:18px; color:#fff; line-height:180%; text-align:center; margin-left:-50%; font-family:"microsoft yahei"; letter-spacing:1px;}
.brand_bottom_box_more{ width:70px; height:30px; bottom:30px; left:40%; position:absolute; background:#499ce5 url("../img/images/fang.png") no-repeat; background-position:90% 50%;font-size:14px; color:#fff; line-height:180%; text-indent:0.5em;}

/*zongh*/
.section4{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.jpg") no-repeat center; background-size:auto 100%;}
.zongh{width: 100%;height: 100%;overflow: hidden; position:relative;}
.zongh_z{ width:400px; height:30px; overflow:hidden; position:absolute; top:5%; left:4%; border-left:1px solid #fff;}
.zongh_z_l{ width:125px; height:30px; overflow:hidden; margin:0 10px; float:left; font-size:18px; color:#fff; line-height:100%;}
.zongh_z_l span{font-size:12px; color:#b45b16; line-height:100%;}
.zongh_z_r{ width:220px; height:2px; background-color:#fff; float:left; margin-top:14px;}
.zongh_con{ width:600px; height:65%; overflow:hidden; margin:15% auto 0 auto;}
.zongh_con_t{ width:400px; height:50%; overflow:hidden; margin:0 auto;}
.zongh_con_k{ width:190px; height:190px; float:left; overflow:hidden; transition:all 0.5s; margin:5px;}
.zongh_con_k_img{ width:190px; height:190px; overflow:hidden; position:relative; z-index:3;}
.zongh_con_k_img img{ width:190px; height:190px;}
.zongh_con_k_h{ width:190px; height:190px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0.4); margin-top:-190px; transition:all 0.5s;}
.zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1; margin-top:40%;}
.zongh_con_k_h li span{font-size:18px; color:#abb1b4; line-height:100%; text-align:center;}

.zongh_con_k:hover .zongh_con_k_h{ width:190px; height:190px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0); margin-top:-190px; transition:all 0.5s;}
.zongh_con_k:hover .zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1;}
.zongh_more{ width:90px; height:30px; overflow: hidden; margin:0 auto; border:1px solid #fff; background-color:#056cd2;font-size:16px; color:#fff; line-height:30px; text-align:center;}

/*contact*/
.section5{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.png") no-repeat center; background-size:auto 30%;}
.contact{width: 100%;height: 100%;overflow: hidden;}
.contact_a{ width:700px; height:auto; overflow:hidden;font-size:50px; color:#056cd2; line-height:150%; text-align:center; margin:10% auto 0 auto; font-weight:bold;}
.contact_b{ width:520px; height:35px; overflow:hidden;font-size:20px; color:#fff; line-height:150%; text-align:center; background-color:rgba(180,91,22,0.7); margin:1% auto 0 auto;}
.contact_c{ width:700px; height:auto; overflow:hidden;font-size:24px; color:#056cd2; line-height:150%; text-align:center; margin:1% auto 0 auto;}
.contact_d{ width:700px; height:auto; overflow:hidden;font-size:12px; color:#b1b1b1; line-height:150%; text-align:center; margin:0 auto;}


/*video*/
.section6{width: 100%;height:auto;overflow: hidden;}
.video{width: 100%;height: 100%;overflow: hidden;}
.video_k{width: 100%;height: 100%;overflow: hidden;}
.pronav{ width:90%; height:auto; position:absolute; z-index:999; bottom:80px; left:5%;}
.pronav_b{ float:left; padding:5px; margin:0 5px; border:1px solid #828a95; font-size:16px; color:#fff; line-height:100%; text-align:center;}
.pronav_b:hover{ float:left; padding:5px; margin:0 5px; border:1px solid #828a95; font-size:16px; color:#fff; line-height:100%; text-align:center;background-color:rgba(5,108,210,0.28);}

/*news*/
.section7{width: 100%;height:auto;overflow: hidden;}
.news{width: 100%;height: 100%;overflow: hidden;}
.news_con{ width:80%; height:98%; overflow: hidden; margin:1% auto 0 auto;}
.news_con_nav{ width:60%; height:auto; overflow: hidden; margin:0 auto;}
.news_con_nav_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:28px; color:#056cd2; line-height:150%; text-align:center; font-weight:bold;}
.news_con_nav_d{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news_con_nav_a{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_nav_b{ width:45%; height:auto; float:left; margin:0 2%;  font-size:22px; color:#056cd2; line-height:150%; text-align:center;}
.news_con_nav_c{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_k{ width:100%; height: auto; overflow: hidden; margin:1% auto 0 auto;}
.news_con_k_b{ width:48%; height:auto; overflow:hidden; float:left; margin:2% 1%;}
.news_con_k_b_img{ width:100%; height:180px; overflow:hidden;}
.news_con_k_b_img img{ width:100%; height:180px;}
.news_con_k_b_z{ width:90%; height:auto; overflow:hidden; margin:3% auto;}
.news_con_k_b_z_time{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:18px; color:#056cd2; line-height:120%; text-align:center; }
.news_con_k_b_z_t{ width:100%; height:60px; overflow:hidden; margin:5px auto 0 auto; font-size:24px; color:#056cd2; line-height:30px;}
.news_con_k_b_more{ width:100%; height:35px; overflow:hidden; background-color:#056cd2; font-size:18px; color:#fff; line-height:35px; text-align:center;}
.news_con_k_b:hover .news_con_k_b_more{background-color:#6695c4;}
/*foot*/
.section8{width: 100%;height:auto;overflow: hidden; background-color:#606060;}
.map{width: 100%;height: 100%;overflow: hidden;}
.map_top{ width:100%; height:80px; overflow: hidden; background:#056cd2 url("../img/images/sjian.png") no-repeat center; background-size:7% 92%;}
.map_left{ width:80%; height:auto; position:absolute; left:5%; top:45%;}
.map_left_er{ width:100px; height:130px; overflow:hidden;}
.map_left_er_img{ width:100px; height:100px; overflow:hidden;}
.map_left_er_img img{ width:100px; height:100px;}
.map_left_er_title{ width:100%; height:25px; overflow:hidden;font-size:14px; color:#fff; line-height:25px; text-align:center; }
.map_left_z{ width:100%; height:25px; font-size:14px; color:#fff; line-height:25px;}
.map_left_z_img{ width:18px; height:18px; float:left; text-align:center;}
.map_left_z_img img{ width:18px; height:18px;}
.map_left_z_wen{ width:90%; height:25px;font-size:14px; color:#fff; line-height:25px; float:left; margin-left:2%;}
.map_logo{ width:35%; height:auto; overflow:hidden; position:absolute; right:5%; bottom:35%;}
.map_logo img{ width:100%; height:auto;}
.map_nav{ width:90%; height:auto; overflow:hidden; position:absolute; right:5%; top:13%;}
.map_nav_line{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #fff; padding:10px 0;}
.map_nav_line img{ width:auto; height:90%;}
.map_nav_box{ width:13%; height:auto; float:left; overflow:hidden; margin:15px 0.6%;}
.map_nav_big{ width:100%; height:auto; float:left; overflow:hidden; font-size:18px; color:#fff; line-height:150%; text-align:center; margin-bottom:20px;}
.map_nav_smoll{ width:100%; height:auto; float:left; overflow:hidden;font-size:16px; color:#fff; line-height:150%; text-align:center;}
.map_nav_smoll:hover{color:#056cd2;}


/*about*/
.aboutnei{ width:100%; height:auto; min-height:700px; overflow:hidden; margin:0 auto; background:#cdf2fe url("../img/images/about_bg.jpg") no-repeat center bottom;  background-size:100%;}
.aboutnei_k{ width:90%; height:auto; overflow:hidden; margin:10% auto 0 auto;}
.aboutnei_k_l{ width:60%; height:auto; float:left; overflow:hidden; }
.aboutnei_k_l_top{ width:100%; height:auto; overflow:hidden;}
.aboutnei_k_l_top_title{ width:30%; height:auto; float:left; overflow:hidden; font-size:24px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_title span{ font-size:14px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_line{ width:70%; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.aboutnei_k_l_con{ width:100%; height:auto; overflow:hidden; margin-top:30px; margin-bottom:130px; font-size:16px; color:#666;}
.aboutnei_k_l_con ul input{ width:30px; height:30px;background:url("../img/images/an.png") no-repeat center; background-size:100%; border:0;}
.aboutnei_k_r{ width:30%; height:auto; float:right; overflow:hidden;}

.aboutnav{width:100%;height:auto; overflow:hidden; margin:-8% auto 0 auto; position:relative; z-index:33; text-align:center;}
.aboutnav ul{width: 100px;height: 100px;overflow:hidden; display:inline-block; margin:0 4%;font-size:18px; color: #fff; background-color:rgba(137,137,137,0.6);line-height:100px;text-align: center; border-radius:65px}
.aboutnav ul:hover{color: #056cc7; transition: all 0.5s}
.aboutnav ul .aboutnav_titlea{width:100%;height:auto; overflow:hidden; font-size:18px; color: #056cc7; text-align:center;transition: all 0.5s}


/*culture*/
.culture{ width:100%; height:auto; min-height:800px; overflow:hidden; position:relative; margin:3% auto 0 auto; background:url("../img/images/cule.jpg") no-repeat center;}
.culture_nav{ width:50%; height:auto; overflow:hidden; margin:2% auto 0 5%; position:absolute;}
.culture_title{ width:25%; height:auto; float:left; overflow:hidden; font-size:20px; color:#fff; line-height:120%}
.culture_title span{ font-size:14px; color:#fff; line-height:120%}
.culture_box{ width:25%; height:100%; min-height:900px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0.2); float:left;}
.culture_box_y{ width:55px; height:55px; background-color:#056cc7; border-radius:28px; position:absolute; left:40%; top:15%;}
.culture_box_z{ width:50px;height:70px; font-size:70px; color:#fff; line-height:120%; position:absolute; top:-30px; left:-10px;}
.culture_box_con{ width:40px; height:auto; overflow:hidden;font-size:26px; color:#fff; letter-spacing:5px; font-weight: bold; font-family:"siyuan";writing-mode:tb-rl; position:absolute; left:40%; top:25%;}
.culture_box:hover{ width:25%; height:100%; min-height:800px; overflow:hidden;letter-spacing:5px;  position:relative; background-color:rgba(0,0,0,0); float:left;}


.leader{width: 100%;height: auto;margin:100px auto;overflow: hidden;}
.leader_top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.leader_top_l{ width:42%; height:2px; float:left; background-color:#056cc7; margin-top:30px;}
.leader_top_c{ width:14%; height:auto; float:left; overflow:hidden; margin:0 1%; font-size:26px; color: #056cc7; text-align:center; }
.leader_top_c span{ font-size:14px; color: #056cc7; text-align:center; }
.leader_top_r{ width:42%; height:2px; float:left; background-color:#056cc7; margin-top:30px; }
.Box_team { width:85%;position: relative;  margin:0 auto ;}
.Box_team .content_team {width:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 30px;height: 30px;position: absolute;top:90px;cursor: pointer;}
.Box_team .btnl_team { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -40px;}
.Box_team .btnr_team { display:block;background: url(../IMG/images/right.png) no-repeat center; background-size:100% 100%; right: -40px;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:310px; height:100%; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_team .Box_con .conbox ul a li .picimg{ width:310px; height:100%; overflow:hidden;}
.box_pic{ width:310px; height:100%; overflow:hidden;}

.team{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#e2e2e2; padding:60px 0;}
.team_k{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.team_k_l_top{ width:48%; height:auto; overflow:hidden;}
.team_k_l_top_title{ width:40%; height:auto; float:left; overflow:hidden; font-size:22px; color:#056cc7; line-height:120%}
.team_k_l_top_title span{ font-size:14px; color:#056cc7; line-height:120%}
.team_k_l_top_line{ width:50%; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.team_k_box{ width:45%; height:auto; overflow:hidden; float:left; border:2px solid #056cc7; margin:20px 0.8%;}
.team_k_box img{ width:100%; max-hight:400px;}

.working{ width:100%; height:auto; margin:100px auto; overflow:hidden;}
.working_k{ width:80%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.working_k_box{ width:30%; height:auto; float:left; margin:20px 1.5%;}
.working_k_box img{ width:100%; max-height:250px;}


/*品牌*/
.brandnav{width: 90%;height:auto; overflow:hidden; margin:-6% auto 0 auto; position:relative; z-index:33; text-align:center;}
.brandnav ul{width:120px;height:40px; overflow:hidden; margin:0 auto 0 2%;font-size:18px; display:inline-block; color: #fff; border:1px solid #fff; line-height:40px;text-align: center;}
.brandnav ul:hover{color: #056cc7; transition: all 0.5s}
.brandnav ul .brandnav_titlea{width:100%;height:auto; overflow:hidden; font-size:18px; color: #056cc7; border:1px solid #fff; text-align:center;transition: all 0.5s}
.brands{ width:100%; height:auto; overflow:hidden; background:url("../img/images/46.jpg") no-repeat center; background-size:100% 100%; margin:0 auto;}
.brands_box{ width:80%; height:auto; overflow:hidden;  margin:2% auto;}
.brands_box_l{ width:30%; height:auto;  margin:0 auto; float:left;}
.brands_box_l img{ width:100%; height:auto; }
.brands_box_r{ width:60%; height:auto;  margin:0 auto 0 10%; float:left;}
.brands_box_title{ width:auto; height:auto; overflow:hidden; border-bottom:1px solid #fff; font-size:18px; color:#fff; line-height:25px; font-weight:bold;}
.brands_box_con{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#fff; line-height:20px; margin-top:20px; }
.brands_box_con img{ max-width:100%;}

.course{ width:100%; height:200px; margin:0 auto; overflow:hidden;}
.course_a{ width:50%; height:200px; float:left; background-color:#056cc2; overflow:hidden; position:relative;}
.course_a_k{ width:80%; height:auto; float:right; margin:20px 3% 0 auto; overflow:hidden;}
.course_a_k_t{ width:100%; height:25px; overflow:hidden; font-size:18px; color:#fff; line-height:25px; font-weight:bold;}
.course_a_k_b{ width:100%; height:80px; overflow:hidden; font-size:14px; color:#fff; line-height:20px;}
.course_a_k_by{ width:20px; height:20px; overflow:hidden; position: absolute; right:20px; bottom:20px; background:url("../img/images/right.png") no-repeat center; background-size:100%;}
.course_a_k_byy{ width:20px; height:20px; overflow:hidden; position: absolute; left:20px; bottom:20px; background:url("../img/images/left.png") no-repeat center; background-size:100%;}
.course_b{ width:50%; height:200px; float:left; overflow:hidden;}
.course_b img{ width:100%; height:100%; max-height:200px;}

.honor{ width:80%; height:auto; margin:0 auto;}
.honor_a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_a_box{ width:19%; height:auto; overflow:hidden; float:left; margin:0 0.5%;}
.honor_a_box_title{ width:100%; height:30px; overflow:hidden; font-size:18px; color:#056cc2; text-align:center; line-height:30px; padding:10px 0;}
.honor_a_box_img{ width:100%; height:auto; overflow:hidden;}
.honor_a_box_img img{ width:100%; height:auto;}

.honor_b{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_b_t{ width:100px; height:30px; overflow:hidden; margin:20px auto; font-size:22px; color:#fff; text-align:center; line-height:30px; background-color:#056cc2;}
.honor_b_k{ width:100%; height:auto; overflow: hidden; background-color:#056cc2;}
.honor_b_k_box{ width:19%; height:162px; overflow:hidden; float:left; margin:10px 3%;}
.honor_b_k_box img{ width:100%; height:100%;}

.honor_d_k_box{ width:16%; height:135px; overflow:hidden; float:left; margin:5px 0.3%;}
.honor_d_k_box img{ width:100%; height:100%;}

.honor_c{ width:100%; height:auto; margin-top:30px;}
.honor_c_t{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.Box_teams { width:90%;position: relative;  margin:0 auto ;}
.Box_teams .content_teams {width:100%;margin: 0 auto;}
.Box_teams .Box_cons {position: relative;}
.Box_teams .btnl_teams {position: absolute;}
.Box_teams .btn_teams {display: block;width: 30px;height: 30px;position: absolute;top:100px;cursor: pointer;}
.Box_teams .btnl_teams { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -30px;}
.Box_teams .btnr_teams { display:block;background: url(../IMG/images/right.png) no-repeat center;  background-size:100% 100%; right: -30px;}
.Box_teams .Box_cons .conboxs {position: relative;overflow: hidden;}
.Box_teams .Box_cons .conboxs ul {position: relative;list-style: none;}
.Box_teams .Box_cons .conboxs ul li {width:150px; height:auto; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_teams .Box_cons .conboxs ul a li .picimgs{ width:150px; height:auto;}
.box_pics{ width:150px;}


/*产品*/
.onenav{ width:160px; height:50px; overflow:hidden; margin:3% auto 0 auto; background-color:#056cc6; font-size:28px; color:#fff; line-height:30px; text-align:center;}
.onenav span{font-size:16px; color:#fff; line-height:20px; text-align:center;}

.subnav{width: 90%;height:auto; overflow:hidden; margin:5% auto;}
.subnav ul{width:13%;height:auto; overflow:hidden; float:left; margin:0 0.6%;}
.subnav ul .navimg{width:100%; height:auto; text-align: center;}
.subnav ul .navimg img{width:70%; height:auto; max-width:85px;}
.subnav ul .subnav_title{width:100%;height:auto; overflow:hidden; font-size:16px; color: #056cc6; text-align:center;transition: all 0.5s}
.subnav ul:hover .subnav_title{color: #a85b16; transition: all 0.5s}
.subnav ul .subnav_titlea{width:100%;height:auto; overflow:hidden; font-size:16px; color: #a85b16; text-align:center;transition: all 0.5s}

.product{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.product_box{ width:32%; height:265px; overflow:hidden; float:left; margin:10px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box_img{ width:86%; height:170px; overflow:hidden; margin:10px 7%;}
.product_box_img img{ width:100%; height:170px;}
.product_box_title{ width:86%; height:30px; overflow:hidden; font-size:14px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box_more{ width:86%; height:30px; overflow:hidden; font-size:12px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box:hover{ width:32%; height:265px; overflow:hidden; float:left; margin:10px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box:hover .product_box_title{ color:#fff; }
.product_box:hover .product_box_more{ color:#fff; }

/*设备*/
.devnav{width: 80%;height:auto; overflow:hidden; margin:-5.3% auto 0 auto; position:relative; z-index:33;}
.devnav ul{width:120px;height:40px; overflow:hidden; float:left; margin:0 auto 0 2%;font-size:18px; color: #fff; background-color: #056cc1; line-height:40px;text-align: center;transform: skewX(-20deg);
}
.devnav ul:hover{color: #a85b16; transition: all 0.5s}
.devnav ul .devnav_titlea{width:100%;height:auto; overflow:hidden; font-size:22px; color: #a85b16; text-align:center;transition: all 0.5s}
.devnav_l{ width:90%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.devnav_l_l{ width:30%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:24px; color: #056cc1; text-align:center;}
.devnav_l_l span{ font-size:16px; color: #056cc1; text-align:center;}
.devnav_l_r{ width:69%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:14px; float:right;}

.device{ width:80%; height:auto; overflow:hidden; margin:5% auto;}
.device_box{ width:32%; height:220px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box_img{ width:86%; height:110px; overflow:hidden; margin:15px 7%;}
.device_box_img img{ width:100%; height:110px;}
.device_box_title{ width:86%; height:30px; overflow:hidden; font-size:14px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box_more{ width:86%; height:30px; overflow:hidden; font-size:12px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box:hover{ width:32%; height:220px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box:hover .device_box_title{ color:#fff; }
.device_box:hover .device_box_more{ color:#fff; }

/*news*/
.newsnav{width: 80%;height:auto; overflow:hidden; margin:-5.5% auto 0 auto; position:relative; z-index:33;}
.newsnav ul{width:120px;height: 40px; overflow:hidden; float:left; margin:0 auto 0 1%;font-size:22px; color: #fff; background-color: #056cc1; line-height:40px;text-align: center;background-color:rgba(255,255,255,0.4);}
.newsnav ul:hover{color: #056cc1; transition: all 0.5s}
.newsnav ul .newsnav_titlea{width:100%;height:auto; overflow:hidden; font-size:22px; color: #056cc1; text-align:center;transition: all 0.5s}

.newsnav_l{ width:80%; height:60px; overflow:hidden; margin:3% auto 0 auto; font-size:26px; line-height:100%; color: #056cc1; text-align:center; background:url("../img/images/xiek.png") no-repeat center bottom; background-size:50% 50%;}
.newsnav_l span{ font-size:14px; color: #056cc1; text-align:center; line-height:200%;}

.news2{width: 100%;height:200px; margin:30px auto; background-color:#056cc1;overflow: hidden; transition:all 0.5s;}
.news2_l{width: 60%;height: auto; float:left; margin:2% auto 2% 5%;overflow: hidden}
.news2_l_a{ width:100%; height:20px; overflow:hidden; font-size:16px; color: #fff; line-height:20px;}
.news2_l_b{ width:100%; height:30px; overflow:hidden; font-size:20px; color: #fff; line-height:30px; font-weight:bold;}
.news2_l_c{ width:100%; height:60px; overflow:hidden; font-size:14px; color: #fff; line-height:20px;}
.news2_l_d{ width:80px; height:25px;overflow:hidden; font-size:14px; color: #fff; line-height:25px; border:1px solid #fff; text-align:center; margin-top:10px;}
.news2:hover .news2_l_d{ width:80px; height:25px;overflow:hidden; font-size:14px; color: #fff; line-height:25px; border:1px solid #fff; background-color:#5d9bce;}
.news2_r{width: 30%;height: 90%; float:right; margin:2.5%;overflow: hidden}
.news2_r .news2_img{width: 100%;height:90%;overflow: hidden;transition: all 0.5s;}
.news2_r .news2_img img{width: 100%; height:100%; transition: all 0.5s;}
.news2:hover{width: 100%;height: 200px; margin:30px auto; background-color:#a8b8c5;overflow: hidden; transition:all 0.5s;}
.news3{width: 90%;height: 40px; margin:0 auto; border-bottom:1px solid #056cc1; overflow: hidden; transition:all 0.5s;}
.news3_l_a{ width:85%; height:35px; overflow:hidden; font-size:18px; color: #666; line-height:35px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}
.news3_l_b{ width:15%; height:35px; overflow:hidden; font-size:16px; color: #999; line-height:35px; text-align:center; float:left;}
.news3:hover .news3_l_a{ width:85%; height:40px; overflow:hidden; font-size:18px; color: #056cc1; line-height:40px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}


/*view*/
.content{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.content_con{ width:90%; height:auto; overflow:hidden;margin:40px auto;}
.con_title{ font-size:22px; color:#056cc6; line-height:150%;}
.con_title span{ font-size:14px; color:#056cc6; line-height:120%;}
.con_content{width: 100%;height: auto;overflow:hidden;margin:20px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.con_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*案例*/
.casenav{width:100%;height:auto; overflow:hidden; margin:-5% auto 0 auto; position:relative; z-index:33; text-align:center;}
.casenav ul{width:120px;height:70px;overflow:hidden; display:inline-block; margin:0 auto 0 2%;font-size:20px; color: #fff; background:url("../img/images/ti.png") no-repeat center; background-size:100% 100%; line-height:45px;text-align: center;}
.casenav ul:hover{color: #b27c12; transition: all 0.5s}
.casenav ul .casenav_titlea{width:100%;height:auto; overflow:hidden; font-size:20px; color: #b27c12; text-align:center;transition: all 0.5s}

.casenav_l{ width:80%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.casenav_l_l{ width:23%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:20px; color: #056cc1; text-align:center;background:url("../img/images/le.png") no-repeat left center; background-size:10% 100%;}
.casenav_l_l span{ font-size:14px; color: #056cc1; text-align:center;}
.casenav_l_r{ width:75%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:14px; float:right;}

.case{width: 80%;height: auto;margin: 0 auto;overflow: hidden;min-height: 400px;}
.case ul{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.case ul li{width: 100%;height:auto;overflow: hidden;margin:35px 0;background-color: #056cbf;transition: all 0.5s;}
.case ul li .case_l{width: 43%;height:100%;overflow: hidden;transition: all 0.5s; padding:1%;}
.case ul li .case_l img{height:160px;width: 100%;transition: all 0.5s;}
.case ul li .case_r{width: 55%;height:100%;}
.case ul li .case_r_c{width:80%;margin:5% 0 0 8%;}
.case ul li .case_r_c h3{font-size: 18px;color: #fff;transition: all 0.5s; height:30px; line-height:30px; overflow:hidden;}
.case_r_c p{font-size:14px;color: #fff;margin-top: 2%; height:60px; line-height:20px; overflow:hidden;}
.case_r_c .more{width:80px;line-height:1.5;background-color:#fff; margin-top:3%;text-align: center;}
.case_r_c .more a{display: inline-block;width: 100%;height: 100%;color: #5da2d8;}
.case ul li:hover .case_l img{ height:160px;transition: all 0.5s;transform:scale(1.2);}
.case ul li:hover .case_r_c h3{color: #fff;transition: all 0.5s;}
/*caseview*/
.casecontent_con{ width:90%; height:auto; overflow:hidden;margin:50px auto;}
.casecon_title{ width:25%; height:auto; overflow:hidden; float:left; }
.casecon_title_con{font-size:18px; color:#fff; line-height:140%; background-color:#056cc6; padding:5px;}
.casecon_title_into{ font-size:14px; color:#056cc6; line-height:140%; margin-top:20px; text-indent:2em;}
.casecon_content{width:73%;height: auto;overflow:hidden; float:right;margin:50px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.casecon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*招聘*/
.introduction{width:85%;margin:5% auto}
.introduction_t{ width:100%; height:50px; overflow:hidden; margin:0 auto;}
.introduction_t_l{ width:34%; height:50px; float:left; border-right:1px solid #056cc6;}
.introduction_t_c{ width:30%; height:50px; float:left; font-size:30px; color:#056cc6; text-align:center; margin:0 1%; border-left:1px solid #056cc6; border-right:1px solid #056cc6; line-height:100%;}
.introduction_t_c span{ font-size:14px; color:#056cc6; text-align:center;}
.introduction_t_r{ width:33%; height:60px; float:left; border-left:1px solid #056cc6;}
.introduction_con{ width:100%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.introduction_box{ width:48%; height:220px; overflow:hidden; margin:1%; float:left; position:relative;}
.introduction_box img{ width:100%; height:220px;}
.introduction_title{ width:80%; height:35px; overflow:hidden; position:absolute; bottom:5%; left:5%; font-size:26px; color:#fff; line-height:35px;}

/*招聘view*/
.jobcontent{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.jobcontent_con{ width:80%; height:auto; overflow:hidden;margin:20px auto;}
.jobcon_title{ font-size:20px; color:#333333; line-height:140%; background:url("../img/images/tx.png") no-repeat left center; background-size:4% 50%; padding-left:5%}
.jobcon_title span{ font-size:14px; color:#666666; line-height:120%;}
.jobcon_content{width: 100%;height: auto;overflow:hidden;margin:20px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.jobcon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

.foot_bg{ width:100%; height:580px; overflow:hidden; position:relative;background-color:#606060;}

.fmap_logo{ width:20%; height:auto; overflow:hidden; position:absolute; left:20%; top:20%; display:block;}
.fmap_logo img{ width:100%; height:auto;}
.foot_map{width:50%; height:280px; overflow:hidden; position:absolute; right:5%; top:5%; display:block;}
}


@media all and (max-width:425px){
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; display: none;}
.headm{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; display: block; background-color:rgba(5,108,210,0.77);}
.headerLeft{ width:50%; height:60px; float:left;}
.headerLeft img{ height:40px; margin-top:10px; margin-left:5%;}
.headerRught{ width:50%; height:60px; float:right; text-align:right;}
.headerRught input{ height:30px; margin-top:15px; margin-right:5%;}
.margin5{margin-top:60px;}
.mo_nav{ width:100%; height:auto; background-color:rgba(255,255,255,0.85); position:absolute; z-index:100; margin-top:60px;}
/*--内页侧边导航--*/
.subNav{width:90%; height:45px; cursor:pointer; font-size:16px; text-indent:1em; line-height:45px; background:url(../img/images/sorrow.png) no-repeat center left; margin:0 auto; border-bottom:1px  dotted #1860bf;}
.navContent{ display:none;width:100%; height:auto;}
.navContent li{width:85%; height:45px; margin:0 auto;}
.navContent li a{display:block;width:100%; height:45px;text-align:left;font-size:14px;line-height:45px;color:#666;}
.navContent li a:hover{color:#1860bf;}
.navsama{color:#1860bf;}

/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg02.png") no-repeat 100% 30%; background-size:100%;}
.about{width: 100%;height:100%;overflow: hidden;}
.about_top{width: 80%;height:40%; overflow:hidden; margin:2% auto 0 auto;}
.about_top_l{ width:100%; height:50%; overflow:hidden;}
.about_top_l_t{ width:100%; height:40%; overflow:hidden;}
.about_top_l_t_h{ width:65px; height:2px; background-color:#056cd2; display:block;}
.about_top_l_t_z{ width:100%; height: auto; font-size:22px; color:#056cd2; line-height:30px; display:block; margin-top:10px; letter-spacing:3px;}
.about_top_l_d{ width:100%; height:35%; overflow:hidden;}
.about_top_l_d_k{ width:32%; height:40px; font-size:12px; color:#056cd2; line-height:20px; text-align:center; float:left; }
.about_top_l_d_k span{  font-size:18px; color:#056cd2; line-height:20px; text-align:center; }
.about_top_l_d_s{ width:32%; height:40px; font-size:14px; color:#056cd2; line-height:20px; text-align:center; float:left; border-left:1px solid #056cd2; }
.about_top_l_d_s span{ font-size:14px; color:#056cd2; line-height:20px; text-align:center; }

.about_top_r{ width:100%; height:50%; overflow:hidden;}
.about_top_r_t{width:100%; height:60px; overflow:hidden; font-size:14px; color:#666; line-height:20px;}
.about_top_r_more{ width:80px; height:25px; overflow:hidden;font-size:14px; color:#056cd2; line-height:25px; border:2px solid #056cd2; float:right; text-align:center; margin-top:5px;}

.about_bottom{width: 80%;height:50%;overflow: hidden; margin:1% auto 0 auto;}
.about_video{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.neImg{ width:100%; height:240px;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;background: url("../img/images/bg03.jpg") no-repeat center; background-size:auto 100%;}
.brand{width: 100%;height: 100%;overflow: hidden;}
.brand_top{width:90%;height:15%; overflow:hidden; margin:5% auto 0 auto;}
.brand_top_l{ width:38%; height:100%; float:left; border-right:2px solid #fff; font-size:24px; letter-spacing:4px;color:#fff; line-height:120%;}
.brand_top_r{ width:57%; height:60%; overflow:hidden; margin:9% auto 0 2%; float:left; font-size:18px; letter-spacing:5px;color:#fff; line-height:140%;}
.brand_bottom{width: 90%;height:80%;overflow: hidden; margin:2% auto 0 auto;}
.brand_bottom_box{ width:48%; height:40%; float:left;overflow:hidden; border:2px solid #fff; position:relative; margin:2% auto;}
.brand_bottom_box_title{ width:40%; height:17%; margin:2% auto 8% auto; border-bottom:2px solid #fff; font-size:22px; letter-spacing:5px;color:#fff; line-height:150%; text-align:center;}
.brand_bottom_box_center{ width:80%; height:20px; margin:0 auto; font-size:14px; color:#fff;  line-height:20px; overflow:hidden;}
.brand_bottom_box_rz{ width:80%; height: auto; margin:0 auto; font-size:14px; color:#fff; line-height:160%; text-align:center;}
.brand_bottom_box_rz pre{font-size:14px; color:#fff; line-height:160%; text-align:center; margin-left:0; font-family:"microsoft yahei"; letter-spacing:1px;}
.brand_bottom_box_more{ width:70px; height:25px; bottom:15px; left:20%; position:absolute; background:#499ce5 url("../img/images/fang.png") no-repeat; background-position:90% 50%;font-size:14px; color:#fff; line-height:180%; text-indent:0.5em;}

/*zongh*/
.section4{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.jpg") no-repeat center; background-size:auto 100%;}
.zongh{width: 100%;height: 100%;overflow: hidden; position:relative;}
.zongh_z{ width:90%; height:30px; overflow:hidden; position:absolute; top:5%; left:4%; border-left:1px solid #fff;}
.zongh_z_l{ width:162px; height:30px; overflow:hidden; margin:0 10px; float:left; font-size:18px; color:#fff; line-height:100%;}
.zongh_z_l span{font-size:12px; color:#b45b16; line-height:100%;}
.zongh_z_r{ width:220px; height:2px; background-color:#fff; float:left; margin-top:14px;}
.zongh_con{ width:90%; height:78%; overflow:hidden; margin:17% auto 0 auto;}
.zongh_con_t{ width:100%; height:150px; overflow:hidden; margin:0 auto;}
.zongh_con_k{ width:45%; height:140px; float:left; overflow:hidden; transition:all 0.5s; margin: margin:5px 2.5%;}
.zongh_con_k_img{ width:100%; height:140px; overflow:hidden; position:relative; z-index:3;}
.zongh_con_k_img img{ width:100%; height:140px;}
.zongh_con_k_h{ width:172px; height:140px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0.4); margin-top:-140px; transition:all 0.5s;}
.zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1; margin-top:30%;}
.zongh_con_k_h li span{font-size:18px; color:#abb1b4; line-height:100%; text-align:center;}

.zongh_con_k:hover .zongh_con_k_h{ width:172px; height:140px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0); margin-top:-140px; transition:all 0.5s;}
.zongh_con_k:hover .zongh_con_k_h li{font-size:24px; color:#fff; line-height:100%; text-align:center; opacity: 1;}
.zongh_more{ width:90px; height:30px; overflow: hidden; margin:0 auto; border:1px solid #fff; background-color:#056cd2;font-size:16px; color:#fff; line-height:30px; text-align:center;}

/*contact*/
.section5{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.png") no-repeat center; background-size:auto 40%;}
.contact{width: 100%;height: 100%;overflow: hidden;}
.contact_a{ width:90%; height:auto; overflow:hidden;font-size:40px; color:#056cd2; line-height:150%; text-align:center; margin:10% auto 0 auto; font-weight:bold;}
.contact_b{ width:90%; height:35px; overflow:hidden;font-size:18px; color:#fff; line-height:35px; text-align:center; background-color:rgba(180,91,22,0.7); margin:1% auto 0 auto;}
.contact_c{ width:90%; height:auto; overflow:hidden;font-size:24px; color:#056cd2; line-height:150%; text-align:center; margin:1% auto 0 auto;}
.contact_d{ width:90%; height:auto; overflow:hidden;font-size:12px; color:#b1b1b1; line-height:150%; text-align:center; margin:0 auto;}


/*video*/
.section6{width: 100%;height:auto;overflow: hidden;}
.video{width: 100%;height: 100%;overflow: hidden;}
.video_k{width: 100%;height: 100%;overflow: hidden;}
.pronav{ width:90%; height:auto; position:absolute; z-index:999; bottom:80px; left:5%;}
.pronav_b{ float:left; padding:5px; margin:5px 5px; border:1px solid #828a95; font-size:16px; color:#fff; line-height:100%; text-align:center;}
.pronav_b:hover{ float:left; padding:5px; margin:5px 5px; border:1px solid #828a95; font-size:16px; color:#fff; line-height:100%; text-align:center;background-color:rgba(5,108,210,0.28);}

/*news*/
.section7{width: 100%;height:auto;overflow: hidden;}
.news{width: 100%;height: 100%;overflow: hidden;}
.news_con{ width:80%; height:98%; overflow: hidden; margin:1% auto 0 auto;}
.news_con_nav{ width:80%; height:auto; overflow: hidden; margin:0 auto;}
.news_con_nav_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:22px; color:#056cd2; line-height:150%; text-align:center; font-weight:bold;}
.news_con_nav_d{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news_con_nav_a{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_nav_b{ width:45%; height:auto; float:left; margin:0 2%;  font-size:16px; color:#056cd2; line-height:150%; text-align:center;}
.news_con_nav_c{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_k{ width:100%; height: auto; overflow: hidden; margin:1% auto 0 auto;}
.news_con_k_b{ width:48%; height:auto; overflow:hidden; float:left; margin:2% 1%;}
.news_con_k_b_img{ width:100%; height:100px; overflow:hidden;}
.news_con_k_b_img img{ width:100%; height:100px;}
.news_con_k_b_z{ width:90%; height:auto; overflow:hidden; margin:5% auto;}
.news_con_k_b_z_time{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:12px; color:#056cd2; line-height:120%; text-align:center; }
.news_con_k_b_z_t{ width:100%; height:60px; overflow:hidden; margin:5px auto 0 auto; font-size:18px; color:#056cd2; line-height:30px;}
.news_con_k_b_more{ width:100%; height:30px; overflow:hidden; background-color:#056cd2; font-size:14px; color:#fff; line-height:30px; text-align:center;}
.news_con_k_b:hover .news_con_k_b_more{background-color:#6695c4;}
/*foot*/
.section8{width: 100%;height:auto;overflow: hidden; background-color:#606060;}
.map{width: 100%;height: 100%;overflow: hidden;}
.map_top{ width:100%; height:80px; overflow: hidden; background:#056cd2 url("../img/images/sjian.png") no-repeat center; background-size:7% 92%; display:none;}
.map_left{ width:90%; height:auto; position:absolute; left:5%; top:25%;}
.map_left_er{ width:100px; height:130px; overflow:hidden;}
.map_left_er_img{ width:100px; height:100px; overflow:hidden;}
.map_left_er_img img{ width:100px; height:100px;}
.map_left_er_title{ width:100%; height:25px; overflow:hidden;font-size:14px; color:#fff; line-height:25px; text-align:center; }
.map_left_z{ width:100%; height:25px; font-size:14px; color:#fff; line-height:25px;}
.map_left_z_img{ width:18px; height:18px; float:left; text-align:center;}
.map_left_z_img img{ width:18px; height:18px;}
.map_left_z_wen{ width:90%; height:25px;font-size:14px; color:#fff; line-height:25px; float:left; margin-left:2%;}
.map_logo{ width:50%; height:auto; overflow:hidden; position:absolute; right:10%; top:25%;}
.map_logo img{ width:100%; height:auto;}
.map_nav{ width:90%; height:auto; overflow:hidden; position:absolute; right:5%; top:13%; display:none;}
.map_nav_line{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #fff; padding:10px 0;}
.map_nav_line img{ width:auto; height:90%;}
.map_nav_box{ width:13%; height:auto; float:left; overflow:hidden; margin:15px 0.6%;}
.map_nav_big{ width:100%; height:auto; float:left; overflow:hidden; font-size:18px; color:#fff; line-height:150%; text-align:center; margin-bottom:20px;}
.map_nav_smoll{ width:100%; height:auto; float:left; overflow:hidden;font-size:16px; color:#fff; line-height:150%; text-align:center;}
.map_nav_smoll:hover{color:#056cd2;}


/*about*/
.aboutnei{ width:100%; height:auto; min-height:700px; overflow:hidden; margin:0 auto; background:#cdf2fe url("../img/images/about_bg.jpg") no-repeat center bottom;  background-size:100%;}
.aboutnei_k{ width:90%; height:auto; overflow:hidden; margin:10% auto 0 auto;}
.aboutnei_k_l{ width:100%; height:auto; overflow:hidden; }
.aboutnei_k_l_top{ width:100%; height:auto; overflow:hidden;}
.aboutnei_k_l_top_title{ width:30%; height:auto; float:left; overflow:hidden; font-size:16px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_title span{ font-size:12px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_line{ width:70%; height:2px; float:left; margin-top:30px; background-color:#056cc7;}
.aboutnei_k_l_con{ width:100%; height:auto; overflow:hidden; margin-top:30px; margin-bottom:130px; font-size:16px; color:#666;}
.aboutnei_k_l_con ul input{ width:30px; height:30px;background:url("../img/images/an.png") no-repeat center; background-size:100%; border:0;}
.aboutnei_k_r{ width:100%; height:auto; overflow:hidden; margin:20px auto;}

.aboutnav{width:100%;height:auto; overflow:hidden; margin:-12% auto 0 auto; position:relative; z-index:33; text-align:center;}
.aboutnav ul{width: 80px;height: 80px;overflow:hidden; display:inline-block; margin:0 2%;font-size:14px; color: #fff; background-color:rgba(137,137,137,0.6);line-height:80px;text-align: center; border-radius:65px}
.aboutnav ul:hover{color: #056cc7; transition: all 0.5s}
.aboutnav ul .aboutnav_titlea{width:100%;height:auto; overflow:hidden; font-size:14px; color: #056cc7; text-align:center;transition: all 0.5s}


/*culture*/
.culture{ width:100%; height:auto; min-height:800px; overflow:hidden; position:relative; margin:3% auto 0 auto; background:url("../img/images/cule.jpg") no-repeat center;}
.culture_nav{ width:50%; height:auto; overflow:hidden; margin:2% auto 0 5%; position:absolute;}
.culture_title{ width:50%; height:auto; float:left; overflow:hidden; font-size:18px; color:#fff; line-height:120%}
.culture_title span{ font-size:14px; color:#fff; line-height:120%}
.culture_box{ width:25%; height:100%; min-height:800px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0.2); float:left;}
.culture_box_y{ width:40px; height:40px; background-color:#056cc7; border-radius:20px; position:absolute; left:30%; top:15%;}
.culture_box_z{ width:50px;height:70px; font-size:60px; color:#fff; line-height:120%; position:absolute; top:-30px; left:-10px;}
.culture_box_con{ width:40px; height:auto; overflow:hidden;font-size:22px; color:#fff; letter-spacing:5px; font-weight: bold; font-family:"siyuan";writing-mode:tb-rl; position:absolute; left:20%; top:25%;}
.culture_box:hover{ width:25%; height:100%; min-height:800px; overflow:hidden;letter-spacing:5px;  position:relative; background-color:rgba(0,0,0,0); float:left;}


.leader{width: 100%;height: auto;margin:30px auto;overflow: hidden;}
.leader_top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.leader_top_l{ width:36.5%; height:2px; float:left; background-color:#056cc7; margin-top:30px;}
.leader_top_c{ width:25%; height:auto; float:left; overflow:hidden; margin:0 1%; font-size:20px; color: #056cc7; text-align:center; }
.leader_top_c span{ font-size:14px; color: #056cc7; text-align:center; }
.leader_top_r{ width:36.5%; height:2px; float:left; background-color:#056cc7; margin-top:30px; }
.Box_team { width:80%;position: relative;  margin:0 auto ;}
.Box_team .content_team {width:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 30px;height: 30px;position: absolute;top:90px;cursor: pointer;}
.Box_team .btnl_team { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -40px;}
.Box_team .btnr_team { display:block;background: url(../IMG/images/right.png) no-repeat center; background-size:100% 100%; right: -40px;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:310px; height:100%; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_team .Box_con .conbox ul a li .picimg{ width:310px; height:100%; overflow:hidden;}
.box_pic{ width:310px; height:100%; overflow:hidden;}

.team{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#e2e2e2; padding:60px 0;}
.team_k{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.team_k_l_top{ width:48%; height:auto; overflow:hidden;}
.team_k_l_top_title{ width:80%; height:auto; float:left; overflow:hidden; font-size:18px; color:#056cc7; line-height:120%}
.team_k_l_top_title span{ font-size:12px; color:#056cc7; line-height:120%}
.team_k_l_top_line{ width:0; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.team_k_box{ width:45%; height:auto; overflow:hidden; float:left; border:2px solid #056cc7; margin:20px 0.8%;}
.team_k_box img{ width:100%; max-hight:400px;}

.working{ width:100%; height:auto; margin:100px auto; overflow:hidden;}
.working_k{ width:80%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.working_k_box{ width:47%; height:auto; float:left; margin:10px 1.5%;}
.working_k_box img{ width:100%; max-height:250px;}


/*品牌*/
.brandnav{width: 90%;height:auto; overflow:hidden; margin:-8% auto 0 auto; position:relative; z-index:33; text-align:center;}
.brandnav ul{width:80px;height:30px; overflow:hidden; margin:0 auto 0 2%;font-size:16px; display:inline-block; color: #fff; border:1px solid #fff; line-height:30px;text-align: center;}
.brandnav ul:hover{color: #056cc7; transition: all 0.5s}
.brandnav ul .brandnav_titlea{width:100%;height:auto; overflow:hidden; font-size:16px; color: #056cc7; border:1px solid #fff; text-align:center;transition: all 0.5s}
.brands{ width:100%; height:auto; overflow:hidden; background:url("../img/images/46.jpg") no-repeat center; background-size:100% 100%; margin:20px auto 0 auto;}
.brands_box{ width:80%; height:auto; overflow:hidden;  margin:2% auto;}
.brands_box_l{ width:30%; height:auto;  margin:2% auto; float: none;}
.brands_box_l img{ width:100%; height:auto; }
.brands_box_r{ width:100%; height:auto;  margin:0 auto; float: none;}
.brands_box_title{ width:auto; height:auto; overflow:hidden; border-bottom:1px solid #fff; font-size:16px; color:#fff; line-height:25px; font-weight:bold;}
.brands_box_con{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#fff; line-height:20px; margin-top:20px; }
.brands_box_con img{ max-width:100%;}

.course{ width:100%; height:120px; margin:0 auto; overflow:hidden;}
.course_a{ width:50%; height:120px; float:left; background-color:#056cc2; overflow:hidden; position:relative;}
.course_a_k{ width:90%; height:auto; float:right; margin:10px 3% 0 auto; overflow:hidden;}
.course_a_k_t{ width:100%; height:20px; overflow:hidden; font-size:14px; color:#fff; line-height:20px; font-weight:bold;}
.course_a_k_b{ width:100%; height:60px; overflow:hidden; font-size:12px; color:#fff; line-height:20px;}
.course_a_k_by{ width:15px; height:15px; overflow:hidden; position: absolute; right:10px; bottom:10px; background:url("../img/images/right.png") no-repeat center; background-size:100%;}
.course_a_k_byy{ width:15px; height:15px; overflow:hidden; position: absolute; left:10px; bottom:10px; background:url("../img/images/left.png") no-repeat center; background-size:100%;}
.course_b{ width:50%; height:120px; float:left; overflow:hidden;}
.course_b img{ width:100%; height:100%; max-height:200px;}

.honor{ width:80%; height:auto; margin:0 auto;}
.honor_a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_a_box{ width:19%; height:auto; overflow:hidden; float:left; margin:0 0.5%;}
.honor_a_box_title{ width:100%; height:25px; overflow:hidden; font-size:12px; color:#056cc2; text-align:center; line-height:25px; padding:0;}
.honor_a_box_img{ width:100%; height:auto; overflow:hidden;}
.honor_a_box_img img{ width:100%; height:auto;}

.honor_b{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_b_t{ width:90px; height:25px; overflow:hidden; margin:20px auto; font-size:16px; color:#fff; text-align:center; line-height:25px; background-color:#056cc2;}
.honor_b_k{ width:100%; height:auto; overflow: hidden; background-color:#056cc2;}
.honor_b_k_box{ width:19%; height:87px; overflow:hidden; float:left; margin:10px 3%;}
.honor_b_k_box img{ width:100%; height:100%;}

.honor_d_k_box{ width:16%; height:75px; overflow:hidden; float:left; margin:5px 0.3%;}
.honor_d_k_box img{ width:100%; height:100%;}

.honor_c{ width:100%; height:auto; margin-top:30px;}
.honor_c_t{ width:100%; height:40px; overflow:hidden; font-size:26px; color:#fff; text-align:center; line-height:40px; background-color:#056cc2;}
.Box_teams { width:80%;position: relative;  margin:0 auto ;}
.Box_teams .content_teams {width:100%;margin: 0 auto;}
.Box_teams .Box_cons {position: relative;}
.Box_teams .btnl_teams {position: absolute;}
.Box_teams .btn_teams {display: block;width: 30px;height: 30px;position: absolute;top:60px;cursor: pointer;}
.Box_teams .btnl_teams { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -30px;}
.Box_teams .btnr_teams { display:block;background: url(../IMG/images/right.png) no-repeat center;  background-size:100% 100%; right: -30px;}
.Box_teams .Box_cons .conboxs {position: relative;overflow: hidden;}
.Box_teams .Box_cons .conboxs ul {position: relative;list-style: none;}
.Box_teams .Box_cons .conboxs ul li {width:120px; height:auto; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_teams .Box_cons .conboxs ul a li .picimgs{ width:120px; height:auto;}
.box_pics{ width:120px;}


/*产品*/
.onenav{ width:100px; height:45px; overflow:hidden; margin:3% auto 0 auto; background-color:#056cc6; font-size:20px; color:#fff; line-height:25px; text-align:center;}
.onenav span{font-size:12px; color:#fff; line-height:20px; text-align:center;}

.subnav{width: 90%;height:auto; overflow:hidden; margin:5% auto;}
.subnav ul{width:23%;height:auto; overflow:hidden; float:left; margin:1% 0.6%;}
.subnav ul .navimg{width:100%; height:auto; text-align: center;}
.subnav ul .navimg img{width:50%; height:auto; max-width:85px;}
.subnav ul .subnav_title{width:100%;height:auto; overflow:hidden; font-size:16px; color: #056cc6; text-align:center;transition: all 0.5s}
.subnav ul:hover .subnav_title{color: #a85b16; transition: all 0.5s}
.subnav ul .subnav_titlea{width:100%;height:auto; overflow:hidden; font-size:16px; color: #a85b16; text-align:center;transition: all 0.5s}

.product{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.product_box{ width:48%; height:250px; overflow:hidden; float:left; margin:10px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box_img{ width:86%; height:155px; overflow:hidden; margin:10px 7%;}
.product_box_img img{ width:100%; height:155px;}
.product_box_title{ width:86%; height:30px; overflow:hidden; font-size:14px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box_more{ width:86%; height:30px; overflow:hidden; font-size:12px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box:hover{ width:48%; height:250px; overflow:hidden; float:left; margin:10px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box:hover .product_box_title{ color:#fff; }
.product_box:hover .product_box_more{ color:#fff; }

/*设备*/
.devnav{width: 80%;height:auto; overflow:hidden; margin:-7.5% auto 0 auto; position:relative; z-index:33;}
.devnav ul{width:80px;height:30px; overflow:hidden; float:left; margin:0 auto 0 2%;font-size:16px; color: #fff; background-color: #056cc1; line-height:30px;text-align: center;transform: skewX(-20deg);
}
.devnav ul:hover{color: #a85b16; transition: all 0.5s}
.devnav ul .devnav_titlea{width:100%;height:auto; overflow:hidden; font-size:16px; color: #a85b16; text-align:center;transition: all 0.5s}
.devnav_l{ width:90%; height:auto; overflow:hidden; margin:2% auto 0 auto;}
.devnav_l_l{ width:22%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:18px; color: #056cc1; text-align:center;}
.devnav_l_l span{ font-size:12px; color: #056cc1; text-align:center;}
.devnav_l_r{ width:77%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.device{ width:90%; height:auto; overflow:hidden; margin:5% auto;}
.device_box{ width:48%; height:170px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box_img{ width:96%; height:100px; overflow:hidden; margin:5px 2%;}
.device_box_img img{ width:100%; height:100px;}
.device_box_title{ width:86%; height:30px; overflow:hidden; font-size:14px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box_more{ width:86%; height:30px; overflow:hidden; font-size:12px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box:hover{ width:48%; height:170px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box:hover .device_box_title{ color:#fff; }
.device_box:hover .device_box_more{ color:#fff; }

/*news*/
.newsnav{width: 80%;height:auto; overflow:hidden; margin:-7% auto 0 auto; position:relative; z-index:33;}
.newsnav ul{width:80px;height: 30px; overflow:hidden; float:left; margin:0 auto 0 1%;font-size:16px; color: #fff; background-color: #056cc1; line-height:30px;text-align: center;background-color:rgba(255,255,255,0.4);}
.newsnav ul:hover{color: #056cc1; transition: all 0.5s}
.newsnav ul .newsnav_titlea{width:100%;height:auto; overflow:hidden; font-size:16px; color: #056cc1; text-align:center;transition: all 0.5s}

.newsnav_l{ width:80%; height:40px; overflow:hidden; margin:3% auto 0 auto; font-size:20px; line-height:100%; color: #056cc1; text-align:center; background:url("../img/images/xiek.png") no-repeat center bottom; background-size:75% 40%;}
.newsnav_l span{ font-size:14px; color: #056cc1; text-align:center; line-height:100%;}

.news2{width: 100%;height:140px; margin:15px auto; background-color:#056cc1;overflow: hidden; transition:all 0.5s;}
.news2_l{width: 50%;height: auto; float:left; margin:2% auto 2% 5%;overflow: hidden}
.news2_l_a{ width:100%; height:20px; overflow:hidden; font-size:12px; color: #fff; line-height:20px;}
.news2_l_b{ width:100%; height:25px; overflow:hidden; font-size:14px; color: #fff; line-height:25px; font-weight:bold;}
.news2_l_c{ width:100%; height:40px; overflow:hidden; font-size:12px; color: #fff; line-height:20px;}
.news2_l_d{ width:60px; height:20px;overflow:hidden; font-size:12px; color: #fff; line-height:20px; border:1px solid #fff; text-align:center; margin-top:10px;}
.news2:hover .news2_l_d{ width:80px; height:25px;overflow:hidden; font-size:14px; color: #fff; line-height:25px; border:1px solid #fff; background-color:#5d9bce;}
.news2_r{width: 40%;height: 90%; float:right; margin:2.5%;overflow: hidden}
.news2_r .news2_img{width: 100%;height:90%;overflow: hidden;transition: all 0.5s;}
.news2_r .news2_img img{width: 100%; height:100%; transition: all 0.5s;}
.news2:hover{width: 100%;height: 140px; margin:15px auto; background-color:#a8b8c5;overflow: hidden; transition:all 0.5s;}
.news3{width: 90%;height: 25px; margin:0 auto; border-bottom:1px solid #056cc1; overflow: hidden; transition:all 0.5s;}
.news3_l_a{ width:75%; height:25px; overflow:hidden; font-size:14px; color: #666; line-height:25px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}
.news3_l_b{ width:25%; height:25px; overflow:hidden; font-size:12px; color: #999; line-height:25px; text-align:center; float:left;}
.news3:hover .news3_l_a{ width:85%; height:25px; overflow:hidden; font-size:18px; color: #056cc1; line-height:40px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}


/*view*/
.content{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.content_con{ width:90%; height:auto; overflow:hidden;margin:40px auto;}
.con_title{ font-size:16px; color:#056cc6; line-height:130%;}
.con_title span{ font-size:12px; color:#056cc6; line-height:120%;}
.con_content{width: 100%;height: auto;overflow:hidden;margin:10px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.con_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*案例*/
.casenav{width:100%;height:auto; overflow:hidden; margin:-6% auto 0 auto; position:relative; z-index:33; text-align:center;}
.casenav ul{width:90px;height:50px;overflow:hidden; display:inline-block; margin:0 auto 0 2%;font-size:16px; color: #fff; background:url("../img/images/ti.png") no-repeat center; background-size:100% 100%; line-height:30px;text-align: center;}
.casenav ul:hover{color: #b27c12; transition: all 0.5s}
.casenav ul .casenav_titlea{width:100%;height:auto; overflow:hidden; font-size:16px; color: #b27c12; text-align:center;transition: all 0.5s}

.casenav_l{ width:90%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.casenav_l_l{ width:35%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:16px; color: #056cc1; text-align:center;background:url("../img/images/le.png") no-repeat left center; background-size:10% 100%;}
.casenav_l_l span{ font-size:12px; color: #056cc1; text-align:center;}
.casenav_l_r{ width:65%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.case{width: 90%;height: auto;margin: 0 auto;overflow: hidden;min-height: 400px;}
.case ul{width: 100%;height: auto;overflow: hidden;margin-top:10px;}
.case ul li{width: 100%;height:auto;overflow: hidden;margin:10px 0;background-color: #056cbf;transition: all 0.5s;}
.case ul li .case_l{width: 43%;height:100%;overflow: hidden;transition: all 0.5s; padding:1%;}
.case ul li .case_l img{height:100px;width: 100%;transition: all 0.5s;}
.case ul li .case_r{width: 55%;height:100%;}
.case ul li .case_r_c{width:90%;margin:3% 0 0 8%;}
.case ul li .case_r_c h3{font-size: 14px;color: #fff;transition: all 0.5s; height:30px; line-height:30px; overflow:hidden;}
.case_r_c p{font-size:12px; height:40px; overflow:hidden; color: #fff;line-height:20px;margin-top:0;}
.case_r_c .more{width:80px; font-size:12px; line-height:1.5;background-color:#fff; margin-top:3%;text-align: center;}
.case_r_c .more a{display: inline-block; font-size:12px; width: 100%;height: 100%;color: #5da2d8;}
.case ul li:hover .case_l img{ height:100px;transition: all 0.5s;transform:scale(1.2);}
.case ul li:hover .case_r_c h3{color: #fff;transition: all 0.5s;}
/*caseview*/
.casecontent_con{ width:90%; height:auto; overflow:hidden;margin:50px auto;}
.casecon_title{ width:100%; height:auto; overflow:hidden;  }
.casecon_title_con{font-size:16px; color:#fff; line-height:140%; background-color:#056cc6; padding:5px;}
.casecon_title_into{ font-size:12px; color:#056cc6; line-height:140%; margin-top:20px; text-indent:2em;}
.casecon_content{width:100%;height: auto;overflow:hidden; margin:20px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.casecon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*招聘*/
.introduction{width:85%;margin:5% auto}
.introduction_t{ width:100%; height:35px; overflow:hidden; margin:0 auto;}
.introduction_t_l{ width:34%; height:35px; float:left; border-right:1px solid #056cc6;}
.introduction_t_c{ width:30%; height:35px; float:left; font-size:20px; color:#056cc6; text-align:center; margin:0 1%; border-left:1px solid #056cc6; border-right:1px solid #056cc6; line-height:100%;}
.introduction_t_c span{ font-size:12px; color:#056cc6; text-align:center;}
.introduction_t_r{ width:32%; height:35px; float:left; border-left:1px solid #056cc6;}
.introduction_con{ width:100%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.introduction_box{ width:48%; height:120px; overflow:hidden; margin:1%; float:left; position:relative;}
.introduction_box img{ width:100%; height:120px;}
.introduction_title{ width:80%; height:35px; overflow:hidden; position:absolute; bottom:5%; left:5%; font-size:18px; color:#fff; line-height:35px;}

/*招聘view*/
.jobcontent{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.jobcontent_con{ width:90%; height:auto; overflow:hidden;margin:20px auto;}
.jobcon_title{ font-size:16px; color:#333333; line-height:140%; background:url("../img/images/tx.png") no-repeat left center; background-size:5% 50%; padding-left:7%}
.jobcon_title span{ font-size:12px; color:#666666; line-height:120%;}
.jobcon_content{width: 100%;height: auto;overflow:hidden;margin:20px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.jobcon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

.foot_bg{ width:100%; height:450px; overflow:hidden; position:relative;background-color:#606060;}

.fmap_logo{ width:20%; height:auto; overflow:hidden; position:absolute; left:20%; top:20%; display:none;}
.fmap_logo img{ width:100%; height:auto;}
.foot_map{width:50%; height:280px; overflow:hidden; position:absolute; right:5%; top:5%;display:none;}
}
@media all and (max-width:380px){
.head{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; display: none;}
.headm{width: 100%;height:auto;position: fixed;top:0;left: 0;z-index: 100; display: block; background-color:rgba(5,108,210,0.77);}
.headerLeft{ width:50%; height:60px; float:left;}
.headerLeft img{ height:40px; margin-top:10px; margin-left:5%;}
.headerRught{ width:50%; height:60px; float:right; text-align:right;}
.headerRught input{ height:30px; margin-top:15px; margin-right:5%;}
.margin5{margin-top:60px;}

.mo_nav{ width:100%; height:auto; background-color:rgba(255,255,255,0.85); position:absolute; z-index:100; margin-top:60px;}
/*--内页侧边导航--*/
.subNav{width:90%; height:45px; cursor:pointer; font-size:16px; text-indent:1em; line-height:45px; background:url(../img/images/sorrow.png) no-repeat center left; margin:0 auto; border-bottom:1px  dotted #1860bf;}
.navContent{ display:none;width:100%; height:auto;}
.navContent li{width:85%; height:45px; margin:0 auto;}
.navContent li a{display:block;width:100%; height:45px;text-align:left;font-size:14px;line-height:45px;color:#666;}
.navContent li a:hover{color:#1860bf;}
.navsama{color:#1860bf;}

/*about*/
.section2{width: 100%;height: auto;overflow: hidden; background: url("../img/images/bg02.png") no-repeat 100% 30%; background-size:100%;}
.about{width: 100%;height:100%;overflow: hidden;}
.about_top{width: 90%;height:45%; overflow:hidden; margin:2% auto 0 auto;}
.about_top_l{ width:100%; height:42%; overflow:hidden;}
.about_top_l_t{ width:100%; height:49%; overflow:hidden;}
.about_top_l_t_h{ width:65px; height:2px; background-color:#056cd2; display:block;}
.about_top_l_t_z{ width:100%; height: auto; font-size:18px; color:#056cd2; line-height:25px; display:block; margin-top:5px; letter-spacing:3px;}
.about_top_l_d{ width:100%; height:50%; overflow:hidden;}
.about_top_l_d_k{ width:32%; height:40px; font-size:12px; color:#056cd2; line-height:20px; text-align:center; float:left; }
.about_top_l_d_k span{  font-size:18px; color:#056cd2; line-height:20px; text-align:center; }
.about_top_l_d_s{ width:32%; height:40px; font-size:14px; color:#056cd2; line-height:20px; text-align:center; float:left; border-left:1px solid #056cd2; }
.about_top_l_d_s span{ font-size:14px; color:#056cd2; line-height:20px; text-align:center; }

.about_top_r{ width:100%; height:50%; overflow:hidden;}
.about_top_r_t{width:100%; height:60px; overflow:hidden; font-size:14px; color:#666; line-height:20px;}
.about_top_r_more{ width:80px; height:25px; overflow:hidden;font-size:14px; color:#056cd2; line-height:25px; border:2px solid #056cd2; float:right; text-align:center; margin-top:5px;}

.about_bottom{width: 80%;height:45%;overflow: hidden; margin:1% auto 0 auto;}
.about_video{ width:100%; height:100%; overflow:hidden; margin:0 auto;}
.neImg{ width:100%; height:220px;}


/*brand*/
.section3{width: 100%;height: auto;overflow: hidden;background: url("../img/images/bg03.jpg") no-repeat center; background-size:auto 100%;}
.brand{width: 100%;height: 100%;overflow: hidden;}
.brand_top{width:90%;height:18%; overflow:hidden; margin:2% auto 0 auto;}
.brand_top_l{ width:40%; height:100%; float:left; border-right:2px solid #fff; font-size:22px; letter-spacing:4px;color:#fff; line-height:120%;}
.brand_top_r{ width:57%; height:100%; overflow:hidden; margin:10% auto 0 2%; float:left; font-size:16px; letter-spacing:3px;color:#fff; line-height:140%;}
.brand_bottom{width: 90%;height:75%;overflow: hidden; margin:2% auto 0 auto;}
.brand_bottom_box{ width:46%; height:40%; float:left;overflow:hidden; border:2px solid #fff; position:relative; margin:2% 1%;}
.brand_bottom_box_title{ width:40%; height:18%; margin:2% auto 5% auto; border-bottom:2px solid #fff; font-size:18px; letter-spacing:5px;color:#fff; line-height:150%; text-align:center;}
.brand_bottom_box_center{ width:80%; height:20px; margin:0 auto; font-size:12px; color:#fff;  line-height:20px; overflow:hidden;}
.brand_bottom_box_rz{ width:30%; height: auto; margin:0 auto; font-size:12px; color:#fff; line-height:160%; text-align:center;}
.brand_bottom_box_rz pre{font-size:12px; color:#fff; line-height:160%; text-align:center; margin-left:-50%; font-family:"microsoft yahei"; letter-spacing:1px;}
.brand_bottom_box_more{ width:70px; height:25px; bottom:10px; left:20%; position:absolute; background:#499ce5 url("../img/images/fang.png") no-repeat; background-position:90% 50%;font-size:14px; color:#fff; line-height:180%; text-indent:0.5em;}

/*zongh*/
.section4{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.jpg") no-repeat center; background-size:auto 100%;}
.zongh{width: 100%;height: 100%;overflow: hidden; position:relative;}
.zongh_z{ width:80%; height:30px; overflow:hidden; position:absolute; top:3%; left:4%; border-left:1px solid #fff;}
.zongh_z_l{ width:125px; height:30px; overflow:hidden; margin:0 10px; float:left; font-size:18px; color:#fff; line-height:100%;}
.zongh_z_l span{font-size:12px; color:#b45b16; line-height:100%;}
.zongh_z_r{ width:220px; height:2px; background-color:#fff; float:left; margin-top:14px;}
.zongh_con{ width:90%; height:80%; overflow:hidden; margin:15% auto 0 auto;}
.zongh_con_t{ width:100%; height:130px; overflow:hidden; margin:0 auto;}
.zongh_con_k{ width:40%; height:120px; float:left; overflow:hidden; transition:all 0.5s; margin:5px 5%;}
.zongh_con_k_img{ width:100%; height:120px; overflow:hidden; position:relative; z-index:3;}
.zongh_con_k_img img{ width:100%; height:120px;}
.zongh_con_k_h{ width:137px; height:120px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0.4); margin-top:-120px; transition:all 0.5s;}
.zongh_con_k_h li{font-size:20px; color:#fff; line-height:100%; text-align:center; opacity: 1; margin-top:30%;}
.zongh_con_k_h li span{font-size:14px; color:#abb1b4; line-height:100%; text-align:center;}

.zongh_con_k:hover .zongh_con_k_h{ width:137px; height:120px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0); margin-top:-120px; transition:all 0.5s;}
.zongh_con_k:hover .zongh_con_k_h li{font-size:20px; color:#fff; line-height:100%; text-align:center; opacity: 1;}
.zongh_more{ width:70px; height:20px; overflow: hidden; margin:10px auto 0 auto; border:1px solid #fff; background-color:#056cd2;font-size:14px; color:#fff; line-height:20px; text-align:center;}

/*contact*/
.section5{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.png") no-repeat center; background-size:auto 40%;}
.contact{width: 100%;height: 100%;overflow: hidden;}
.contact_a{ width:90%; height:auto; overflow:hidden;font-size:34px; color:#056cd2; line-height:150%; text-align:center; margin:10% auto 0 auto; font-weight:bold;}
.contact_b{ width:90%; height:auto; min-height:30px;font-size:16px; color:#fff; line-height:30px; text-align:center; background-color:rgba(180,91,22,0.7); margin:1% auto 0 auto;}
.contact_c{ width:90%; height:auto; overflow:hidden;font-size:24px; color:#056cd2; line-height:150%; text-align:center; margin:1% auto 0 auto;}
.contact_d{ width:90%; height:auto; overflow:hidden;font-size:12px; color:#b1b1b1; line-height:150%; text-align:center; margin:0 auto;}


/*video*/
.section6{width: 100%;height:auto;overflow: hidden;}
.video{width: 100%;height: 100%;overflow: hidden;}
.video_k{width: 100%;height: 100%;overflow: hidden;}
.pronav{ width:90%; height:auto; position:absolute; z-index:999; bottom:80px; left:5%;}
.pronav_b{ float:left; padding:5px; margin:5px 5px; border:1px solid #828a95; font-size:16px; color:#fff; line-height:100%; text-align:center;}
.pronav_b:hover{ float:left; padding:5px; margin:5px 5px; border:1px solid #828a95; font-size:16px; color:#fff; line-height:100%; text-align:center;background-color:rgba(5,108,210,0.28);}

/*news*/
.section7{width: 100%;height:auto;overflow: hidden;}
.news{width: 100%;height: 100%;overflow: hidden;}
.news_con{ width:90%; height:98%; overflow: hidden; margin:1% auto 0 auto;}
.news_con_nav{ width:90%; height:auto; overflow: hidden; margin:0 auto;}
.news_con_nav_t{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:20px; color:#056cd2; line-height:140%; text-align:center; font-weight:bold;}
.news_con_nav_d{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.news_con_nav_a{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_nav_b{ width:45%; height:auto; float:left; margin:0 2%;  font-size:16px; color:#056cd2; line-height:150%; text-align:center;}
.news_con_nav_c{ width:25%; height:2px; float:left; background-color:#056cd2; margin:4% auto 0 auto;}
.news_con_k{ width:100%; height: auto; overflow: hidden; margin:1% auto 0 auto;}
.news_con_k_b{ width:48%; height:auto; overflow:hidden; float:left; margin:2% 1%;}
.news_con_k_b_img{ width:100%; height:100px; overflow:hidden;}
.news_con_k_b_img img{ width:100%; height:100px;}
.news_con_k_b_z{ width:90%; height:auto; overflow:hidden; margin:2% auto;}
.news_con_k_b_z_time{ width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:12px; color:#056cd2; line-height:120%; text-align:center; }
.news_con_k_b_z_t{ width:100%; height:20px; overflow:hidden; margin:5px auto 0 auto; font-size:14px; color:#056cd2; line-height:20px;}
.news_con_k_b_more{ width:100%; height:25px; overflow:hidden; background-color:#056cd2; font-size:14px; color:#fff; line-height:25px; text-align:center;}
.news_con_k_b:hover .news_con_k_b_more{background-color:#6695c4;}
/*foot*/
.section8{width: 100%;height:auto;overflow: hidden; background-color:#606060;}
.map{width: 100%;height: 100%;overflow: hidden;}
.map_top{ width:100%; height:80px; overflow: hidden; background:#056cd2 url("../img/images/sjian.png") no-repeat center; background-size:7% 92%; display:none;}
.map_left{ width:90%; height:auto; position:absolute; left:5%; top:20%;}
.map_left_er{ width:100px; height:130px; overflow:hidden;}
.map_left_er_img{ width:100px; height:100px; overflow:hidden;}
.map_left_er_img img{ width:100px; height:100px;}
.map_left_er_title{ width:100%; height:25px; overflow:hidden;font-size:14px; color:#fff; line-height:25px; text-align:center; }
.map_left_z{ width:100%; height:25px; font-size:14px; color:#fff; line-height:25px;}
.map_left_z_img{ width:18px; height:18px; float:left; text-align:center;}
.map_left_z_img img{ width:18px; height:18px;}
.map_left_z_wen{ width:90%; height:25px;font-size:14px; color:#fff; line-height:25px; float:left; margin-left:2%;}
.map_logo{ width:50%; height:auto; overflow:hidden; position:absolute; right:10%; top:25%;}
.map_logo img{ width:100%; height:auto;}
.map_nav{ width:90%; height:auto; overflow:hidden; position:absolute; right:5%; top:13%; display:none;}
.map_nav_line{ width:100%; height:auto; overflow:hidden; border-bottom:2px solid #fff; padding:10px 0;}
.map_nav_line img{ width:auto; height:90%;}
.map_nav_box{ width:13%; height:auto; float:left; overflow:hidden; margin:15px 0.6%;}
.map_nav_big{ width:100%; height:auto; float:left; overflow:hidden; font-size:18px; color:#fff; line-height:150%; text-align:center; margin-bottom:20px;}
.map_nav_smoll{ width:100%; height:auto; float:left; overflow:hidden;font-size:16px; color:#fff; line-height:150%; text-align:center;}
.map_nav_smoll:hover{color:#056cd2;}


/*about*/
.aboutnei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; background:#cdf2fe url("../img/images/about_bg.jpg") no-repeat center bottom;  background-size:100%;}
.aboutnei_k{ width:90%; height:auto; overflow:hidden; margin:10% auto 0 auto;}
.aboutnei_k_l{ width:100%; height:auto; overflow:hidden; }
.aboutnei_k_l_top{ width:100%; height:auto; overflow:hidden;}
.aboutnei_k_l_top_title{ width:30%; height:auto; float:left; overflow:hidden; font-size:16px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_title span{ font-size:12px; color:#056cc7; line-height:120%}
.aboutnei_k_l_top_line{ width:70%; height:2px; float:left; margin-top:30px; background-color:#056cc7;}
.aboutnei_k_l_con{ width:100%; height:auto; overflow:hidden; margin-top:30px; margin-bottom:130px; font-size:16px; color:#666; padding:0;}
.aboutnei_k_l_con ul input{ width:30px; height:30px;background:url("../img/images/an.png") no-repeat center; background-size:100%; border:0;}
.aboutnei_k_r{ width:100%; height:20%; overflow:hidden; margin:20px auto;}

.aboutnav{width:100%;height:auto; overflow:hidden; margin:-12% auto 0 auto; position:relative; z-index:33; text-align:center;}
.aboutnav ul{width: 60px;height: 60px;overflow:hidden; display:inline-block; margin:0 2%;font-size:12px; color: #fff; background-color:rgba(137,137,137,0.6);line-height:60px;text-align: center; border-radius:65px}
.aboutnav ul:hover{color: #056cc7; transition: all 0.5s}
.aboutnav ul .aboutnav_titlea{width:100%;height:auto; overflow:hidden; font-size:12px; color: #056cc7; text-align:center;transition: all 0.5s}


/*culture*/
.culture{ width:100%; height:auto; min-height:800px; overflow:hidden; position:relative; margin:3% auto 0 auto; background:url("../img/images/cule.jpg") no-repeat center;}
.culture_nav{ width:50%; height:auto; overflow:hidden; margin:2% auto 0 5%; position:absolute;}
.culture_title{ width:50%; height:auto; float:left; overflow:hidden; font-size:16px; color:#fff; line-height:120%}
.culture_title span{ font-size:14px; color:#fff; line-height:120%}
.culture_box{ width:25%; height:100%; min-height:800px; overflow:hidden; position:relative; background-color:rgba(0,0,0,0.2); float:left;}
.culture_box_y{ width:40px; height:40px; background-color:#056cc7; border-radius:20px; position:absolute; left:30%; top:10%;}
.culture_box_z{ width:50px;height:70px; font-size:60px; color:#fff; line-height:120%; position:absolute; top:-30px; left:-10px;}
.culture_box_con{ width:40px; height:auto; overflow:hidden;font-size:22px; color:#fff; letter-spacing:5px; font-weight:bold; font-family:"siyuan";writing-mode:tb-rl; position:absolute; left:20%; top:20%;}
.culture_box:hover{ width:25%; height:100%; min-height:800px; overflow:hidden;letter-spacing:5px;  position:relative; background-color:rgba(0,0,0,0); float:left;}


.leader{width: 100%;height: auto;margin:30px auto;overflow: hidden;}
.leader_top{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.leader_top_l{ width:36.5%; height:2px; float:left; background-color:#056cc7; margin-top:30px;}
.leader_top_c{ width:25%; height:auto; float:left; overflow:hidden; margin:0 1%; font-size:20px; color: #056cc7; text-align:center; }
.leader_top_c span{ font-size:14px; color: #056cc7; text-align:center; }
.leader_top_r{ width:36.5%; height:2px; float:left; background-color:#056cc7; margin-top:30px; }
.Box_team { width:80%;position: relative;  margin:0 auto ;}
.Box_team .content_team {width:100%;margin: 0 auto;}
.Box_team .Box_con {position: relative;}
.Box_team .btnl_team {position: absolute;}
.Box_team .btn_team {display: block;width: 25px;height: 25px;position: absolute;top:90px;cursor: pointer;}
.Box_team .btnl_team { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -30px;}
.Box_team .btnr_team { display:block;background: url(../IMG/images/right.png) no-repeat center; background-size:100% 100%; right: -30px;}
.Box_team .Box_con .conbox {position: relative;overflow: hidden;}
.Box_team .Box_con .conbox ul {position: relative;list-style: none;}
.Box_team .Box_con .conbox ul li {width:290px; height:100%; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_team .Box_con .conbox ul a li .picimg{ width:290px; height:100%; overflow:hidden;}
.box_pic{ width:290px; height:100%; overflow:hidden;}

.team{ width:100%; height:auto; overflow:hidden; margin:0 auto; background-color:#e2e2e2; padding:20px 0;}
.team_k{ width:80%; height:auto; overflow:hidden; margin:0 auto;}
.team_k_l_top{ width:48%; height:auto; overflow:hidden;}
.team_k_l_top_title{ width:80%; height:auto; float:left; overflow:hidden; font-size:18px; color:#056cc7; line-height:120%}
.team_k_l_top_title span{ font-size:12px; color:#056cc7; line-height:120%}
.team_k_l_top_line{ width:0; height:2px; float:left; margin-top:40px; background-color:#056cc7;}
.team_k_box{ width:45%; height:auto; overflow:hidden; float:left; border:2px solid #056cc7; margin:20px 0.8%;}
.team_k_box img{ width:100%; max-hight:400px;}

.working{ width:100%; height:auto; margin:30px auto; overflow:hidden;}
.working_k{ width:90%; height:auto; overflow:hidden; margin:20px auto 0 auto;}
.working_k_box{ width:47%; height:auto; float:left; margin:10px 1.5%;}
.working_k_box img{ width:100%; max-height:250px;}


/*品牌*/
.brandnav{width: 90%;height:auto; overflow:hidden; margin:-9% auto 0 auto; position:relative; z-index:33; text-align:center;}
.brandnav ul{width:80px;height:30px; overflow:hidden; margin:0 auto 0 2%;font-size:14px; display:inline-block; color: #fff; border:1px solid #fff; line-height:30px;text-align: center;}
.brandnav ul:hover{color: #056cc7; transition: all 0.5s}
.brandnav ul .brandnav_titlea{width:100%;height:auto; overflow:hidden; font-size:14px; color: #056cc7; border:1px solid #fff; text-align:center;transition: all 0.5s}
.brands{ width:100%; height:auto; overflow:hidden; background:url("../img/images/46.jpg") no-repeat center; background-size:100% 100%; margin:20px auto 0 auto;}
.brands_box{ width:80%; height:auto; overflow:hidden;  margin:2% auto;}
.brands_box_l{ width:30%; height:auto;  margin:2% auto; float: none;}
.brands_box_l img{ width:100%; height:auto; }
.brands_box_r{ width:100%; height:auto;  margin:0 auto; float: none;}
.brands_box_title{ width:auto; height:auto; overflow:hidden; border-bottom:1px solid #fff; font-size:16px; color:#fff; line-height:25px; font-weight:bold;}
.brands_box_con{ width:100%; height:auto; overflow:hidden; font-size:12px; color:#fff; line-height:20px; margin-top:20px; }
.brands_box_con img{ max-width:100%;}

.course{ width:100%; height:100px; margin:0 auto; overflow:hidden;}
.course_a{ width:50%; height:100px; float:left; background-color:#056cc2; overflow:hidden; position:relative;}
.course_a_k{ width:90%; height:auto; float:right; margin:5px 2% 0 auto; overflow:hidden;}
.course_a_k_t{ width:100%; height:20px; overflow:hidden; font-size:14px; color:#fff; line-height:20px; font-weight:bold;}
.course_a_k_b{ width:100%; height:40px; overflow:hidden; font-size:12px; color:#fff; line-height:20px;}
.course_a_k_by{ width:10px; height:10px; overflow:hidden; position: absolute; right:10px; bottom:5px; background:url("../img/images/right.png") no-repeat center; background-size:100%;}
.course_a_k_byy{ width:10px; height:10px; overflow:hidden; position: absolute; left:10px; bottom:5px; background:url("../img/images/left.png") no-repeat center; background-size:100%;}
.course_b{ width:50%; height:100px; float:left; overflow:hidden;}
.course_b img{ width:100%; height:100%; max-height:100px;}

.honor{ width:90%; height:auto; margin:0 auto;}
.honor_a{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.honor_a_box{ width:19%; height:auto; overflow:hidden; float:left; margin:0 0.5%;}
.honor_a_box_title{ width:100%; height:25px; overflow:hidden; font-size:12px; color:#056cc2; text-align:center; line-height:25px; padding:0;}
.honor_a_box_img{ width:100%; height:auto; overflow:hidden;}
.honor_a_box_img img{ width:100%; height:auto;}



.honor_b{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.honor_b_t{ width:90px; height:25px; overflow:hidden; margin:5px auto; font-size:16px; color:#fff; text-align:center; line-height:px; background-color:#056cc2;}
.honor_b_k{ width:100%; height:auto; overflow: hidden; background-color:#056cc2;}
.honor_b_k_box{ width:19%; height:87px; overflow:hidden; float:left; margin:10px 3%;}
.honor_b_k_box img{ width:100%; height:100%;}

.honor_d_k_box{ width:16%; height:75px; overflow:hidden; float:left; margin:5px 0.3%;}
.honor_d_k_box img{ width:100%; height:100%;}

.honor_c{ width:100%; height:auto; margin-top:20px;}
.honor_c_t{ width:100%; height:30px; overflow:hidden; font-size:18px; color:#fff; text-align:center; line-height:30px; background-color:#056cc2;}
.Box_teams { width:80%;position: relative;  margin:0 auto ;}
.Box_teams .content_teams {width:100%;margin: 0 auto;}
.Box_teams .Box_cons {position: relative;}
.Box_teams .btnl_teams {position: absolute;}
.Box_teams .btn_teams {display: block;width: 25px;height: 25px;position: absolute;top:60px;cursor: pointer;}
.Box_teams .btnl_teams { display:block;background: url(../IMG/images/left.png) no-repeat center; background-size:100% 100%; left: -30px;}
.Box_teams .btnr_teams { display:block;background: url(../IMG/images/right.png) no-repeat center;  background-size:100% 100%; right: -30px;}
.Box_teams .Box_cons .conboxs {position: relative;overflow: hidden;}
.Box_teams .Box_cons .conboxs ul {position: relative;list-style: none;}
.Box_teams .Box_cons .conboxs ul li {width:120px; height:auto; float:left; margin:0 auto; padding:10px; overflow:hidden;}
/*.Box_team .Box_con .conbox ul li:first-child {margin-left: 0;}*/
.Box_teams .Box_cons .conboxs ul a li .picimgs{ width:120px; height:auto;}
.box_pics{ width:120px;}


/*产品*/
.onenav{ width:100px; height:45px; overflow:hidden; margin:3% auto 0 auto; background-color:#056cc6; font-size:20px; color:#fff; line-height:25px; text-align:center;}
.onenav span{font-size:12px; color:#fff; line-height:20px; text-align:center;}

.subnav{width: 90%;height:auto; overflow:hidden; margin:5% auto;}
.subnav ul{width:23%;height:auto; overflow:hidden; float:left; margin:1% 0.6%;}
.subnav ul .navimg{width:100%; height:auto; text-align: center;}
.subnav ul .navimg img{width:50%; height:auto; max-width:85px;}
.subnav ul .subnav_title{width:100%;height:auto; overflow:hidden; font-size:14px; color: #056cc6; text-align:center;transition: all 0.5s}
.subnav ul:hover .subnav_title{color: #a85b16; transition: all 0.5s}
.subnav ul .subnav_titlea{width:100%;height:auto; overflow:hidden; font-size:14px; color: #a85b16; text-align:center;transition: all 0.5s}

.product{ width:90%; height:auto; overflow:hidden; margin:0 auto;}
.product_box{ width:48%; height:230px; overflow:hidden; float:left; margin:10px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box_img{ width:94%; height:155px; overflow:hidden; margin:5px 3%;}
.product_box_img img{ width:100%; height:155px;}
.product_box_title{ width:86%; height:30px; overflow:hidden; font-size:14px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box_more{ width:86%; height:30px; overflow:hidden; font-size:12px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.product_box:hover{ width:48%; height:230px; overflow:hidden; float:left; margin:10px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.product_box:hover .product_box_title{ color:#fff; }
.product_box:hover .product_box_more{ color:#fff; }

/*设备*/
.devnav{width: 80%;height:auto; overflow:hidden; margin:-8.1% auto 0 auto; position:relative; z-index:33;}
.devnav ul{width:80px;height:30px; overflow:hidden; float:left; margin:0 auto 0 2%;font-size:16px; color: #fff; background-color: #056cc1; line-height:30px;text-align: center;transform: skewX(-20deg);
}
.devnav ul:hover{color: #a85b16; transition: all 0.5s}
.devnav ul .devnav_titlea{width:100%;height:auto; overflow:hidden; font-size:16px; color: #a85b16; text-align:center;transition: all 0.5s}
.devnav_l{ width:90%; height:auto; overflow:hidden; margin:2% auto 0 auto;}
.devnav_l_l{ width:30%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:18px; color: #056cc1; text-align:center;}
.devnav_l_l span{ font-size:12px; color: #056cc1; text-align:center;}
.devnav_l_r{ width:70%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.device{ width:90%; height:auto; overflow:hidden; margin:5% auto;}
.device_box{ width:48%; height:160px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#fff; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box_img{ width:94%; height:90px; overflow:hidden; margin:5px 3%;}
.device_box_img img{ width:100%; height:90px;}
.device_box_title{ width:86%; height:30px; overflow:hidden; font-size:14px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box_more{ width:86%; height:30px; overflow:hidden; font-size:12px; color:#333; line-height:30px; text-align:center; margin:0 auto;}
.device_box:hover{ width:48%; height:160px; overflow:hidden; float:left; margin:15px 0.5%; background-color:#056cc6; border:1px solid #056cc6;-moz-box-shadow:0px 1px 10px #666; -webkit-box-shadow:0px 1px 10px #666; box-shadow:0px 1px 10px #666;}
.device_box:hover .device_box_title{ color:#fff; }
.device_box:hover .device_box_more{ color:#fff; }

/*news*/
.newsnav{width: 80%;height:auto; overflow:hidden; margin:-8% auto 0 auto; position:relative; z-index:33;}
.newsnav ul{width:80px;height: 30px; overflow:hidden; float:left; margin:0 auto 0 1%;font-size:16px; color: #fff; background-color: #056cc1; line-height:30px;text-align: center;background-color:rgba(255,255,255,0.4);}
.newsnav ul:hover{color: #056cc1; transition: all 0.5s}
.newsnav ul .newsnav_titlea{width:100%;height:auto; overflow:hidden; font-size:16px; color: #056cc1; text-align:center;transition: all 0.5s}

.newsnav_l{ width:80%; height:35px; overflow:hidden; margin:3% auto 0 auto; font-size:18px; line-height:100%; color: #056cc1; text-align:center; background:url("../img/images/xiek.png") no-repeat center bottom; background-size:75% 40%;}
.newsnav_l span{ font-size:12px; color: #056cc1; text-align:center; line-height:100%;}

.news2{width: 100%;height:120px; margin:15px auto; background-color:#056cc1;overflow: hidden; transition:all 0.5s;}
.news2_l{width: 50%;height: auto; float:left; margin:1% auto 2% 5%;overflow: hidden}
.news2_l_a{ width:100%; height:20px; overflow:hidden; font-size:12px; color: #fff; line-height:20px;}
.news2_l_b{ width:100%; height:20px; overflow:hidden; font-size:14px; color: #fff; line-height:20px; font-weight:bold;}
.news2_l_c{ width:100%; height:40px; overflow:hidden; font-size:12px; color: #fff; line-height:20px;}
.news2_l_d{ width:60px; height:20px;overflow:hidden; font-size:12px; color: #fff; line-height:20px; border:1px solid #fff; text-align:center; margin-top:5px;}
.news2:hover .news2_l_d{ width:60px; height:20px;overflow:hidden; font-size:12px; color: #fff; line-height:20px; border:1px solid #fff; background-color:#5d9bce;}
.news2_r{width: 40%;height: 90%; float:right; margin:2.5%;overflow: hidden}
.news2_r .news2_img{width: 100%;height:90%;overflow: hidden;transition: all 0.5s;}
.news2_r .news2_img img{width: 100%; height:100%; transition: all 0.5s;}
.news2:hover{width: 100%;height: 120px; margin:15px auto; background-color:#a8b8c5;overflow: hidden; transition:all 0.5s;}
.news3{width: 90%;height: 25px; margin:0 auto; border-bottom:1px solid #056cc1; overflow: hidden; transition:all 0.5s;}
.news3_l_a{ width:75%; height:25px; overflow:hidden; font-size:14px; color: #666; line-height:25px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}
.news3_l_b{ width:25%; height:25px; overflow:hidden; font-size:12px; color: #999; line-height:25px; text-align:center; float:left;}
.news3:hover .news3_l_a{ width:85%; height:25px; overflow:hidden; font-size:18px; color: #056cc1; line-height:40px; background:url("../img/images/c.png") no-repeat left center; text-indent:1.5em; float:left;}


/*view*/
.content{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.content_con{ width:90%; height:auto; overflow:hidden;margin:40px auto;}
.con_title{ font-size:16px; color:#056cc6; line-height:130%;}
.con_title span{ font-size:12px; color:#056cc6; line-height:120%;}
.con_content{width: 100%;height: auto;overflow:hidden;margin:10px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.con_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*案例*/
.casenav{width:100%;height:auto; overflow:hidden; margin:-7% auto 0 auto; position:relative; z-index:33; text-align:center;}
.casenav ul{width:80px;height:45px;overflow:hidden; display:inline-block; margin:0 auto 0 2%;font-size:14px; color: #fff; background:url("../img/images/ti.png") no-repeat center; background-size:100% 100%; line-height:25px;text-align: center;}
.casenav ul:hover{color: #b27c12; transition: all 0.5s}
.casenav ul .casenav_titlea{width:100%;height:auto; overflow:hidden; font-size:14px; color: #b27c12; text-align:center;transition: all 0.5s}

.casenav_l{ width:90%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.casenav_l_l{ width:35%; height:auto; overflow:hidden; margin:0 auto; float:left; font-size:14px; color: #056cc1; text-align:center;background:url("../img/images/le.png") no-repeat left center; background-size:10% 100%;}
.casenav_l_l span{ font-size:12px; color: #056cc1; text-align:center;}
.casenav_l_r{ width:65%; height:2px; overflow:hidden; background-color:#056cc1; margin-top:20px; float:right;}

.case{width: 90%;height: auto;margin: 0 auto;overflow: hidden;min-height: 400px;}
.case ul{width: 100%;height: auto;overflow: hidden;margin-top:10px;}
.case ul li{width: 100%;height:auto;overflow: hidden;margin:10px 0;background-color: #056cbf;transition: all 0.5s;}
.case ul li .case_l{width: 43%;height:100%;overflow: hidden;transition: all 0.5s; padding:1%;}
.case ul li .case_l img{height:90px;width: 100%;transition: all 0.5s;}
.case ul li .case_r{width: 55%;height:100%;}
.case ul li .case_r_c{width:90%;margin:0 0 0 8%;}
.case ul li .case_r_c h3{font-size: 14px;color: #fff;transition: all 0.5s;}
.case_r_c p{font-size:12px; height:40px; overflow:hidden; color: #fff;line-height:20px;margin-top: 1%}
.case_r_c .more{width:80px; font-size:12px; line-height:1.5;background-color:#fff; margin-top:1%;text-align: center;}
.case_r_c .more a{display: inline-block; font-size:12px; width: 100%;height: 100%;color: #5da2d8;}
.case ul li:hover .case_l img{ height:90px;transition: all 0.5s;transform:scale(1.2);}
.case ul li:hover .case_r_c h3{color: #fff;transition: all 0.5s;}
/*caseview*/
.casecontent_con{ width:90%; height:auto; overflow:hidden;margin:20px auto;}
.casecon_title{ width:100%; height:auto; overflow:hidden;  }
.casecon_title_con{font-size:16px; color:#fff; line-height:140%; background-color:#056cc6; padding:5px;}
.casecon_title_into{ font-size:12px; color:#056cc6; line-height:140%; margin-top:20px; text-indent:2em;}
.casecon_content{width:100%;height: auto;overflow:hidden; margin:20px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.casecon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

/*招聘*/
.introduction{width:85%;margin:5% auto}
.introduction_t{ width:100%; height:35px; overflow:hidden; margin:0 auto;}
.introduction_t_l{ width:34%; height:35px; float:left; border-right:1px solid #056cc6;}
.introduction_t_c{ width:30%; height:35px; float:left; font-size:20px; color:#056cc6; text-align:center; margin:0 1%; border-left:1px solid #056cc6; border-right:1px solid #056cc6; line-height:100%;}
.introduction_t_c span{ font-size:12px; color:#056cc6; text-align:center;}
.introduction_t_r{ width:32%; height:35px; float:left; border-left:1px solid #056cc6;}
.introduction_con{ width:100%; height:auto; overflow:hidden; margin:3% auto 0 auto;}
.introduction_box{ width:48%; height:100px; overflow:hidden; margin:1%; float:left; position:relative;}
.introduction_box img{ width:100%; height:100px;}
.introduction_title{ width:80%; height:35px; overflow:hidden; position:absolute; bottom:5%; left:5%; font-size:16px; color:#fff; line-height:35px;}

/*招聘view*/
.jobcontent{width: 100%; font-size: 16px;line-height: 35px;min-height: 500px;}
.jobcontent_con{ width:90%; height:auto; overflow:hidden;margin:20px auto;}
.jobcon_title{ font-size:16px; color:#333333; line-height:140%; background:url("../img/images/tx.png") no-repeat left center; background-size:5% 50%; padding-left:7%}
.jobcon_title span{ font-size:12px; color:#666666; line-height:120%;}
.jobcon_content{width: 100%;height: auto;overflow:hidden;margin:20px auto 0 auto;color: #333333;font-size: 14px;min-height: 500px;}
.jobcon_content img{max-width: 100%;text-align: center;}
.tb{width:90%;height:70px;margin:0 auto;font-size: 14px;margin-top: 50px;}
.tb a{color: #333;}
.t{border-bottom: 1px dashed #cbcbcb;}
.tb a:hover{color: #0093dd;}

.foot_bg{ width:100%; height:420px; overflow:hidden; position:relative;background-color:#606060;}

.fmap_logo{ width:20%; height:auto; overflow:hidden; position:absolute; left:20%; top:20%; display:none;}
.fmap_logo img{ width:100%; height:auto;}
.foot_map{width:50%; height:280px; overflow:hidden; position:absolute; right:5%; top:5%;display:none;}
}
@media all and (max-width:360px){
/*zongh*/
.section4{width: 100%;height:auto;overflow: hidden;background: url("../img/images/bg04.jpg") no-repeat center; background-size:auto 100%;}
.zongh{width: 100%;height: 100%;overflow: hidden; position:relative;}
.zongh_z{ width:80%; height:30px; overflow:hidden; position:absolute; top:3%; left:4%; border-left:1px solid #fff;}
.zongh_z_l{ width:162px; height:30px; overflow:hidden; margin:0 10px; float:left; font-size:18px; color:#fff; line-height:100%;}
.zongh_z_l span{font-size:12px; color:#b45b16; line-height:100%;}
.zongh_z_r{ width:220px; height:2px; background-color:#fff; float:left; margin-top:14px;}
.zongh_con{ width:300px; height:75%; overflow:hidden; margin:15% auto 0 auto;}
.zongh_con_t{ width:300px; height:100px; overflow:hidden; margin:0 auto;}
.zongh_con_k{ width:110px; height:90px; float:left; overflow:hidden; transition:all 0.5s; margin:5px 20px;}
.zongh_con_k_img{ width:100%; height:90px; overflow:hidden; position:relative; z-index:3;}
.zongh_con_k_img img{ width:100%; height:90px;}
.zongh_con_k_h{ width:110px; height:90px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0.4); margin-top:-90px; transition:all 0.5s;}
.zongh_con_k_h li{font-size:20px; color:#fff; line-height:100%; text-align:center; opacity: 1; margin-top:30%;}
.zongh_con_k_h li span{font-size:14px; color:#abb1b4; line-height:100%; text-align:center;}

.zongh_con_k:hover .zongh_con_k_h{ width:110px; height:90px; overflow:hidden; position:absolute; z-index:99; background-color:rgba(0,0,0,0); margin-top:-120px; transition:all 0.5s;}
.zongh_con_k:hover .zongh_con_k_h li{font-size:20px; color:#fff; line-height:100%; text-align:center; opacity: 1;}
.zongh_more{ width:70px; height:20px; overflow: hidden; margin:10px auto 0 auto; border:1px solid #fff; background-color:#056cd2;font-size:14px; color:#fff; line-height:20px; text-align:center;}
}