@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;}
.ban_p li{ display:block; height:auto;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;max-width: 1920px;}
.ban_p li img {width: 100%!important;max-width: 1920px;display:block;}
.ban_t{width:600px;height:100px;bottom: 0;left:50%;margin-left:-300px;position: absolute;text-align: center;}
.ban_t em{width:82px;height:3px;margin-right:16px; display: inline-block;background: #fff;}
.ban_t em.on{background: #4d98ff;}

.prev1,.next1{width:26px;height:47px;cursor: pointer;overflow: hidden;background:url(../images/next1.png) no-repeat 0 0;display: block;position: absolute;left:50%;margin-left: 547px; bottom:-78px;z-index: 9;}
.prev1{background:url(../images/prev1.png) no-repeat 0 0;margin-left: 447px;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}

.til01{color: #333;font-size:45px;line-height:61px;font-family: "Microsoft Yahei";clear: both;display: block;height:150px;white-space: nowrap;text-align: center;font-weight: normal;}
.til01 p{display: block;font-size:22px;line-height: 40px;opacity: 0.66;letter-spacing: 8px;}
.til01 b{display: inline-block;padding: 0 5px 0 0;}
.til01 a{color: #333;}

/*搜索*/
.seabox{height:67px;line-height:36px;font-family: "Microsoft Yahei";position: relative;padding: 41px 0 0;background: #f4f4f4;}
.keyword{width:490px;color: #7e7e7e;}
.keyword a{padding: 0 12px;color:#b4b4b4;}
.keyword a:hover{color: #1733a3;text-decoration: underline;}
.sea_inp{width:686px;height:36px;line-height:36px;position: relative;z-index: 1;}
.sea_inp:before,.sea_inp:after{content: "";position: absolute;width:1px;height:61px;right: 0;top:-16px;background: #c4c4c5;z-index:-1;}
.sea_inp:before{right:190px;}
.sea_inp .serach{width:363px;height:36px;border:0;background:#e7e7e7;line-height:36px;color:#bbb;padding:0 0 0 32px;float:left;outline: none;display: block;font-size:14px;}
.sea_inp .sub{ width:42px; height:36px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.gif) no-repeat 0 0;border: 0;line-height:80px;}

/*特点*/
.webox{font-family: "Microsoft Yahei";padding:66px 0 0;line-height: 26px;color: #333;height:442px;}
.webox_p{width: 670px;}
.webox_p img{width: 651px;height: 350px;box-shadow: 5px 5px 8px 2px #a5a5a5}
.webox_w{width: 496px;padding: 27px 0 0;}
.webox_w h3{font-size: 40px;color: #333;line-height: 56px;height: 138px;overflow: hidden;}
.webox_w h3 em{font-size:12px;line-height: 26px;text-transform: uppercase;font-weight: normal;display: block;}
.webox_w h3 p{font-size:22px;line-height:32px;font-weight: normal;display: block;}
.webox_w h3 p i{display: inline-block;padding: 0 20px 0 30px;background:url(../images/we_ico1.gif) no-repeat 0 center;}
.webox_w h3 p i:nth-child(2){background:url(../images/we_ico2.gif) no-repeat 0 center;}
.webox_w h3 p i:nth-child(3){background:url(../images/we_ico3.gif) no-repeat 0 center;}
.webox_w p{height: 102px;}
.webox_w span{height:83px;display: block;line-height: 70px;background:url(../resource/images/1c55d104b07f4d3c805e5455b3ec1fc2_2.png) no-repeat 66px center;font-size: 16px;}

/*产品*/
.probox{padding:65px 0 0;height: 954px;line-height: 26px;font-family: "Microsoft Yahei";background: #f0f0f0;}
.pro_l{width: 308px;background: #fff;}
.pro_l h2{background: #1c3ab1;height: 95px;padding:25px 0 0 44px;font-size: 34px;line-height: 40px;}
.pro_l h2 a{display: block;color: #fff;}
.pro_l h2 em{display: block;font-weight: normal;font-size: 24px;line-height: 28px;text-transform: uppercase;}
.pro_lc{border: solid 3px #d7d7d7;border-top: 0;height: 573px;overflow: hidden;position: relative;}
.pro_lc:before{content: "";position: absolute;width:308px;height:5px;right:-3px;bottom:0;background: #1c3ab1;z-index:1;}
.pro_l h3{height: 56px;line-height: 56px;font-size: 16px;margin-bottom: 1px;background: #f3f3f3;padding: 0 45px;}
.pro_l h3 a{display: block;color: #424242;background:url(../images/ico1.gif) no-repeat right center;}
.pro_l h3.on{background: #e8e8e8;}
.pro_l h3.on a{background:url(../images/ico2.gif) no-repeat right center;color: #1c3ab1;}
.pro_l ul{display: block;padding: 0 21px 7px;font-size: 14px;line-height: 52px;}
.pro_l li{display: block;height: 52px;border-bottom: solid 1px #ededed;}
.pro_l li a{display: block;color: #333;padding: 0 0 0 34px;background:url(../images/ico3.gif) no-repeat 15px 24px;}
.pro_l li a:hover{color: #1c3ab1;}

.pro_r{width:864px;}
.pro_c{width:864px;height: 370px;background: #fff;box-shadow: 2px 2px 2px #c7c7c7;}
.pro_c dl{width:864px;height: 370px;}
.pro_c dt,.pro_c dt img{width: 555px;height:370px;display: block;overflow: hidden;float: left;}
.pro_c dd{width: 268px; padding:31px 0 0 25px;float: left;}
.pro_c dd h3{font-size: 16px;color: #333;line-height:48px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_c dd h3 a{display: block;color: #333;}
.pro_c dd li{padding: 0 0 14px;}
.pro_more a{display: block;color: #1c4d90;width: 136px;line-height: 40px;border-radius: 20px;text-align: center;border: solid 1px #1c4d90;}
.pro_c dd .pro_cw{height:178px;overflow:hidden;margin-bottom:24px;}
.pro_t{height:287px;margin: 33px 0 0;background: #fff;clear: both;box-shadow: 0 0 2px 2px #c7c7c7;overflow: hidden;}
.pro_t ul{width: 880px;}
.pro_t li{width: 286px;height: 286px;float: left;border-right: solid 2px #f0f0f0;}
.pro_t li p,.pro_t li p img{width: 286px;display: block;height: 214px;overflow: hidden;}
.pro_t li span{display: block;text-align: center;line-height: 56px;}

/*产品优势*/
.chara{background:url(../images/charabg.jpg) no-repeat center bottom;padding:76px 0 0;font-family:"Microsoft Yahei";line-height:20px;height:739px;color: #fff;line-height: 28px;}
.chara_c{width:570px;float: right;padding:85px 0 0;}
.chara_c dl{width:268px;height:236px;float: left;position: relative;}
.chara_c dl:nth-child(2n){padding:0 0 0 64px;width: 230px;}
.chara_c dt{height: 127px;display: block;position: relative;}
.chara_c dt p{display: block;font-weight: bold;font-size: 22px;line-height: 56px;clear: both;}
.chara_c dt span{display: block;float: left;-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.chara_c dt:before{content: "";position: absolute;width:32px;height:2px;left:0;top:107px;background: #fff;}
.chara_c dd{opacity: 0.8;}
.chara_c dd b{font-size: 16px;}
.chara_c dl:hover dt span{-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);}

/*案例*/
.case{padding-top:97px;position: relative;font-family:"Microsoft Yahei";height:1016px;color: #8c8c8c;z-index: 1;}
.case:before{content: "";position: absolute;width:100%;height:714px;right:0;bottom:0;background: #f5f5f5;z-index:-1;}
.case_t{height:152px;font-size: 22px;line-height:40px;padding: 0 0 0 2px;}
.case_t li{width:240px;height: 113px;float: left;margin-left:-2px;border: solid 2px #ebebeb;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.case_t li p{width:135px;float: left;padding: 36px 0 0 9px;color: #000;}
.case_t li p a{display: inline-block;height: 40px; color: #000;}
.case_t li span{position: relative;width:53px;height:41px;display: block;margin: 37px 0 0 36px;overflow: hidden;float: left;}
.case_t li span i{width:53px;height:41px;position: absolute;display: block;top:0;left:0;}
.case_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.case_t 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;}
.case_t li.cur,.case_t li.cur a{color: #fff;background:#1c3ab1;border-color: #1c3ab1;}
.case_t li.cur a{border-bottom: solid 2px #fff;font-weight: bold;}
.case_t li.cur span .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);}
.case_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.case_c dl{width:884px;height:603px;background: #fff;overflow: hidden;}
.case_c dt,.case_c dt img{width: 884px;height:497px;display: block;overflow: hidden;}
.case_c dd{padding: 22px 44px;line-height:25px;color: #4c4c4c;}
.case_c dd h3{height:34px;font-size:24px;line-height:34px;color: #333;}
.case_c dd h3 a{color: #333;display: block;}
.case_r {width:278px;height:604px;overflow: hidden;}
.case_r li p,.case_r li p img{width:278px;height: 156px;display: block;overflow: hidden;}
.case_r li span{display: block;height: 48px;line-height: 38px;font-size: 16px;text-align: center;}
.case_r li span a{display: block;color: #4c4c4c;}

/*优势*/
.edge{clear: both;font-family:"Microsoft Yahei";position: relative;color: #6c6c6c;line-height: 42px;padding: 83px 0 0;font-size: 16px;}
.edge1{height: 563px;}
.edge_z{width: 50%;}
.edge_w{width: 554px;padding: 45px 46px;}
.edge_w2{padding-right: 50px;}
.edge_w h3{height: 151px;font-size: 24px;line-height: 44px;color: #666;}
.edge_w h3 em,.edge_w h3 em img{width:80px;height: 129px;display: block;float: left;}
.edge_w h3 p{width:430px;float: left;padding:35px 0 0 24px;}
.edge_w h3 p b{display: block;font-size: 32px;color: #1733a3;line-height: 48px;}
.edge_w h3 p span{font-weight: normal;}
.edge_lw{height: 170px;overflow: hidden;}
.edge_lw li{padding: 0 0 0 14px;position: relative;}
.edge_lw li:before{content: "";position: absolute;width:4px;height:4px;left:0;top:20px;background: #1733a3;}
.edge_lp li{float: left;margin:0 18px 0 0;}
.edge_lp li,.edge_lp li img{width: 259px;height: 120px;display: block;overflow: hidden;}
.edge_p{width: 50%;height:535px;display: block;background: url(../images/edge_pic1.jpg) no-repeat 0 0;}
.edge_p2{background: url(../images/edge_pic2.jpg) no-repeat right 0;}
.edge_p3{background: url(../images/edge_pic3.jpg) no-repeat 0 0;}

/*资讯*/
.newbox{line-height: 25px;height:676px;font-family:"Microsoft Yahei";padding: 94px 0 0;}
.new_t{height:76px;line-height:41px;font-size: 20px;border-bottom: solid 1px #e5e5e5;padding: 0 0 0 405px;margin-bottom: 38px;}
.new_t li{float: left;width: 181px;text-align: center;border-radius:3px;border: solid 2px #e5e5e5;}
.new_t li span{padding: 0 0 0 37px;display: inline-block;}
.new_t li.cur span{background-position: 0 -62px!important;}
.new_t li.cur{color: #1733a3;border-color: #1733a3;font-weight: bold;}

.new_l{width:379px;overflow: hidden;}
.prev2,.next2{width:27px;height: 27px;top:172px;z-index: 9;cursor: pointer;right:9px;}
.prev2{right:42px;}

.new_l dt,.new_l dt img{height:213px;width: 379px;display: block;overflow: hidden;}
.new_l dd{padding: 17px 0 0;}
.new_l dd h3{font-size:16px;line-height:53px;color: #333;}
.new_l dd a{color: #333;}

.new_r{width: 820px;overflow: hidden;height:338px;}
.new_c{height: 338px;}
.new_c1 li{width:308px;height: 140px;float: left;border-bottom: solid 1px #ccc;margin:0 0 40px 100px;}
.new_c1 li span{color: #666;font-size:12px;font-weight: bold;}
.new_c1 li p{height:98px;display: block;}
.new_c1 li p a{display: block;font-size: 16px;line-height: 36px;color: #000;height: 44px;font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new_c1 ul li:hover a{color: #1733a3;}

/*关于*/
.about{font-family:"Microsoft Yahei";line-height:28px;background:url(../images/aboutbg.jpg) no-repeat center 0;padding: 95px 0 0;color: #333;position: relative;z-index: 1;}
.about:before{content: "";position: absolute;width:100%;height:4px;right:0;bottom:285px;background: #e9e9e9;z-index:-1;}
.about h2,.about h2 a{color: #fff;}
.about_c{display: block;height: 420px;background: #fff;}
.about_w{padding:63px 46px 0 0;width:504px;}
.about_w h3{font-size: 26px;line-height: 100px;color: #333;}
.about_w h3 a{display: block;color: #333;}
.about_wz{height: 192px;overflow: hidden;}
.about_p,.about_p img{height:420px;width: 600px;display: block;overflow: hidden;}

/*风采展示*/
.show{height: 347px;padding: 29px 0 0;font-size: 20px;line-height: 70px;text-align: center;overflow: hidden;clear: both;}
.show_t{height:96px;font-size: 26px;line-height:58px;}
.show_t li a{display:block;color:#666;}
.show_t li{height:58px;float: left;margin:0 40px 0 0;}
.show_t li.cur{color: #00277c;border-bottom: solid 4px #00277c;}
.show_t li.cur a,.show_t li a:hover{color: #00277c;}
.show_c ul{width:1277px;}
.show_c li{width: 277px;float: left;padding: 0 30px 0 0;}
.show_c li p,.show_c li p img{width: 277px;height: 156px;display: block;overflow: hidden;}
.show_c li span a{display: block;color: #666}

/*友情链接*/
.link{width: 100%;background:#161616;padding:15px 0;}
.link_c{background:#161616;width:1200px;margin:0 auto;color:white;}
.link a{display: inline-block;color: #fff;font-size: 14px;padding: 0 10px;line-height:30px;}

.pro_c dt img, .pro_t li p img, .case_c dt img, .edge_lp li img, .new_l dt img, .about_p img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro_c dt img:hover, .pro_t li p img:hover, .case_c dt img:hover, .edge_lp li img:hover, .new_l dt img:hover, .about_p img:hover, .show_c li p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}