@charset "utf-8";
/* CSS Document */

.banner{clear: both;display:block;height:672px; overflow:hidden;}
.banner a{ display:block; background:url(img/index/banner1.jpg) no-repeat center top; height:672px; overflow:hidden;}

.banners{height: 672px;}
.fullSlide {width:100%;position:relative;height:672px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {background-repeat: no-repeat;width:100% !important;height:672px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:672px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */
                   display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:6px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#175aac;width:30px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}


.til01{text-align: center;font-size:40px;color: #111;line-height:60px;height:120px;background:url(img/index/casetbg.gif) no-repeat center 0;}
.til01 a{color: #111;text-decoration:none;}
.til01 b{color: #175aac;}
.til01 p{color: #333;font-size:22px;font-weight: normal;line-height:32px;display: block;}

/*产品 */
.prod{font-family:"Microsoft Yahei";height: 732px;overflow: hidden;background:url(img/index/probg.jpg) no-repeat center 0;padding: 84px 0 0;}
.prod .til01{background:url(img/index/protbg.png) no-repeat center 0;width: 320px;left: -22px;top: 0;color: #fff;}
.prod .til01 a,.prod .til01 p{color: #fff;}
.prodtil{height: 114px;text-align: right;padding: 0 0 0 350px;overflow: hidden;width: 854px;}
.prodtil ul{width: 1000px;}
.prodtil li{height:78px;border-right: solid 1px #5d8cc5;float: left;padding: 0 24px;color: #fff;font-size: 16px;line-height: 25px;}
.prodtil li a{color:#fff; text-decoration:none;}
.prodtil li span{display: block;padding:18px 0 0;font-family: Impact;line-height: 23px;}
.prodtil li.cur,.prodtil li:hover{background: #fff;border-color: #fff;color: #175aac;}
.prodtil li.cur a,.prodtil li:hover a{color: #175aac;}
.prod_c{height: 550px;overflow: hidden;width: 1200px;}
.prod_c dl{height: 550px;display: block;background:url(img/index/procbg.jpg) no-repeat center 0;}
.prod_c dt{float: left;padding: 0 0 0 78px;}
.prod_c dt,.prod_c dt img{height: 550px;display: block;width: 550px;}
.prod_c dd{float: left;padding:127px 0 0 56px;width: 400px;}
.prod_c dd h3{height: 85px;line-height: 56px;font-size: 22px;color: #111;}
.prod_c dd h3 a{color: #111;}
.prod_w{height: 179px;overflow: hidden;color: #535353;line-height: 24px;}
.prod_w1{height:68px;overflow: hidden;padding: 1px 0 0;}
.prod_w span{width: 75px;height: 68px;border: solid 1px #d1d1d1;text-align: center;float: left;display: block;font-weight: bold;line-height: 30px;margin-top: -1px;position: relative;}
.prod_w span img{width:26px;height:25px;display: block;padding: 10px 0 0;margin:0 auto;}
.prod_w p{width:302px;float: left;padding: 0 0 0 20px;}
.prod_w2 p{padding-top: 14px;}

.prod_ico{width: 160px;height: 84px;font-size: 16px; letter-spacing:3px; color: #666;right: 0;bottom: 0;line-height: 84px;text-align: center;}
.prod_ico span{color: #175aac;font-size: 20px;margin-right:2px;}


.prev1,.next1{width:29px;height:53px;display: block;overflow: hidden;top:257px;right:42px;z-index: 9;}
.prev1{left:42px;}
.prod_more{clear: both;height: 40px;line-height: 40px;text-align:center;}
.prod_more a{color: #fff;display: block;}
.prod_more span{width: 173px;float: left;background: #175aac;color: #fff;}
.prod_more span.pro_more1{background: #2d343d;}

/*案例 */
.case{padding: 70px 0 0;height: 837px;overflow: hidden;}
.casetil{height: 50px;border-right: solid 1px #dfdfdf;overflow: hidden;margin-bottom: 32px;text-align: center;font-size: 16px;}
.casetil ul,.case_c ul{width: 1210px;}
.casetil li{line-height: 48px;width: 200px;float: left;height: 50px;border: solid 1px #dfdfdf;border-right: 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.casetil li a{display: block;color: #111;}
.casetil li.cur{background: #175aac;border-color: #175aac;}
.casetil li.cur a,.casetil li a:hover{text-decoration:none;color: #fff;background: #175aac;}

.case_c li{float: left;margin: 0 1px 1px 0;position: relative;text-align: center;font-size: 16px;}
.case_c li,.case_c li img,.case_c li span{width: 399px;height: 299px;display: block;overflow: hidden;}
.case_c li span{position: absolute;left: 0;top: 0;height: 0;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.case_c li span a{ text-decoration:none; display: block;color: #fff;padding:92px 0;background:url(img/index/ico09.png) no-repeat center 147px;line-height: 50px;}
.case_c li.cur span{background:url(img/index/bg01.png) repeat;height: 299px;}

.witn{width: 397px;height: 297px;background: #f7f7f7;border: solid 1px #dfdfdf;right: 0;top: 572px;}
.witn_t{height: 21px;padding: 15px 0 0 300px;}
.witn_t em{height:8px;width: 15px;background:url(img/index/ico03.gif) no-repeat center 0;display: inline-block;}
.witn_t em:hover,.witn_t em.cur{background:url(img/index/ico04.gif) no-repeat center 0;}
.witn_c .gd{width:397px;overflow:hidden;}
.witn_c dl{background:url(img/index/witnlbg.gif) no-repeat center 125px;width:302px;padding:0 20px 0 25px;line-height: 24px;color: #5f5f5f;margin:0 auto;height: 262px;}
.witn_c dt img{margin:0 auto;width: 133px;height: 133px;display: block;border-radius: 133px;}
.witn_c dd{clear: both;padding: 18px 0;display: block;}

/*广告*/
.h_gg1{display: block;height: 470px;background:url(img/index/h_gg1.jpg) no-repeat center 0;color: #fff;}
.gg01{font-weight: bold;font-size: 38px;height: 41px;line-height: 41px;top:370px;left: 50%;margin-left: 52px;padding:0 56px;background:url(img/index/c_pho1.png) no-repeat right center;}

/*技术研发 */
.chara{padding: 71px 0 0;height: 968px;overflow: hidden;font-family:"Microsoft Yahei";line-height: 33px;}
.chara .til01{background:url(img/index/charatbg.gif) no-repeat center 0;}
.charatil{width: 1200px;height: 270px;left: 0;top: 572px;overflow: hidden;}
.charatil li{width:300px;float: left;text-align: center;background:url(img/index/charatbg1.gif) no-repeat center bottom;}
.charatil li p{display: block;height: 117px;letter-spacing: 2px;}
.charatil li p b{display: block;font-size: 24px;line-height: 34px;}
.charatil li span{display: block;padding: 50px 0 0;height:105px;}
.charatil li span img{width: 91px;height: 91px;display: none;margin:0 auto;}
.charatil li.cur{width:300px;float: left;text-align: center;background:url(img/index/charatbg2.png) no-repeat center bottom;color: #fff;height: 270px;}
.charatil li.cur span img{display: block;}
.chara_p,.chara_p img{width: 1200px;height: 500px;display: block;}
.chara_w{border: solid 1px #e0e0e0;border-top: 0;padding: 178px 0 0 64px;height: 100px;}
.chara_w li{clear: both;background:url(img/index/ico05.gif) no-repeat 0 8px;padding: 0 0 0 30px;}

/*合作*/
.part{height: 514px;}
.part .til01{background:url(img/index/partbg.gif) no-repeat center 0;height: 90px;}
.part_c{overflow: hidden;}
.part_c ul{padding: 1px 0 0 2px;width: 1210px;}
.part_c li{float: left;margin: -1px 0 0 -1px;position: relative;border: solid 1px #dfdfdf;}
.part_c li,.part_c li img{width: 298px;height: 134px;display: block;}
.part_c li img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray;}
.part_c li:hover img,.part_c li img:hover{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);}

/*合作*/
.newbox{background:url(img/index/newbg.gif) no-repeat center 0 #f7f7f7;overflow:hidden;font-family:"Microsoft Yahei";padding:151px 0 0;height:598px;}
.newbox .til01{background:url(img/index/newtbg.gif) no-repeat center 0;height: 90px;}
.newtil{width: 203px;height: 205px;background:url(img/index/line1.gif) no-repeat 78px 58px #175aac;color: #fff;font-size: 20px;top: 300px;left: 400px;padding: 16px 0 0 54px;}
.newtil li{height:49px;overflow: hidden;line-height: 49px;margin-bottom: 22px;}
.newtil li a{color:#fff;}
.newtil li p{width: 110px;float: left;padding: 0 0 0 18px;}
.newtil li span{height:49px;width: 49px;position: relative;float: left;display: block;}
.newtil li span i{width:49px;height:49px;position: absolute;left: 0;top:0;}
.newtil li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.newtil 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;}
.newtil li.cur 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);}
.newtil li.cur span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.new_p,.new_p img{width: 574px;height: 431px;display: block;overflow: hidden;}
.new_w{width: 625px;padding: 25px 0 0;overflow: hidden;font-size: 12px;line-height: 17px;color: #616161;}
.new_w dl{width:282px;height: 210px;float: left; overflow: hidden;padding: 0 30px 0 0;}
.new_w dt{height: 44px;line-height: 44px;font-size: 18px;font-weight: bold;color: #111;border-bottom: solid 1px #dfe0e1;margin-bottom: 11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:282px;display: block; }
.new_w dt a{color: #111;}
.new_w dt a:hover,.new_w dt:hover a{color: #175aac;text-decoration: none;}
.new_w dd p{height: 70px;overflow: hidden;}
.new_w dd span a{display: block;width: 92px;line-height: 23px;text-align: center;border: solid 1px #175aac;color: #175aac;text-transform:uppercase;}

/*关于*/
.abobox{font-family:"Microsoft Yahei"; overflow:hidden;background:url(img/index/about_pic.jpg) no-repeat center bottom;padding: 65px 0 0;height: 688px;}
.abobox .til01{background:url(img/index/aboutbg.gif) no-repeat center 0;height:88px;}
.about_c{height: 600px;}
.about_w{width:268px;padding: 129px 43px 0;background: #175aac;color: #fff;line-height: 25px;margin: 0 216px 0 0;}
.about_w a,.about_ico a{color: #fff;display: block;}
.about_w h3{height: 63px;font-size: 18px;}
.about_w p{height:213px;overflow: hidden;}
.about_w span{height:38px;text-align: center;line-height: 38px;border: solid 1px #fff;text-transform: uppercase;display: block;}
.about_ico{font-size: 28px;color: #fff;background:url(img/index/ico08.gif) no-repeat right 29px;height: 72px;line-height: 72px;text-transform: uppercase;bottom: 0;right: 0;padding: 0 68px 0 0;margin: 0 25px 0 0;}

.link {overflow:hidden;background: #2d343d;clear: both;height:74px;line-height:74px;color: #fff;}
.link a{color: #fff;display: inline-block;}
.link h2{font-size: 16px;width: 130px;text-align: right;background:url(img/index/ico06.gif) no-repeat 0 center;float: left;}
.link p{overflow: hidden;float: left;width:915px;}
.link p a{padding: 0 50px 0 0;}
.link span{display: block;overflow: hidden; float: right; width:88px;background:url(img/index/ico07.gif) no-repeat right center;}
