*{ padding:0; margin:0; list-style:none; text-decoration:none; font-style:normal; font-family:"Microsoft YaHei";}
img{ border:none;}

/*头部区域开始*/
.header{ width:100%; height:106px; background:#f2f2f2;}
.hd_con{ width:1200px; margin:0 auto; height:106px;}
.hd_con .logo{ display:block; height:86px; float:left; margin-top:10px;}
.hd_con .logo img{ height:86px;}

.nav{ width:1100px; height:40px; float:left; margin-top:45px; margin-left:30px;}
.nav ul{ width:1100px; height:40px; margin:0 auto;}
.nav li{ float:left; position:relative; background:url(../images/xian.jpg) no-repeat right center; padding:0 30px;}
.nav li a{ display:block; width:100%; color:#333; line-height:40px; font-size:16px; text-align:center;}
.header .nav i{ display:block; height:3px; width:100%; background:#0270c5; position:absolute; bottom:0; left:0; width:0%; left:50%; transition:0.3s;}
.header .nav li:hover i{ width:100%; left:0%;}
.nav li a.one:hover{ color:#0270c5;}
.down{ width:100%; position:absolute; top:41px; left:0; display:none; z-index:99999;}
.down a{ background:#fff; transition:0.3s;}
.down a:hover{ background:#eee; color:#0270c5;}
.nav li:last-child{ background:none;}
.header .nav li a.on { color:#0270c5;}
.header .nav li i.on{ width:100%; left:0%;}
/*头部区域结束*/

/*banner开始*/
.swiper-container {width: 100%;height: 490px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff; cursor:pointer;   /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;}
/*banner结束*/

/*banner下面图标位置区域开始*/
/*.tubiao{ width:100%; height:180px; margin:0 auto; overflow:hidden; background:#f2f2f2;}
.tubiao ul{ width:1200px; margin:0 auto; overflow:hidden;}
.tubiao ul li{ float:left; width:388px; height:138px; border:1px solid #999999; margin-right:10px; margin-top:20px; overflow:hidden;}
.tubiao ul li a img{ display:block; width:388px; height:138px; margin:0 auto; transition:0.5s;}
.tubiao ul li a img:hover{ transform:scale(1.1);}*/
.tubiao{ width:100%; height:180px; margin:0 auto; overflow:hidden; background:#f2f2f2;}
.tubiao ul{ width:1200px; margin:0 auto; overflow:hidden;}
.tubiao ul li{ float:left; width:388px; height:138px; border:1px solid #999999; margin-right:10px; margin-top:20px; overflow:hidden;}
.tubiao ul li a{ display:block; width:100%; height:100%; background-color:#fff; font-size:22px; color:#000;-webkit-transition:background-color .6s ease-in;-moz-transition:background-color .6s ease-in;transition:background-color .6s ease-in;}
.tubiao ul li a span{ display:block; float:left; margin-left:30px; height:60px; line-height:30px; margin-top:40px}
.tubiao ul li a font { display:block; float:right; width:64px; height:64px;  margin-top:38px; margin-right:30px;transition:0.5s;}
.tubiao ul li a font img{ width:64px; height:64px; }
.tubiao ul li a:hover{ background-color:#f7f7f7 ;}
.tubiao ul li a:hover  font{ margin-right:40px;}
/*banner下面图标位置区域结束*/

/*关于我们区域开始*/
.about{ width:100%; overflow:hidden; height:450px; background:#fff; position:relative;}
.xian{ width:100%; height:1px; background:#e6e6e6; position:absolute; top:51px; left:0;}
.ab_con{ width:1200px; height:450px; margin:0 auto;}
.ab_con .ab_title{ width:1200px; height:50px; line-height:50px; margin-top:15px;}
.ab_con .ab_title h2{ width:100px; font-size:20px; color:#292929; border-bottom:1px solid #999999; font-weight:600; text-align:center; float:left;}
.ab_con .ab_title .more{ display:block; float:right; color:#0270c5; font-size:18px;}

.ab_neirong{ width:1200px; overflow:hidden; margin:40px auto 0;}
.ab_neirong .ab_wenzi{ width:600px; height:310px; float:left;}
.ab_neirong .ab_wenzi span{ font-size:14px; color:#666666; line-height:23px;}
.ab_neirong .img{ width:560px; height:300px; float:right;}
.ab_neirong .img:hover{opacity:0.95;}

/*关于我们区域结束*/

/*产品中心区域开始*/
.pro{ width:100%; height:354px; background:url(../images/pro_bg_img.jpg) no-repeat top center; overflow:hidden; position:relative; margin:0 auto;}
.xian{ width:100%; height:1px; background:#e6e6e6; position:absolute; top:66px; left:0;}
.pro_con{ width:1200px; height:214px; margin:0 auto;}
.pro_con .ab_title{ width:1200px; height:50px; line-height:50px; margin-top:15px;}
.pro_con .ab_title h2{ width:100px; font-size:20px; color:#292929; border-bottom:1px solid #999999; font-weight:600; text-align:center; float:left;}
.pro_con .ab_title .more{ display:block; float:right; color:#0270c5; font-size:18px;}

.pro_neirong{ width:1200px; margin:30px auto; overflow:hidden;}
.pro_neirong .box{ width:380px; height:214px; float:left; margin-right:30px; margin-bottom:30px; background:#fff;}
.pro_neirong .box:nth-child(3n){ margin-right:0;}
.pro_neirong .box:hover img{ transform:scale(1.2);}

.pro_neirong .box .left_img{ width:160px; height:184px; float:left; overflow:hidden; text-align:center;}
.pro_neirong .box .left_img img{ margin:0 auto; transition:0.3s;}

.pro_neirong .box1 .left_img img{ width:41px; height:91px; margin:50px auto 0;}
.pro_neirong .box2 .left_img img{ width:140px; height:140px; margin:0 auto;}
.pro_neirong .box3 .left_img img{ width:42px; height:90px; margin:50px auto 0;}
.pro_neirong .box4 .left_img img{ width:140px; height:140px; margin:0 auto;}
.pro_neirong .box5 .left_img img{ width:140px; height:140px; margin:0 auto;}
.pro_neirong .box6 .left_img img{ width:140px; height:140px; margin:0 auto;}

.pro_neirong .box .right_lanmu{ width:220px; overflow:hidden; float:right;}
.pro_neirong .box .right_lanmu{}
.pro_neirong .box .right_lanmu .yiji{ width:220px; height:30px; line-height:30px; border-bottom:1px solid #cccccc; margin-top:10px;}
.pro_neirong .box .right_lanmu .yiji a{ font-size:14px; color:#4c4c4c; font-weight:600;}
.pro_neirong .box .right_lanmu ul{ width:220px; margin-top:10px;}
.pro_neirong .box .right_lanmu ul li{ float:left; width:220px; height:25px; line-height:25px; overflow:hidden;}
.pro_neirong .box .right_lanmu ul li a{ font-size:14px; color:#666666;}
.pro_neirong .box .right_lanmu a:hover{ color:#0270c5;}

/*产品中心区域结束*/

/*通栏区域开始*/
.tonglan{ width:100%; height:100%; margin:0 auto; overflow:hidden;}
.tonglan a{ display:block; width:100%; height:216px;  }
/*通栏区域结束*/

/*合作客户区域开始*/
.hezuo{ width:100%; height:425px; overflow:hidden; position:relative;}
.xian{ width:100%; height:1px; background:#e6e6e6; position:absolute; top:66px; left:0;}
.hezuo_con{ width:1200px; height:425px; margin:0 auto;}
.hezuo_con .ab_title{ width:1200px; height:50px; line-height:50px; margin-top:15px;}
.hezuo_con .ab_title h2{ width:100px; font-size:20px; color:#292929; border-bottom:1px solid #999999; font-weight:600; text-align:center; float:left;}
.hezuo_con .ab_title .more{ display:block; float:right; color:#0270c5; font-size:18px;}

.hezuo_con ul{ width:1200px; margin:40px auto 0; overflow:hidden;}
.hezuo_con ul li{ float:left; border:1px solid #808080; margin-right:6px; margin-bottom:6px; overflow:hidden;}
.hezuo_con ul li a img{ display:block; width:187px; height:113px; border:1px solid #808080; margin:2px; overflow:hidden; transition:0.3s;}
.hezuo_con ul li:nth-child(6n){ margin-right:0;}
.hezuo_con ul li a img:hover{ transform:scale(1.2);}
/*合作客户区域结束*/

/*底部区域开始*/
.footer{ width:100%; height:428px; background:#4d4d4d; position:relative;}
.xian2{ width:100%; height:1px; background:#cccccc; position:absolute; bottom:80px; left:0;}
.ft_con{ width:1200px; height:428px; margin:0 auto; position:relative;}
.link{ width:400px; height:240px; overflow:hidden; float:left; margin-top:50px;}
.link h3{ width:400px; height:35px; line-height:35px; border-bottom:1px solid #cccccc; font-size:16px; color:#fff;}
.link ul{ margin-top:10px;}
.link ul li{ float:left; height:30px; line-height:30px; margin-right:15px;}
.link ul li a{ font-size:14px; color:#fff;}

.lianxi{ width:345px; float:left; margin-left:76px; margin-top:50px;}
.lianxi h3{ width:345px; height:35px; line-height:35px; border-bottom:1px solid #cccccc; font-size:16px; color:#fff;}
.lianxi i{ font-size:30px; color:#fff; display:block; width:345px; margin:15px auto;}
.lianxi span{ display:block; width:345px; height:190px; overflow:hidden; font-size:14px; color:#fff; line-height:25px;}

.weixin{ width:120px; float:right; margin-top:60px;}
.weixin .wx{ background:#fff; width:120px; height:120px; margin:0 auto; overflow:hidden;}
.weixin .wx img{ display:block; width:110px; height:110px; margin:5px auto 0;}
.weixin span{ display:block; width:100%; margin:10px auto; text-align:center; font-size:16px; color:#fff;}

.banquan{ position:absolute; bottom:30px; left:0;}
.banquan span{ font-size:14px; color:#fff;}
.banquan span a{color:#fff;}

.lianjie{ width:150px; position:absolute; bottom:30px; right:0; color:#fff;}
.lianjie a{ font-size:14px; color:#fff;}
.lianjie a:hover{ color:#0270c5;}

/*底部区域结束*/

/*****************内页区域开始*****************/

/*关于我们内页区域开始*/
.ny_banner{ width:100%; overflow:hidden; margin:0 auto;}
.ny_banner img{ width:100%; overflow:hidden; margin:0 auto;}

.ab_main{ width:1200px; margin:40px auto 30px; overflow:hidden;}
.ab_main_left{ width:250px; float:left;}
.ab_main_left .bt{ width:250px; height:60px; line-height:60px; background:#0270c5; border-bottom:1px solid #ccc;}
.ab_main_left .bt h2{ font-size:24px; color:#fff; float:left; font-weight:500; margin-left:15px;}
.ab_main_left .bt span{ font-size:20px; color:#fff; float:left; margin-left:20px;}

.ab_main_left ul li{ float:left; width:250px; height:55px; line-height:55px; border-bottom:1px solid #ccc;}
.ab_main_left ul li a{ display:block; width:100%; height:55px; font-size:18px; color:#333333; margin-left:20px;}
.ab_main_left ul li:hover{ bac kground:#fff; color:#0270c5;}
.ab_main_left ul li:hover a{ color:#0270c5;}

.ab_main_right{ width:890px; overflow:hidden; float:right;}
.ab_main_title{ width:890px; height:55px; line-height:55px; background:url(../images/bt_bg.png) no-repeat bottom center;}
.ab_main_title h3{ font-size:30px; color:#0270c5; font-weight:500; float:left;}
.ab_main_title span{ float:right; font-size:14px; color:#666666;}
.ab_main_title span a{ font-size:14px; color:#666666;}
.ab_main_title span a:hover{ color:#0270c5;}
.ab_main_title .search{float:right;}
.ab_main_title .search input[type=text]{ float:left; width:280px; height:35px; padding-left:10px; border:1px solid #999; border-right:none; outline:none;}
.ab_main_title .search input[type=submit]{ float:left; width:50px; height:37px; border:none; background-color:#0270c5; color:#fff; cursor:pointer;}

.ab_main_neirong{ width:890px; overflow:hidden; margin:30px auto;}
.ab_main_neirong i{ display:block; width:890px; font-size:14px; color:#4c4c4c; line-height:25px;}
.ab_main_neirong i img{ max-width:890px; overflow:hidden; margin:0 auto;}
.ab_main_neirong i p img{ max-width:890px; margin:0 auto;}
.ab_main_neirong i table{ max-width:850px; border-collapse:collapse; }
.ab_main_neirong i p table{ max-width:850px; border-collapse:collapse; }
.ab_main_neirong i table td{ max-width:100px; border-collapse:collapse;border:1px solid #000000; }
.ab_main_neirong i p table td{ max-width:100px; border-collapse:collapse;border:1px solid #000000; }

/*关于我们内页区域结束*/

/*联系我们内页区域开始*/
.lianxi_main{ width:890px; overflow:hidden; margin:30px auto;}
.lianxi_main .wenzi{ width:340px; overflow:hidden; float:left;}
.lianxi_main .wenzi span{ width:340px; overflow:hidden; font-size:14px; color:#333333; line-height:28px;}

.lianxi_main .ditu{ width:466px; height:219px; float:right;}
/*联系我们内页区域结束*/

/*在线留言内页区域开始*/
.lianxi_main form{ width:740px; margin:0 auto;}
.lianxi_main form .hang{ width:740px; float:left; margin-bottom:15px;}
.lianxi_main form label{ display:block; width:100px; height:30px; line-height:30px; text-align:right; float:left; font-size:18px; color:#333333;}
.lianxi_main form input{ float:left; height:30px; line-height:30px; width:230px; padding:0 5px;}
.lianxi_main form textarea{ width:615px; height:185px; padding:5px;}
.lianxi_main form input[type=submit]{ width:120px; height:40px; line-height:36px; text-align:center; font-size:18px; color:#0270c5; background:#fff; border:2px 
solid #0270c5; cursor:pointer; margin-left:100px; margin-top:10px;}
/*在线留言内页区域结束*/

/*人力资源内页区域开始*/
.zhaopin_main{ width:890px; overflow:hidden; margin:10px auto 30px;}
.zhaopin_main ul li{ float:left; width:890px; overflow:hidden; border-bottom:1px solid #0270c5;}
.zhaopin_main ul li span{ display:block; width:890px; overflow:hidden; font-size:16px; color:#333333; line-height:28px; margin-top:20px;}
.zhaopin_main ul li .anniu{ display:block; width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fdfdfd; background:#0270c5; margin-top:20px; margin-bottom:30px;}

/*人力资源内页区域结束*/

/*新闻资讯内页区域开始*/
.news_main{ width:890px; overflow:hidden; float:right; margin-top:30px; margin-bottom:30px;}
.news_main ul li{ float:left; width:890px; height:160px; border-bottom:1px solid #cccccc;}
.news_main ul li a{}
.news_main ul li a img{ display:block; width:208px; height:118px; border:1px solid #ccc; float:left; margin-top:20px;}
.news_main ul li a .wenzi2{ display:block; width:660px; float:right; margin-top:20px;}
.news_main ul li a .wenzi2 .biaoti{ display:block; width:660px; float:left; margin-top:10px;}
.news_main ul li a .wenzi2 .biaoti h3{ display:block; width:540px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; font-size:16px; color:#333333; font-weight:500;}
.news_main ul li a .wenzi2 .biaoti span{ float:right; font-size:14px; color:#808080;}
.news_main ul li a .wenzi2 .zhaiyao{ display:block; width:660px; height:70px; overflow:hidden; float:left; margin-top:20px;}
.news_main ul li a .wenzi2 .zhaiyao i{ font-size:14px; color:#333333; line-height:23px;}
.news_main ul li a .wenzi2 .biaoti h3:hover{ color:#0270c5;}

.yejiao{ width:635px; height:47px; margin:30px auto 0;}

/*新闻资讯内页区域结束*/

/*新闻详情页区域开始*/
.news_detail{ width:890px; overflow:hidden; float:right; margin-top:10px; margin-bottom:10px;}
.news_detail .biaoti2{ width:890px; overflow:hidden; margin:0 auto; border-bottom:1px solid #ccc; text-align:center;}
.news_detail .biaoti2 h3{ width:890px; overflow:hidden; line-height:23px; font-size:16px; color:#333333; margin-top:20px; margin-bottom:10px;}
.news_detail .biaoti2 span{ display:block; width:890px; overflow:hidden; font-size:14px; color:#666666; margin-bottom:10px;}
.news_detail .wenzi3{ width:890px; overflow:hidden; margin:25px auto 0; border-bottom:1px solid #ccc; padding-bottom:15px;}
.news_detail .wenzi3 i{ display:block; width:890px; overflow:hidden; margin:0 auto; font-size:14px; color:#333333; line-height:28px;}

.news_detail .fanye{ width:890px; overflow:hidden; margin:20px auto 10px;}
.news_detail .fanye p{ width:890px; height:30px; line-height:30px;}
.news_detail .fanye p span{ display:block; width:60px; float:left; font-size:14px; color:#333333;}
.news_detail .fanye p a{ display:block; width:780px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float:left; font-size:14px; color:#333333;}
.news_detail .fanye p a:hover{ color:#0270c5;}

/*新闻详情页区域结束*/

/*合作案例内页区域开始*/
.anli_main{ width:890px; overflow:hidden; float:right; margin-top:20px; margin-bottom:10px;}
.anli_main ul li{ float:left; width:285px; height:213px; margin-right:15px; margin-bottom:15px; position:relative;}
.anli_main ul li a img{ display:block; width:283px; height:211px; border:1px solid #ccc;}
.anli_main ul li:nth-child(3n){ margin-right:0;}

.anli_main ul li a span{ display:block; width:285px; height:40px; line-height:40px; background:rgba(0,0,0,0.8); font-size:16px; color:#fafafa; text-align:center; position:absolute; bottom:0; left:0;}

/*合作案例内页区域结束*/

/*合作客户内页区域开始*/
.kehu_main{ width:890px; overflow:hidden; float:right; margin-top:20px; margin-bottom:10px;}
.kehu_main ul li{ float:left; width:209px; height:127px; margin-right:17px; margin-bottom:17px;}
.kehu_main ul li a img{ display:block; width:207px; height:125px; border:1px solid #ccc;}
.kehu_main ul li:nth-child(4n){ margin-right:0;}

/*合作客户内页区域结束*/

/*侧栏导航开始*/
.dinggou .box{ margin-bottom:18px;}

.dinggou{ width:250px; float:left;}
.dinggou .bt{ width:250px; height:60px; line-height:60px; background:#0270c5; border-bottom:1px solid #ccc;}
.dinggou .bt h2{ font-size:24px; color:#fff; float:left; font-weight:500; margin-left:15px;}
.dinggou .bt span{ font-size:20px; color:#fff; float:left; margin-left:20px;}

.dinggou .subNavBox{width:250px; margin:0 auto;}
.dinggou .subNav{ border-bottom:solid 1px #d7d7d7;cursor:pointer;font-weight:bold;font-size:16px;color:#333333;line-height:50px; background:#fafafa url(../images/jiantou.png) no-repeat right 40px center; text-align:left; padding-left:45px;}
.dinggou .subNav:hover{color:#0270c5;}
.dinggou .currentDd{color:#00578c}
.dinggou .navContent{display: none;border-bottom:solid 1px #e5e3da;}
.dinggou .navContent li a{display:block; width:205px; height:50px;text-align:left;font-size:14px;line-height:50px;color:#333; padding-left:45px; background:#fff; border-bottom:1px solid #ccc;}
.dinggou .navContent li a:hover{color:#0270c5;}

/*侧栏导航结束*/

/*样品订购内页区域开始*/
.lianxi_main .hang2 input{ width:572px;}
.lianxi_main form .hang3 input[type=submit]{ width:120px; height:40px; line-height:36px; text-align:center; font-size:18px; border:2px solid #0270c5; cursor:pointer; margin-left:100px; margin-top:10px; background:#0270c5; color:#fff;}

/*样品订购内页区域结束*/





/*****************内页区域结束*****************/