@charset "utf-8";

/*banner*/
.banner{position: relative; height:693px;clear: both;}
.ban_p,.ban_p ul,.ban_p li,.ban_p li a{width: 100%!important;height:693px;overflow: hidden;}
.ban_p li{ display:block; height:693px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 100%;height: 693px;}
.ban_t{width:1100px;height:50px;bottom:0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:15px; display: inline-block;background: #fff;}
.ban_t em.on{background: #f39800;width: 32px;}

.til01{text-align: center;display: block;font-size:50px;color: #001a39;line-height:60px;height: 114px;position: relative;}
.til01 a{display: block;color: #001a39;}
.til01 p{display: block;font-size:22px;line-height:32px;font-weight: normal;color: #586271;}
.til01 span{color: #0a5be0;}

/*引子*/
.webox{color: #454545;font-family:"Microsoft Yahei";line-height:36px;position: relative;overflow: hidden;padding:83px 0 0;height:710px;font-size: 16px;}
.webox_r{width: 569px;padding: 19px 0 0;}
.webox_r h2{height: 106px;font-size: 44px;color: #001a39;line-height: 60px;position: relative;white-space: nowrap;}
.webox_r h2 b{color: #0a5be0;}
.webox_r h2 span{display: block;font-size: 18px;line-height: 33px;}
.webox_r h2:before{content: "";position: absolute;width:76px;height:2px;top:15px;left:92px;z-index: -1;background: #001a39;}
.webox_c{height: 318px;}
.webox_c h3{color: #fff;background: #001a39;border-radius:4px 4px 0 0;line-height: 35px;padding: 0 20px;font-weight: normal;font-size: 16px;}
.webox_cl{border: solid 1px #e0e2e4;height:222px;padding: 0 0 0 22px;position: relative;}
.webox_cl:before{content: "";position: absolute;width:1px;height:188px;top:16px;left:26px;z-index: -1;background: #e0e2e4;}
.webox_cl li{padding-left: 23px;position: relative;}
.webox_cl li:before,.prod1_rw li:before{content: "";position: absolute;width:4px;height:4px;top:14px;left:0;background: #fff;border: solid 3px #98afb7;border-radius: 100%;}
.webox_n li{width:189px;float: left;height: 165px;font-size: 14px;line-height: 18px;position: relative;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding:10px 24px 0 30px;z-index: 1;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.webox_n li b{display: block;line-height: 42px;color: #001a39;font-size: 24px;}
.webox_n li:before{content: "";position: absolute;width:189px;height:0;bottom:0;left:0;background: #fff;border-radius:11px 11px 0 0;z-index: -1;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.webox_n li:hover:before{width:189px;height: 165px;border-bottom: 6px solid #0a5be0;box-shadow: 0 0 6px 6px rgba(0 , 0 , 0 , 0.1);}
.webox_n li span,.streng .yshd li span{width:58px;height:51px;position: relative;display: block;overflow: hidden;}
.webox_n li span i,.streng .yshd li span i{width:58px;height:51px;position: absolute;left:0;top:0;}
.streng .yshd li span,.streng .yshd li span i{width: 40px;height: 40px;}
.webox_n li span i.default,.streng .yshd li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.webox_n li span i.hover,.streng .yshd li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.webox_n li.cur span .default,.webox_n li:hover span i.default,.streng .yshd li.cur span i.default,.yshd li:hover span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.webox_n li.cur span .hover,.webox_n li:hover span i.hover,.streng .yshd li.cur span i.hover,.yshd li:hover span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

/* 产品 */
.probox{font-family:"Microsoft Yahei";font-size: 16px;color: #454545;background:#e0e2e4;padding:88px 0;overflow: hidden;position: relative;}
.prod_nav{height: 82px;font-style: 18px;line-height: 52px;text-align: center;color: #fff;}
.prod_nav li{width: 243px;height: 52px;background: #001a39;float: left;border-radius: 9px 9px 0 0;margin: 0 0 0 10px;}
.prod_nav li a{display: block;color: #fff;}
.prod_nav li.cur,.prod_nav li:hover{background: #0a5be0;}
.prod_nav li:first-child{margin: 0 0 0 102px;}
.prev1,.next1{width:68px;height:50px;cursor: pointer;z-index: 11;top:1066px;left:50%;position: absolute;}
.prev1{margin-left:-68px;}
.prod_c{height: 832px;background: #fff;}
.prod1_l{width: 50%;height: 832px;display: block;}
.prod1_l a{width: 100%;height: 832px;display: block;}
.prod1_r{width: 44.8%;height: 832px;display: block;overflow: hidden;}
.prod1_rc{width:500px;padding: 82px 0 0;}
.prod1_rw{height: 352px;}
.prod1_rw h3{height:212px;font-size: 30px;color: #001a39;}
.prod1_rw h3 a{color: #001a39;}
.prod1_rw h3 b{color: #0a5be0;}
.prod1_rw h3 em{display: block;font-weight: normal;font-size: 18px;line-height: 46px;}
.prod1_rw h3 p{float: left;border-top: 3px solid #001a39;padding:12px 0 0;font-size:48px;line-height: 64px;}
.prod1_rw h3 span{line-height: 44px;display: inline-block;clear: both;border-bottom: 3px solid #001a39;font-weight: normal;height: 57px;font-size: 30px;float: left;}
.prod1_rw li{float: left;padding: 0 30px 0 28px;position: relative;line-height: 36px;height: 36px;}
.prod1_rp .tempWrap{overflow: initial!important;}
.prod1_rp li{float: left;margin: 0 18px 0 0;width: 241px;font-size: 16px;}
.prod1_rp li p,.prod1_rp li p img{width: 241px;height: 241px;display: block;overflow: hidden;}
.prod1_rp li span{display: block;margin-top: 1px;height: 55px;line-height: 55px;background: #e0e2e4;text-align: center;padding: 0 5px;}
.prod1_rp li span a{display: block;color: #454545;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.prod_more{display: block;text-align: center;height: 54px;padding: 46px 0 0;clear: both;}
.prod_more img{display: block;margin: 0 auto;}

/* 定制实力*/
.streng{font-family:"Microsoft Yahei";font-size: 16px;line-height:30px;color: #454545;padding:85px 0 0;overflow: hidden;position: relative;background:url(../images/strengbg.jpg) no-repeat center bottom;}
.streng .pageState{position: absolute;width: 600px;height: 130px;left: 50%;bottom:0;margin-left: -598px;z-index: 9;font-size: 24px;color: #000;line-height:62px;letter-spacing: 3px;}
.streng .pageState span{color: #0a5be0;font-size: 60px;}
.streng_c,.streng1{height: 643px;}
.streng_t{background: rgba(255 , 255 , 255 , 0.9);width: 75px;height: 451px;padding: 9px;left: 50%;margin-left:-37.5px;z-index: 9;bottom: 89px;}
.prev2,.next2{width:75px;height:75px;cursor: pointer;z-index: 22;background:url(../images/next2.gif) no-repeat 0 0;display: block;}
.prev2{background:url(../images/prev2.gif) no-repeat 0 0;margin-bottom: 2px;}
.prev2:hover,.next2:hover{background-position: right 0;}
.streng_t li,.streng_t li img{width:75px;height:72px;display: block;}
.streng_t li{margin-bottom: 2px;}
.streng_t li.cur img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 4px #0a5be0;}
.streng .yshd{width: 520px;height: 170px;left: 50%;top:240px;margin-left: -598px;z-index: 9;position: absolute;}
.streng .yshd li{width: 114px;height: 151px;float: left;margin: 0 15px 0 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 3px #001a39;position: relative;padding: 14px;font-size: 18px;line-height: 32px;color: #000;}
.streng .yshd li em{display: block;line-height: 14px;font-size: 12px;opacity: 0.6;padding: 5px 0 0;}
.streng .yshd li.cur{background: #0a5be0;border-color: #0a5be0;color: #fff;}
.streng .yshd li.cur:before{content: "";position: absolute;width:0;height:0;bottom:-12px;left:47px;border-right:12px solid transparent;border-left:12px solid transparent;border-top:12px solid #0a5be0;}

.streng_p,.streng_w{width: 50%;height: 643px;position: relative;overflow:hidden;}
.streng_w:before{content: "";position: absolute;width:267px;height:364px;bottom:0;right:0;background:url(../images/streng_a.png) no-repeat 0 0;}
.streng_c .streng1:nth-child(2) .streng_w:before{background:url(../images/streng_b.png) no-repeat 0 0;}
.streng_c .streng1:nth-child(3) .streng_w:before{background:url(../images/streng_c.png) no-repeat 0 0;}
.streng_c .streng1:nth-child(4) .streng_w:before{background:url(../images/streng_d.png) no-repeat 0 0;}
.streng_wc{width: 600px;padding: 218px 0 0;}
.streng_wc h3{font-size: 50px;line-height: 108px;color: #000;position: relative;border-bottom: 1px solid #cacfd5;width: 402px;margin-bottom: 16px;}
.streng_wc h3:before{content: "";position: absolute;width:49px;height:3px;bottom:-1px;left:0;background:#0a5be0;}
.streng_wc li{width: 400px;}

/*案例*/
.case{padding:86px 0 0;position: relative;line-height:22px;height:965px;color: #666;}
.case_t{height:132px;line-height:62px;font-size:18px;color: #2e2e2e;overflow: hidden;line-height: 24px;}
.case_t li{display: block;float: left;position: relative;width: 205px;height:59px;padding-left: 35px;}
.case_t li span{padding:6px 6px 0 27px;display: inline-block;position: relative;text-align: left;}
.case_t li span:before{content: "";position: absolute;width:4px;height:4px;top:13px;left:0;background: #fff;border: solid 3px #98afb7;border-radius: 100%;}
.case_t li em{display: block;font-size: 12px;line-height: 17px;opacity: 0.7;}
.case_t li a{display: inline-block;color: #2e2e2e;}
.case_t li.cur span:before,.case_t li:hover span:before{background: #0a5be0;border-color: #fff;}
.case_t li.cur:before,.case_t li:hover:before{content: "";position: absolute;width:100%;height:52px;top:0;left:0;background: url(../images/case_ico.png) no-repeat 202px 8px #0a5be0;border-radius: 9px 9px 0 0;}
.case_t li.cur,.case_t li:hover,.case_t li.cur a,.case_t li:hover a{color: #fff;}

.case_c dl{width:387px;height: 617px;background: #fff;float: left;margin:0 19px 0 0;}
.case_c dt,.case_c dt img{width:387px;height:284px;overflow: hidden;border-radius: 18px 18px 0 0;position: relative;}
.case_c dd{padding:26px 20px 0;height: 307px;}
.case_w1{height: 143px;border-bottom: 1px solid #dfdfdf;margin-bottom: 24px;}
.case_c dd h3{height:74px;font-size:24px;line-height:29px;}
.case_c dd h3 a{display: block;color: #001a39;}
.case_c dd .case_w2 span,.case_c dd .case_w2 span img{width: 100px;display: block;height:100px;border-radius: 100px;float: left;}
.case_c dd .case_w2 p{width: 240px;float: right;line-height: 28px;padding: 20px 0 0;}
.case_c dd .case_w2 p b{color: #001a39;}
.case_c dl:hover{border-bottom: 7px solid #0a5be0;}
.case_c dl:hover dd{box-shadow: 0 0 5px 5px rgba(0 , 0 , 0 , 0.1);}


/*优势*/
.edge{font-family:"Microsoft Yahei";font-size:14px;position: relative;line-height:18px;color: #fff;width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;}
.edge_t{width:100%;left:0;bottom:0;z-index: 8;}
.edge_t li{width:25%;float: left;position: relative;height:114px;}
.edge_t dl{width:99.8%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 1rem;background: rgba(0, 26, 57, 0.9);color: #fff;height:114px;position: absolute;left:1px;bottom: 0;}
.edge_t dt{height:114px;}
.edge_t dt span{margin-right: 20px;}
.edge_t dt span,.edge_t dt span img{width: 94px;height: 94px;border-radius:12px;float: left;display: block;}
.edge_t dt p{padding: 10px;color: #7b848f;}
.edge_t dt p b{display: block;font-size: 1.2rem;line-height: 1.8rem;color: #fff;}
.edge_t dd{height:0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;clear: both;}
.edge_t dd p{opacity: 0.5;padding: 0 0 14px;}
.edge_t ul li:first-child dl{left: 0;width: 100%;}
.edge_t li.cur dl{height:auto;background: rgba(10 , 91 , 224 , 0.95);border-radius: 10px 10px 0 0;}
.edge_t li.cur dt p{color: #fff;font-size: 16px;line-height: 24px;}
.edge_t li.cur dt p b{font-size: 36px;line-height: 40px;}
.edge_t li.cur dd{display: block;height:auto;border-top: 1px dotted rgba(255 , 255 , 255 , 0.3);padding: 22px 0 0;}

.edge_c{width:100%;max-width: 1920px;overflow: hidden;display: block;}
.edge1,.edge1 img{display: block;width:100%;}


/*资讯*/
.nswsbox{height:692px;padding:90px 0; overflow: hidden;font-family:"Microsoft Yahei";line-height:18px;color: #6e6e6e;font-size: 14px;clear: both;}
.nswsbox h3{font-size:22px;height:64px;line-height:25px;color: #3d4b5b;padding: 0 0 0 52px;background:url(../images/new_ico2.gif) no-repeat 0 0;}
.nswsbox h3 em{display: block;font-size: 12px;line-height: 14px;color: #b0bac5;font-weight: normal;}
.nswsbox h3 a{color: #3d4b5b;display: inline-block;}
.nswsbox .news h3{background:url(../images/new_ico1.gif) no-repeat 0 0;}
.faqs{width: 573px;}
.news{width: 562px;}
.faqs,.news{height: 574px;overflow: hidden;padding: 30px 0 0;}

.news_c dl{height: 155px;margin:0 0 20px;border-bottom: solid 1px #d6d6d6;position: relative;}
.news_c dt,.news_c dt img{width:200px;height:125px;display: block;overflow: hidden;float: left;border-radius: 10px 10px 0 0;}
.news_c dd{width: 338px;float: right;}
.news_c dd h4{font-size:18px;line-height:51px;display: block;height:51px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c dd h4 a,.faqs_c h4 a{color: #001a39;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_c dl:hover dd h4 a,.faqs_c h4:hover a,.faqs_c h4 a:hover{color: #0a5be0;}

.faqs_c h4{height: 47px;line-height: 47px;font-size: 16px;color: #001a39;border: solid 1px #d2d2d2;margin-bottom: 10px;border-radius: 3px;padding: 0 24px;position: relative;}
.faqs_c h4:before,.faqs_c p:before{content: "+";position: absolute;width:45px;height:47px;top:0;right:0;line-height: 47px;color: #001a39;font-size: 20px;font-weight: bold;}
.faqs_c p:before{content: "-";}
.faqs_c p{background: #e0e2e4;border-radius: 3px;padding: 26px 74px 26px 26px;line-height: 24px;position: relative;margin-bottom: 11px;display: none;}
.faqs_c p span{display: block;padding: 24px 0 0;}
.faqs_c p span a{display: block;width: 181px;line-height: 39px;text-align: center;background: #0a5be0;color: #fff;border-radius: 8px 8px 0 0;}
.faqs_c li{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.faqs_c li.sidenavcur p{display: block;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:26px;position: relative;font-size: 16px;color: #fff;background:url(../images/aboutbg.jpg) no-repeat center bottom #0a5be0;}
.about_c{height:413px;overflow: hidden;padding:60px 0 0;}
.about_p,.about_p img{width:100%;overflow: hidden;display: block;}
.about_video{width: 602px;background:url(../images/videobg.gif) no-repeat center bottom;padding: 0 0 59px;}
.about_w{width:512px;float: left;}
.about_w h3{font-size:50px;line-height:62px;height:134px;}
.about_w h3 a{color: #fff;display: block;}
.about_w h3 span{display: block;font-size:30px;line-height:42px;}
.about_wc{height:143px;opacity: 0.6;}
.about_wc p{padding: 0 0 20px;}
.about_w .more01{display: block;}
.about_w .more01 a{display: block;width: 181px;line-height: 39px;text-align: center;border-radius: 8px 8px 0 0;border: solid 3px #fff;color: #fff;}

/*风采展示*/
.show{height:376px;padding-top:70px;font-family:"Microsoft Yahei";line-height:42px;color: #fff;font-size: 16px;}
.show_t{height:85px;font-size: 18px;line-height:52px;text-align: center;}
.show_t span{display: inline-block;width:243px;background:#001a39;color: #fff;border-radius: 8px 8px 0 0;}
.show_t span a,.show_l li span a{color: #fff;}
.show_t span.cur{background:#0a5be0;}
.show_t span:nth-child(2){margin: 0 10px;}
.show_l{overflow: hidden;}
.show_l li{width:287px;float: left;margin:0 17px 0 0;position: relative;}
.show_l li p,.show_l li p img{width:287px;height:210px;display: block;overflow: hidden;border-radius: 10px 10px 0 0;}
.show_l li span{display: block;text-align: center;position: absolute;left: 0;bottom:0;height: 0;background: rgba(0 , 0 , 0 , 0.8);-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;width: 100%;}
.show_l li:hover span{height: 42px;}

/*友情链接*/
.link{height:68px;line-height:48px;color: #191919;position: relative;z-index: 9;font-size: 16px;background: #ececec;text-align: center;}
.link:before{content: "";position: absolute;width:366px;height:2px;top:-10px;background: #cfcfcf;left: 50%;margin-left: -183px;}
.link_c{width:1200px;margin: 0 auto;}
.link_c a{display: inline-block;color: #191919;padding: 0 5px;}
.link_c i{display: inline-block;color: #8f8f8f;width:40px;text-align: center;}

.prod1_rp li p img, .case_c dt img, .news_c dt img, .show_l li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod1_rp li:hover p img, .case_c dl:hover dt img, .news_c dl:hover dt img, .show_l li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}