@charset "utf-8";

/*banner*/
.banner{position: relative;clear: both;min-height:650px; margin-top:161px;}
.ban_p,.ban_p li{ height:650px;overflow: hidden;}
.ban_p li{ display:block; height:650px;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 1920px;height: 650px;position: absolute;left: 50%;top:0;margin-left: -960px;}
.ban_t{width:1100px;height:50px;bottom:0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 14px;height: 14px;border-radius: 14px;margin-right:20px; display: inline-block;background: #fff;}
.ban_t em.on{background: #0a68c0;}

.til01{text-align: center;display: block;font-size:48px;color: #333;line-height:54px;height:98px;font-weight: normal;background:url(../images/ico1.png) no-repeat center bottom;margin-bottom: 25px;}
.til01 a{display: block;color: #333;}
.til01 p{display: block;font-size:18px;line-height:25px;opacity: 0.8;}

/*搜索*/
.seabox{height:51px;padding: 19px 0 0;border-bottom: solid 1px #dcdcdc;line-height: 36px;font-family:"Microsoft Yahei";}
.sea_inp{width:308px;overflow: hidden;border: solid 1px #cdcdcd;border-bottom: 0;height: 34px;line-height: 34px;border-radius: 17px;overflow: hidden;background: #f7f7f7;}
.sea_inp .serach{width:260px;height:34px;line-height:34px;color:#666;float:left;outline: none;display: block;position: relative;border: 0;font-size: 14px;padding-left: 12px;background: #f7f7f7;}
.sea_inp .sub{ width:35px; height:34px;border:0;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.png) no-repeat 4px 2px;}
.keyword{width: 650px;color: #333;}
.keyword a{color: #666;display: inline-block;padding: 0 5px;}

/*引子*/
.webox{height:454px;font-size:16px;color: #666;font-family:"Microsoft Yahei";line-height:26px;position: relative;overflow: hidden;padding:71px 0 0;}
.webox dl{position: relative;}
.webox dl:before{content: "";position: absolute;width:535px;height:351px;background:url(../images/we_pbg.gif) no-repeat 0 0;top:0;left: 0;z-index: -1;}
.webox dt{margin: 10px 0 0 10px;}
.webox dt,.webox dt img{width:590px;float: left;height:351px;overflow: hidden;}
.webox dd{width:525px;float: right;}
.webox dd h3{height:97px;font-size:48px;line-height:90px;color: #222;position: relative;font-weight: normal;margin-bottom: 26px;}
.webox dd h3:before,.webox dd h3:after{content: "";position: absolute;width:519px;height:1px;background:#dedede;bottom:0;left: 0;z-index: -1;}
.webox dd h3:after{width: 28px;background: #0a68c0;}
.webox dd p{height: 142px;}
.webox dd span{height: 85px;background:url(../images/we_ico.gif) no-repeat 152px 0;line-height: 85px;display: block;}

/*产品中心*/
.probox{padding:71px 0 0;position: relative;z-index: 1;border-bottom: solid 9px #f2f2f2;}
.probox:before{content: "";position: absolute;width:100%;height:970px;top:0;left: 0;z-index: -1;}
.prod1{height:854px;position: relative;overflow: hidden;}
.pro_til{height: 129px;}
.pro_t1{width: 50%;height: 100px;line-height: 100px;color: #fff;background:url(../images/protbg1.gif) repeat-x 0 0 #0a68c0;}
.pro_t1 a{color: #fff;}
.pro_t1.cur{background:url(../images/protbg2.gif) repeat-x 0 0 #0098d4;}
.pro_tc{width: 577px;height: 100px;padding:0 0 0 25px;background:url(../images/ico03.png) no-repeat right 40px;margin-right: 25px;position: relative;}
.pro_t1.cur .pro_tc{background:url(../images/ico02.png) no-repeat right 40px;}
.pro_t1.cur .pro_tc:before{content: "";position: absolute;width:0;height:0;top:100px;left:262px;border-right:30px solid transparent;border-left:30px solid transparent;border-top:15px solid #0098d4;}
.pro_til .pro_t1:nth-child(1) .pro_tc{float:right;}
.pro_tc h3{float: left;font-size: 26px;}
.pro_tc h3 a{display: block;padding:0 18px 0 56px;}
.pro_tc p{padding: 0 0 0 8px;}
.pro_tc p a{display: inline-block;padding: 0 0 0 14px;}
.pro_tc p a:hover{font-weight: bold;text-decoration: underline;}

.pro_r{width: 609px;overflow: hidden;font-size: 16px;}
.pro_r li{width:284px;float: left;margin: 0 0 15px 20px;}
.pro_r li p,.pro_r li p img{width:284px;height: 213px;display: block;overflow: hidden;}
.pro_r li h4,.prod_cl li h4{height:57px;display: block;overflow: hidden;line-height: 57px;text-align: center;background: #fff;border-bottom: solid 4px #fff;font-weight: normal;}
.pro_r li h4 a,.prod_cl li h4 a{display: inline-block;padding:0 33px 0 0;background:url(../images/ico04.png) no-repeat right center;color: #666;}
.pro_r li:hover h4{border-color:#0a68c0;}
.pro_r li:hover h4 a,.pro_r li h4 a:hover,.prod_cl li:hover h4 a,.prod_cl li h4 a:hover{background:url(../images/ico05.png) no-repeat right center;color: #0a68c0;}
.pro_l,.pro_lp,.pro_lp img{width:591px;height: 563px;display: block;overflow: hidden;}
.pro_lw{position: absolute;width: 546px;background: rgba(0 , 0 , 0 , 0.5);height: 200px;left: 0;bottom: 0;color: #fff;padding: 20px 0 0 45px;}
.pro_lw h3{font-size: 26px;height: 56px;line-height: 48px;padding: 0 0 0 20px;position: relative;}
.pro_lw h3:before{content: "";position: absolute;width:3px;height:24px;top:12px;left: 0;background: #fff;}
.pro_lt{height: 70px;display: block;}
.pro_lt span{height:69px;display: block;width: 69px;border-radius: 69px;text-align: center;line-height: 69px;background: #fff;color: #333;float: left;margin: 0 12px 0 0;font-size: 16px;}
.pro_lt span.cur,.prod_t li a:hover{color: #fff;}
.pro_lz p{display: block;line-height:50px;}

.prod2{height: 440px;}
.prod_t{height:80px;font-size: 18px;line-height: 48px;}
.prod_t h3{font-size:32px;line-height:36px;float: left;padding: 0 0 0 26px;position: relative;color: #333;}
.prod_t h3:before{content: "";position: absolute;width:5px;height:50px;top:7px;left: 0;background: #0a68c0;}
.prod_t h3 a{display: block;color: #333;}
.prod_t h3 span{display: block;color: #666;font-size: 16px;font-weight: normal;line-height: 21px;}
.prod_t ul{float: right;padding: 6px 0 0;}
.prod_t li{float: left;margin-left: -1px;border: solid 1px #d5d5d5;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.prod_t li.cur,.prod_t li:hover{border:0;}
.prod_t li.cur a,.prod_t li:hover a{color: #fff;}
.prod_t li a{color: #333;display: block;padding: 0 30px;}

.prev1,.next1,.prev2,.next2{width: 43px;height: 37px;display: block;top: 86px;right: -66px;cursor: pointer;z-index: 9;}
.prev1{left: -66px;}
.prod_cl{overflow: hidden;}
.prod_c li{float: left;margin:0 20px 0 0;width: 286px;font-size: 16px;}
.prod_c li p,.prod_c li p img{width:286px;height:215px;display: block;overflow: hidden;}

/*优势*/
.edge{font-family:"Microsoft Yahei";font-size:16px;position: relative;line-height:30px;padding:26px 0 96px;color: #666;}
.edge:before{content: "";position: absolute;width:100%;height:1px;top:240px;left:50%;margin-left: -600px;z-index: -1;border-bottom: dashed 1px #b2b2b2;}
.edge h2{text-align: center;height: 203px;}
.edge_t{text-align: center;height: 76px;font-size: 22px;line-height: 42px;padding: 0 0 0 126px;}
.edge_t li{width: 255px;float: left;background:url(../images/ico06.png) no-repeat center 0;padding: 26px 0 0;color: #000;}
.edge_t li.cur{background:url(../images/ico07.png) no-repeat center 0;color: #0a68c0;}
.edge_p,.edge_p img{width: 1200px;height: 542px;display: block;overflow: hidden;}
.edge_w{height: 139px;overflow: hidden;}
.edge_w h3{background:url(../images/edgetbg.gif) no-repeat 0 0;height: 111px;position: relative;width: 338px;float: left;font-size: 32px;line-height:49px;color: #fff;padding:28px 0 0 48px;}
.edge_w h3:before{content: "";position: absolute;width:0;height:0;top:60px;right:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #0a68c0;}
.edge_w h3:after{content: "";position: absolute;width:14px;height:3px;top:77px;left:49px;background: #fff;}
.edge_w h3 span{font-size:16px;line-height: 36px;display: block;font-weight: normal;}
.edge_l2{float: left;padding:25px 0 0 20px;}
.edge_l2 li{padding:0 0 0 20px;height: 31px;background:url(../images/ico08.gif) no-repeat 0 7px;}
.edge_l1{float: right;padding: 33px 0 0;}
.edge_l1 li{float: left;padding:0 40px 0 0;line-height: 20px;position: relative;}
.edge_l1 li:before{content: "";position: absolute;width:1px;height:0;top:60px;}
.edge_l1 li span{display: block;height: 48px;color: #0a68c0;}
.edge_l1 li span b{line-height: 48px;float: left;font-size:38px;}

/*案例*/
.case{overflow: hidden;padding:83px 0 0;position: relative;height: 790px;line-height: 26px;}
.case_t{height:57px;line-height: 57px;font-size: 18px;text-align: center;}
.case_t h3{color: #fff;float: left;width:199px;margin: 0 1px 0 0;font-size: 18px;font-weight: normal;background:url(../images/protbg1.gif) repeat-x 0 bottom #0a68c0;}
.case_t h3 a{color: #fff;display: inline-block;padding-left: 38px;}
.case_t h3.cur,.case_t h3:hover{font-weight: bold;background: #0098d4 url(../images/protbg2.gif) repeat-x 0 0;}

.case_c{height: 460px;position: relative;}
.prev2,.next2{top: 490px;left: 50%;margin-left:42px;}
.prev2{margin-left:-82px;}
.case_cl .tempWrap{overflow: visible !important;height: 440px;}
.case_cl li{width:361px;position: relative;float: left;margin: 0 26px 0 0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;padding: 72px 0 20px;}
.case_cl li em,.case_cl li em img{width:361px;height:270px;display: block;overflow: hidden;}
.case_cl li span{height:73px;display: block;text-align: center;line-height: 73px;font-size: 16px;position: relative;font-weight: bold;background: #fff;}
.case_cl li span b{width: 91px;height: 91px;border-radius: 91px;position: absolute;left: 22px;top: -57px;overflow: hidden;background: #fff;box-shadow: 1px 1px 3px 3px rgba(0 , 0 , 0 , 0.2);}
.case_cl li span b img{width: 91px;height: 91px;border-radius: 91px;display:block;}
.case_cl li span a{display: block;color: #333;}
.case_cl li p,.case_cl li:hover span{display: none;}
.case_cl li p{height:94px;line-height: 25px;color: #666;text-align: center;padding: 22px 0 0;position: relative;background: #fff;}
.case_cl li p a{display: block;line-height: 26px;color: #000;font-size: 16px;font-weight: bold;}
.case_cl li p b{display: block;line-height:30px;width: 103px;position: absolute;left: 50%;margin-left: -52px;top: 100px;background: #0a68c0;}
.case_cl li p b a{display: block;font-weight: normal;color: #fff;font-size: 14px;}
.case_cl li:hover{margin-top: -37px;}
.case_cl li:hover p{display: block;}


/*资讯*/
.nswsbj{height:718px;padding-top:94px; overflow: hidden; font-family:"Microsoft Yahei";line-height: 23px;color: #777;}
.nswsbj .til01{margin-bottom: 41px;}
.new_l{width: 483px;}
.new_l h3{height: 42px;overflow: hidden;}
.new_l h3 b{float: left;}
.new_l h3 b a{background:url(../images/ico_top.gif) no-repeat 0 0;width: 64px;height: 35px;display: block;}
.new_l h3 span{float: right;text-transform: uppercase;font-size: 16px;line-height: 28px;font-weight: normal;}
.new_l h3 span a{display: inline-block;color: #666;}
.new_r{width: 676px;line-height: 20px;}
.new_t{height:45px;position: relative;line-height:30px;margin-bottom: 14px;}
.new_t h3{float: left;margin: 0 46px 0 0;font-size:22px;font-weight: normal;height: 43px;}
.new_t h3 a{display: block;color: #000;}
.new_t h3.cur{border-bottom: solid 2px #0a68c0;font-weight: bold;}
.new_t h3.cur a{display: block;color: #0a68c0;}
.new_t:before{content: "";position: absolute;width:676px;height: 1px;background: #dedede;right:0;bottom:0;z-index: -1;}
.new_t li.cur:before{content: "";position: absolute;width: 80px;height: 6px;background: #ff9600;left: 0;top: 46px;z-index: -1;}

.new_lc dl{overflow: hidden;height:442px;display: block;}
.new_lc dt,.new_lc dt img{width:483px;overflow: hidden;height:268px;display: block;}
.new_lc dd{padding:18px 44px 0;}
.new_lc dd h4{font-size: 18px;line-height: 49px;height: 49px;overflow: hidden;font-weight: normal;}
.new_lc dd h4 a{display: block;color: #333;}

.new_rc li{height:106px;border-bottom: dashed 1px #ccc;margin-bottom: 8px;}
.new_rc ul li:last-child{border: 0;}
.new_rc li span{display: block;font-size: 18px;line-height: 45px;height: 45px;overflow: hidden;}
.new_rc li span a{display: block;color: #333;}
.new_rc li:hover a,.new_rc li a:hover,.new_lc dl:hover dd h4 a,.new_lc dd h4 a:hover{font-weight: bold;color: #0a68c0;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:26px;color: #666;}
.about_p,.about_p img{width:100%;display: block;overflow: hidden;margin: 0 auto;min-width: 1200px;}
.about_w{height: 130px;position: relative;z-index: 1;padding: 42px 0 0;}
.about_w:before{content: "";position: absolute;width:50%;height:172px;background:url(../images/aboutwbg.gif) no-repeat right 0 #0a68c0;right:50%;margin-right:329px;top:0;z-index: -1;}
.about_w h3{width:313px;font-weight: normal;font-size: 48px;line-height: 56px;float: left;}
.about_w h3 span{display: block;font-size: 18px;line-height: 26px;}
.about_w h3 a{display: block;color: #fff;}
.about_w p{width: 840px;float: left;}

/*风采展示*/
.show{height:355px;position: relative;text-align: center;font-size: 16px;padding: 62px 0 0;}
.show_t{height:47px;line-height:43px;font-size: 18px;overflow: hidden;padding: 0 0 0 395px;margin-bottom: 22px;}
.show_t li{height:48px;color: #fff;width: 195px;float: left;border: solid 2px #4c4d50;float: left;margin:0 20px 0 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.show_t li a{display: inline-block;color: #333;padding-left: 37px;}
.show_t li.cur{border:0;color: #fff;}
.show_t li.cur a{color: #fff;background-position: 0 -62px!important;}

.show_c1{position: relative;}
.prev3,.next3{width: 32px;height: 32px;display: block;top:89px;right: -51px;}
.prev3{left: -51px;}
.show_cl{overflow: hidden;}
.show_c li{float: left;margin:0 38px 0 0;position: relative;}
.show_c li,.show_c li p,.show_c li p img,.show_c li span{width: 270px;height:203px;display: block;overflow: hidden;}
.show_c li span{display: none;position: absolute;left: 0;top: 0;background: rgba(9 , 104 , 196 , 0.8);}
.show_c li span a{margin: 91px 45px 0;line-height:31px;color: #fff;display: block;border-top: solid 1px #a7c6e9;border-bottom: solid 1px #a7c6e9;white-space: nowrap;}
.show_c li span em{background:url(../images/ico09.png) no-repeat 0 5px;display: inline-block;padding-left: 32px;}
.show_c li:hover span{display:block;}


.pro_lt span.cur,.prod_t li:hover,.prod_t li.cur,.case_cl li p b,.show_t li.cur{background: #0a68c0;background-image: -webkit-gradient(linear, top left, bottom right, from(#01bdfd), to(#096ac5)); 
    background-image: -webkit-linear-gradient(top, #01bdfd, #096ac5); 
    background-image: -moz-linear-gradient(top, #01bdfd, #096ac5); 
    background-image: -o-linear-gradient(top, #01bdfd, #096ac5); 
    background-image: -ms-linear-gradient(top, #01bdfd, #096ac5); 
    background-image: linear-gradient(top, #01bdfd, #096ac5);}


/*友情链接*/
.link{height:88px;line-height:88px;position: relative;z-index: 9;background: #0a68c0;text-align: center;color: #fff;}
.link_c{width:1200px;margin: 0 auto;}
.link a{display: inline-block;color: #fff;padding:0 0 0 22px;}


.webox dt img, .pro_r li p img, .pro_r li p img, .prod_c li p img, .new_lc dl dt img, .show_c li p img, .edge_p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox dl:hover dt img, .pro_r li:hover img, .pro_r li:hover img, .prod_c li:hover p img, .new_lc dl:hover dt img, .show_c li:hover p img, .edge_p:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

.probox:before,.prod_cl li h4,.edge_w,.case,.new_lc dl,.about_w{font-family:"Microsoft Yahei";background:url(../images/bg01.jpg) repeat center 0;}