body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}/*????margin??padding?0*/
body{ font-family: "Microsoft YaHei",Arial,Verdana, Helvetica, sans-serif; margin: 0 auto;font-size:12px; }/*????????*/
a:link { text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover { text-decoration:none; outline:none;}
a:active { border:0; background-color:Transparent; outline:none;}
.clear{clear: both;}
input{border: none;outline:none}
ul{list-style: none}
textarea{border: none;outline:none}
img{display: block;}
.con{width: 1200px;margin: 0 auto;}
.header{background: rgba(34,34,34,0.9);height: 110px;line-height: 110px;position: absolute;width: 100%;top: 0;left: 0;z-index: 996;}

.fnav{position: absolute;width: 100%;left: 0;top: 110px;z-index: 996;background: #fff;}
.fnav li{height:44px;line-height: 44px;overflow: hidden;margin-left: 15px;float: left;}
.fnav li a{font-size: 14px;color: #333;}
.fnavLi{display: none;height:44px;width: 100%}
.fnav .fnavLi ul{padding-left: 205px;}
.logo{float: left;width:99px; }
.nav{float: right;}
.nav li{float: left;}
.nav li a{display: block;font-size: 14px;color: #ffffff;line-height: 100px;width: 127px;text-align: center;padding-bottom: 10px;}
.nav li a:hover{background: url(../images/t2.jpg) no-repeat ;}
.nav .on a{background: url(../images/t2.jpg) no-repeat ;}
.banner{width: 100%;overflow: hidden;}
.banner_in{width:1920px; position: relative;top:0; float: left; left: 50%; margin-left: -967px; overflow: hidden;}
.flex-control-nav {display: none;}
.index1{padding-bottom: 70px;}
.index111{float: left;}
.index11{padding-top: 60px;}
.index1111{font-size: 50px;color: #cdcdcd;text-transform: uppercase; font-family: Arial,sans-serif;}
.index1112{font-size: 30px;color: #222222;font-weight: bold;line-height: 44px;}
.index112{float: right;font-size: 20px;color: #222222;line-height: 44px;background: url(../images/t7.jpg) no-repeat left center;padding-left: 120px;margin-top: 58px;}
.index12{padding-top: 22px;}
.index121{float: left;width: 817px;}
.index1211{text-indent: 2em;font-size: 14px;color: #222222;line-height: 30px;height: 120px;overflow: hidden;}
.index1212{margin-top: 26px;width: 145px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;color:#fff;background: #1da3e4;font-size: 14px;}
.index1213{margin-top: 30px;height: 192px;border-left: 1px solid #ececec;}
.index12132{width: 202px;text-align: center;font-size: 18px;color: #222222;line-height: 83px;}
.index12131{width: 71px;margin: 35px auto 0;}
.index1213 li{float: left;width: 202px;border-right: 1px solid #ececec;height: 192px;}
.index122{float: right;width: 311px;margin-top: 6px;}
.index2{background: #212121;padding-top: 42px;}
.index21{text-align: center;font-size: 50px;color: #5b5b5b;line-height: 55px;font-family: Arial,sans-serif;text-transform: uppercase;}
.index22{text-align: center;font-size: 30px;font-weight: bold;color: #fff;line-height: 48px;}
.index23{text-align: center;font-size: 16px;color: #ffffff;line-height: 30px;background: url(../images/t13.png) no-repeat center; }
.index24{margin-top: 37px;padding-bottom: 45px;}
.index24_in{width: 190px;height: 312px;background: #fff url(../images/t16.jpg) no-repeat;background-size: 100% 0;transition: all 0.6s}
.index241{width: 88px;margin: 0 auto 0;padding-top: 60px;}
.index2412{display: none;}
.index242{padding-top: 9px;}
.index2421{text-align: center;font-size: 20px;color: #000000;font-weight: bold;line-height: 48px;}
.index2422{width: 160px;margin: 0 auto;font-size: 14px;color: #333333;line-height: 25px;height: 75px;overflow: hidden;}
.index24_in:hover .index2412{display: block;}
.index24_in:hover .index2411{display: none;}
.index24_in:hover .index2421{color: #fff;}
.index24_in:hover .index2422{color: #fff;}
.index24_in:hover {background: #fff url(../images/t16.jpg) no-repeat;background-size: 100% 100%;}
.index2411 img{border-radius: 50%;overflow: hidden;}
.index25{width: 143px;height: 38px;text-align: center;line-height: 38px;border: 1px solid #fff;border-radius: 29px;margin: 0 auto;color: #fff;font-size: 14px;}
.index2{padding-bottom: 60px;}
.index24{position: relative;}
.index24 .swiper-button-prev{width: 33px;height: 65px;background: url(../images/t3.png) no-repeat;left: -43px;margin-top: -32px;}
.index24 .swiper-button-next{width: 33px;height: 65px;background: url(../images/t4.png) no-repeat;right: -43px;margin-top: -32px;}
.index24 .swiper-button-prev:hover{;background: url(../images/t5.png) no-repeat;}
.index24 .swiper-button-next:hover{;background: url(../images/t6.png) no-repeat;}
.index121312{display: none;}
.index1213 li:hover .index121312{display: block;}
.index1213 li:hover .index121311{display: none;}
.index31{padding-top: 22px;}
.index311_left{float: left;width: 446px;}
.index311_right{float: right;width: 705px;}
.index311_right1{font-size: 25px;color: #111111;line-height: 1em;}
.index311_right2{padding-top: 26px;}
.index311_right21{font-size: 14px;color: #333333;line-height: 30px;height: 90px;overflow: hidden;}
.index311_right22{float: right;margin-top: 23px;font-size: 16px;color: #199ad9;line-height: 36px;padding-left: 62px;background: url(../images/t22.png) no-repeat;}
.index312{border: 1px solid #fff;position: relative;}
.index3122{position: absolute;left: 0;top: 0;}
.index31 .gallery-thumbs{width: 673px;position: absolute;right: 33px;bottom: 0;}
.index31{position: relative;}
.swiper-slide-active .index3122{display: none;}
.swiper-slide-active .index312{border: 1px solid #3baee5;}
.index3 .index31 .swiper-button-prev{width: 12px;height: 25px;background: url(../images/t33.png) no-repeat;left: 458px;margin-top: 0;top: 302px;display: block;}
.index3 .index31 .swiper-button-next{width: 13px;height: 25px;background: url(../images/t34.png) no-repeat;right:0;margin-top:0;top: 302px;display: block;}
.index3 .index31 .swiper-button-prev:hover{;background: url(../images/t35.png) no-repeat;}
.index3 .index31 .swiper-button-next:hover{;background: url(../images/t36.png) no-repeat;}
.index31{position: relative;}
.index32{width: 143px;height: 38px;text-align: center;line-height: 38px;border: 1px solid #666666;border-radius: 29px;margin: 5px auto 0;color: #666666;font-size: 14px;}
.index3{padding-bottom: 70px;}
.index4{background: #f4f4f4;padding-top: 40px;padding-bottom: 58px;}
.index4 .index21{color: #cdcdcd;}
.index4 .index22{color: #222222;}
.index4 .index23{color: #111111;}
.index4_nr{padding-top: 36px;}
.index410{font-size: 20px;color: #222222;line-height: 1em;padding-right: 22px;float: left;}
.index412{padding-left: 22px;border-left: 1px solid #222222;}
.index410 a{color: #222;}
.index410 a:hover{color: #1da3e4;}
.index42{padding-top: 50px;}
.index42_left{float: left;width: 392px;}
.index42_left1 img{border-radius: 3px;}
.index42_left2{font-size: 16px;font-weight: bold;line-height: 42px;padding-top: 7px;height: 42px;overflow: hidden;color: #111111;}
.index42_left3{font-size: 14px;color: #333;line-height: 25px;height: 50px;overflow: hidden;}
.index42_left4{font-size: 14px;color: #333333;line-height: 44px;}
.index42_right{float: right;width: 808px;}
.index42_right li{float: left;width: 350px;margin-left: 54px;}
.index42_right11{width: 101px;height: 101px;border: 2px solid #cdcdcd;text-align: center;}
.index42_right111{font-size: 64px;color: #666666;font-weight: bold;line-height: 75px;font-family: Arial,sans-serif;}
.index42_right112{font-size: 18px;color: #666666;line-height: 1em;}
.index42_right1{background: url(../images/t38.jpg) no-repeat top right;}
.index42_right2{padding-top: 41px;font-size: 18px;color: #111111;line-height: 30px;font-weight: bold;height: 61px;overflow: hidden;}
.index42_right3{font-size: 14px;color: #333333;line-height: 30px;height: 150px;overflow: hidden;}
.index42{padding-bottom: 35px;}
.index42_right li:hover .index42_right11{background: #189ee0;border: 2px solid #189ee0; }
.index42_right li:hover .index42_right111{color: #fff; }
.index42_right li:hover .index42_right112{color: #fff; }
.index42_right li:hover .index42_right2{color: #1da3e4; }
.index42_left:hover .index42_left2{color: #1da3e4;}
.index51{float: left;height: 60px;line-height: 60px;color: #222222;font-weight: bold;width: 97px;padding-left: 35px;font-size: 18px;background: url(../images/t39.jpg) no-repeat;}
.index52{float: left;width: 1068px;margin-top: 13px;}
.index52 li{float: left;margin-left: 8px;margin-bottom: 13px;}
.index52 li a{display: block;background: #f9f9f9;color: #333333;height: 34px;line-height: 34px;padding: 0 8px;}
.footer_top{background: #333;padding-top: 60px;padding-bottom: 27px;}
.footer_top1{float: left;width: 516px;height: 164px;border-right: 1px solid #434343;}
.footer_top1_left{float: left;width: 67px;}
.footer_top1_right{float: left;padding-left: 15px;font-size: 26px;color: #f4f4f4;font-weight: bold;line-height: 73px;}
.footer_top12{padding-top: 19px;font-size: 14px;color: #f4f4f4;line-height: 26px;}
.footer_top2{float: left;width: 279px;height: 164px;border-right: 1px solid #434343;}
.footer_top2 li{float: left;margin-left: 46px;height: 1em;line-height: 1em;margin-bottom: 24px;font-size: 14px;}
.footer_top2 ul{padding-left: 18px;}
.footer_top2 li a{color: #ffffff;}
.footer_top3{width: 390px;float: right;}
.footer_top31{font-size: 18px;color: #f4f4f4;font-weight: bold;padding-left: 119px;height: 26px;line-height: 26px;background: url(../images/t40.png) no-repeat;}
.footer_top32{padding-top: 15px;}
.footer_top321{float: left;width: 185px;}
.footer_top3211{float: left;font-size: 14px;color: #f4f4f4;line-height: 17px;word-wrap: break-word;writing-mode: vertical-lr;  margin-left: 28px;margin-right: 15px }
.footer_top3212{width: 115px;height: 115px;padding: 4px;border: 1px solid #5a5a5a;float: left;}
.footer_bot{font-size: 12px;color: #939393;text-align: center;height: 38px;line-height: 38px;background: #222222;}
.ce{position: fixed;top: 60%;right: 3px;z-index: 999;}
.ce li{border: 1px solid #eeeeee;height: 51px;width: 49px;position: relative;background: #fff;}
.ce2{position: absolute;top: 0;right: 0;width: 0;overflow: hidden;background: #189ee0;transition: width 0.6s;height: 51px;}
.ce21{float: left;background: #189ee0;padding-left: 20px;}
.ce22{float: left;font-size: 16px;color: #ffffff;line-height:51px;background: #189ee0; padding: 0 15px;}
.ce li:hover .ce2{width:230px;}
.ce2_in{width: 230px;}
.ce4{display: none;background: #189ee0}
.ce li:hover .ce4{display: block;}
.ce li:hover .ce3{display: none;}
.ceLi2{width: 221px; height: 214px; background: url(../images/j26.png) no-repeat; position: absolute; right: 50px;top: 0;display: none;}
.ce li:hover .ceLi2{display: block;}
.ceLi21 {  width: 184px;  height: 184px;  overflow: hidden; padding: 15px;  }
.left{float: left;width: 218px;border-bottom: 5px solid #f0f0f0}
.left1{background: #1a1a1a;border: 1px solid #1a1a1a;color: #fff;text-align: center;height: 87px;}
.left11{font-size: 28px;color: #ffffff;line-height: 41px;padding-top: 13px;font-weight: bold;}
.left12{font-size: 16px;color: #cacaca;text-transform: uppercase;line-height: 20px;}
.left2 li a{display: block;border-left: 1px solid #ececec;border-right: 1px solid #ececec;font-size: 16px;color: #666666;line-height: 49px;height: 49px;padding-left: 50px;background: url(../images/t50.png) no-repeat top right  }
.left2 .on a{color: #fff;background:#0088cb url(../images/t51.png) no-repeat;border-right: 1px solid #0088cb;border-left: 1px solid #0088cb;}
.left2 li a:hover{color: #fff;background:#0088cb url(../images/t51.png) no-repeat;border-right: 1px solid #0088cb;border-left: 1px solid #0088cb;}
.left3{border-left: 1px solid #ececec;border-right: 1px solid #ececec;padding: 8px 0 20px;}
.left3_in{width: 127px;margin: 0 auto; font-size: 18px;color: #0088cb;font-weight: bold;padding-left: 45px;padding-right: 9px;height: 41px;line-height: 41px;border: 1px solid #0088cb; font-family: Arial, sans-serif;background: url(../images/52.jpg) no-repeat}
.right{float: right;width: 960px;}
.weizhi{margin-bottom:20px;text-align: right;font-size: 14px;color: #666666;line-height: 89px;border-bottom: 1px solid #dcdcdc}
.weizhi a{color: #666666;}
.wz_span{color: #0088cb;}
.about{font-size: 14px;color: #222222;line-height: 30px;padding-bottom: 40px;text-indent: 2em;}
.about img{width: auto;margin: 0 auto;max-width: 960px;}
.bisin li{float: left;width: 310px;margin-right: 12px;margin-bottom: 15px;border: 1px solid #e5e5e5;}
.bisin2{padding: 6px 15px 15px;}
.bisin21{font-size: 16px;color: #333333;line-height: 43px;font-weight: bold;}
.bisin22{font-size: 14px;color: #666666;line-height: 25px;height: 50px;overflow: hidden;}
.bisin li:hover .bisin21{color: #0088cb;}
.bisin li:hover{box-shadow: 0 2px 1px 1px #e0e0e0}
.bisin  .none_mar{margin-right: 0;}
.bisin ul{padding-bottom: 24px;}
.fanye{text-align: center;width: 100%;margin: 0 auto;}
.fanye a{display:inline-block;height: 37px;margin: 0 6px;font-size: 16px;color: #161616;line-height: 37px;text-align: center;border-radius: 18px;width: 37px;}
.fanye .dangqian{color: #fff;background: #0088cb;}
.fanye a:hover{color: #fff;background: #0088cb;}
.fanye span a{width: 96px;border: 1px solid #bfbfbf}
.bisin{padding-bottom: 47px;}
.bisinShow1{font-weight: bold; font-size: 16px;text-align: center;color: #333333;line-height: 1em;padding-bottom: 20px;}
.bisinShow2{font-size: 14px;color: #222222;line-height: 30px;padding-bottom: 40px;text-indent: 2em;border-bottom: 1px solid #e5e5e5}
.bisinShow2 img{width: auto;margin: 0 auto;max-width: 960px;}
.sx{font-size: 14px;color: #333333;line-height: 26px;}
.sx a{color: #333;}
.sx a:hover{color: #0088cb;}
.shangxian{padding-top: 16px;}
.newsList_left{float: left;width: 213px;}
.newsList li{padding: 25px 0;height: 121px;border-bottom: 1px solid #f0f0f0;}
.newsList_right{float: right;width: 722px;}
.newsList_right1{font-size: 16px;color: #333333;line-height: 1em;}
.newsList_right2{margin-top: 20px;height: 48px;line-height: 24px;overflow: hidden;font-size: 14px;color: #666666;}
.newsList_right3{padding-top: 20px;font-size: 20px;color: #666666;line-height: 1em;}
.newsList ul{padding-bottom: 48px;}
.newsList li:hover .newsList_right1{color: #1da3e4;font-weight: bold;}
.newsShow1{text-align: center;font-size: 16px;color: #333333;line-height: 1em;font-weight: bold;margin-bottom: 15px;}
.newsShow2{text-align: center;font-size: 14px;color: #666666;line-height: 1em;margin-bottom: 15px;}
.newsShow3{margin-top: 10px;}
.newsShow3{font-size: 14px;color: #222222;line-height: 30px;padding-bottom: 40px;text-indent: 2em;}
.newsShow3 img{width: auto;margin: 0 auto;max-width: 960px;}
.newsShow{padding-bottom: 40px;}
.caseList li{float: left;width: 292px;height: 277px;margin-right: 9px;margin-bottom: 13px;padding: 10px;border: 1px solid #e5e5e5;}
.caseList2{font-size: 14px;color: #333333;line-height: 1em;padding-top: 23px;}
.caseList .none_mar{margin-right: 0;}
.caseList ul{padding-bottom: 23px;}
.caseList li:hover{border: 1px solid #0088cb;}
.caseList{padding-bottom: 48px;}
.recr li{float: left;width: 420px;height: 131px;border: 1px solid #dcdcdc;border-radius: 5px;padding: 12px 24px;margin-right: 20px;margin-bottom: 20px;}
.recr1{font-size: 18px;color: #333333;line-height: 45px;height: 45px;overflow: hidden;font-weight: bold;}
.recr2{font-size: 14px;color: #666666;line-height: 25px;height: 75px;overflow: hidden;}
.recr .none_mar{margin-right: 0;}
.recr li:hover{border: 1px solid #0088cb;box-shadow: 0 2px 1px 4px #ebebeb}
.recr  ul{padding-bottom: 24px;}
.recr{padding-bottom: 48px;}
.rec{background: url(../images/t55.jpg) no-repeat right center;min-height: 380px;}
.from li a{display: block;height: 55px;line-height: 55px;padding-left: 21px;margin-bottom: 10px;font-size: 14px;color:#333333 ;background: url(../images/t56.jpg) no-repeat}
.from li a:hover{color: #fff;background: url(../images/t57.jpg) no-repeat}

.from ul{margin-bottom: 34px;}
.from {margin-bottom: 48px;}
.contact1{height: 396px;width: 960px;overflow: hidden;}
.contact21{font-size: 18px;color: #333333;font-weight: bold;line-height: 60px;padding-bottom: 4px;}
.contact2{font-size: 14px;color: #333333;line-height: 30px;}
.contact{padding-bottom: 48px;}