﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*正文开始*/
.fullSlide {width:100%;position:relative;height:750px;-webkit-transition: left .5s,right .5s;transition: left .5s,right .5s;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:750px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat}
.fullSlide .bd li a {display:block;height:750px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:48px;height:8px;margin:1px 5px;overflow:hidden;background:#222222;line-height:999px;   background-repeat:no-repeat;}
.fullSlide .hd ul .on {background:#e74d45;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;z-index:1;width:80px;height:80px;cursor:pointer;filter:alpha(opacity=100);opacity:1;display:none; background:url(Img/Index/ibanner_btn.png);}
.fullSlide .prev{left:50%;margin-left:-646px;background-position:0 0; }
.fullSlide .next {left:auto;right:50%;margin-right:-646px; background-position:-80px 0;}
.fullSlide .prev:hover{background-position:0 -80px;}
.fullSlide .next:hover{background-position:-80px -80px;}
/**/
.we{ background:url(Img/Index/we_bg.jpg) no-repeat;width: 1200px;height: 207px; margin:80px auto;}
.we_l{width: 235px; padding:20px 0 0 48px;}
.we_l img{width: 235px;height: 168px;}
.we_c{ padding:26px 0 0 90px;width: 465px;}
.we_c h2{position:relative;}
.we_c h2 span{position:absolute;width:0;height:100%;overflow:hidden;top:0;left:0;-webkit-transition:all 1s;transition:all 1s;}
.we_c h2:hover span{width:100%;}
.we_c p{font-size: 14px;color: #333;line-height: 24px;height: 72px;overflow: hidden; padding:30px 0 0;}
.we_r{font-size: 24px;color: #333;width: 300px;text-align: center;}
.we_r em{display: block;width: 60px; margin:0 auto; padding:50px 0 10px;}
.we_r em img{width: 60px;height: 60px;}

/*产品中心*/
.cp_bg{background: #fafafa;font-size: 0; padding:75px 0 60px;}
.cp_t{font-weight: normal;height: 100px;text-align: center; background:url(Img/Index/cp_line.png) no-repeat center 16px;}
.cp_t a{font-size: 32px;color: #e74d45;}
.cp_t span{display: block;font-size: 16px;color: #9c9c9c; padding:8px 0 0;}
.cp_l{width: 230px;}
.cp_lt{width: 230px;height: 80px;background: #282828;text-align: center;line-height: 80px;position: relative;}
.cp_lt:before{ content:"";width: 30px;height: 30px;background: #282828;position: absolute;bottom: -8px;left: 100px;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;}
.cp_lt a{font-size: 28px;color: #fff;}
.cp_lt i{font-weight: normal;}
.cp_lm{width: 229px;background: #fff; border-left:#d4d4d4 1px solid; border-bottom:#d4d4d4 1px solid;}
.cp_l ul li{width: 229px;height: 78px;}
.cp_l ul li a{font-size: 16px;color: #333;display: block; background:url(Img/Index/cp_ico01.gif) no-repeat 30px 30px; padding:0 0 0 65px; border-bottom:#d4d4d4 1px solid;width: 164px;height: 77px;line-height: 77px;}
.cp_l ul li a:hover,.cp_l ul li.on a{color: #fff;font-weight: bold;background:#e74d45 url(Img/Index/cp_ico02.gif) no-repeat 30px 30px;}
.cp_l ul li.nobor a{ border:none;}
.cp_r{width: 970px;height: 550px;}
.cp_r img{width: 970px;height: 550px;}
.cp_rm{position: relative;width: 970px;height: 550px;}
.cp_desc{width: 290px;height: 336px; padding:20px 0 0;background: #f3f0f0;position: absolute;top: 77px;right: 50px;box-shadow: 0 3px 5px 3px #d0d0d0;}
.cp_desc h3{font-size: 18px;color: #333;width: 225px; margin:0 auto;height: 58px;line-height: 58px;overflow: hidden; border-bottom:#a2a0a0 2px dotted;}
.cp_desc p{font-size: 16px;color: #9d9b9b;line-height: 26px;height: 208px;overflow: hidden;width: 225px; margin:0 auto; padding:10px 0 0;}
.cp_desc span{display: block;width: 110px;height: 40px; margin:35px 0 0 40px;}
.cp_desc span a,.about dl dd span a{font-size: 14px;color: #fff;display: block;width: 110px;height: 40px;text-align: center;line-height: 40px;background: #e74d45;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;box-shadow: 0 3px 5px 3px #d0d0d0;}
.cp_desc span a:hover,.about dl dd span a:hover{animation:shake 1s linear;-webkit-animation:shake 1s linear;}
.cp_bot{ padding:30px 0 0; position:relative;}
.cp_bot .uls { width:100%; overflow:hidden; margin:0 auto}
.cp_bot ul li{width: 370px;float: left; margin-right:45px;overflow: hidden;}
.cp_bot ul li em{width: 370px;height: 208px;display: block;overflow: hidden;}
.cp_bot ul li img,.case dl dt img,.news_top dl dt img{width: 370px;height: 208px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_bot ul li img:hover,.case dl dt img:hover,.news_top dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_bot ul li:first-child{ margin-left:0;}
.cp_bot ul li span{ width:370px; display:block; text-align:center; height:25px; line-height:25px; padding:10px 0 0; overflow:hidden;}
.cp_bot ul li a{font-size: 16px;color: #333;}
.cp_bot ul li a:hover{color: #e74d45;}

.cp_bot_l a{ background:url(Img/Index/hz_lico01.png) no-repeat; width:40px; height:40px; display:block;}
.cp_bot_l a:hover{ background:url(Img/Index/hz_lico02.png) no-repeat;}
.cp_bot_r a{ background:url(Img/Index/hz_rico01.png) no-repeat; width:40px; height:40px; display:block;}
.cp_bot_r a:hover{ background:url(Img/Index/hz_rico02.png) no-repeat;}
.cp_bot_l{ position:absolute; top:78px; left:-56px;}
.cp_bot_r { position:absolute; top:78px; right:-56px;}
/*企业实力*/
.ys_bg{ padding:70px 0 0;}
.ys_t{height: 312px;}
.ys_t .cp_t{height: 120px;}
.ys_t ul{position: absolute;top: 120px;left: 336px;z-index: 20;}
.ys_t ul li{font-size: 20px;color: #f5c1bf;width: 172px;height: 172px;text-align: center;background: #e74d45;line-height: 28px;float: left;text-transform: uppercase;box-shadow:1px 2px 10px 2px #d0d0d0; margin-right:6px;}
.ys_t ul li i{display: block;}
.ys_t ul li em{display: block;width: 46px; margin:0 auto; padding:28px 0 10px;}
.ys_t ul li em img{width: 46px;height: 46px;}
.ys_t ul li:hover,.ys_t ul li.on{color: #fff;font-weight: bold;height: 192px;background: #282828;}
.ys_t ul li:hover em,.ys_t ul li.on em{ padding:38px 0 10px;}

.ys_qie{height: 155px; margin-top:-192px; padding:655px 0 0;}
.ys_desc{width: 1200px;height: 130px;background: #fff; margin:0 auto; border-bottom:#dc5a53 2px solid;box-shadow:0 3px 10px 3px #d0d0d0;}
.ys_desc h5{font-size: 26px;color: #282828;line-height: 38px;width: 275px;float: left; text-align:right; padding:25px 0 0;}
.ys_desc h5 i{display: block;}
.ys_r{ padding:30px 0 0 80px;width: 700px;}
.ys_r p{font-size: 16px;color: #606060;line-height: 24px; background:url(Img/Index/ys_ico04.gif) no-repeat 0 11px; padding:0 0 0 15px;}

.ys01{ background:url(Img/Index/ys_bg01.jpg) no-repeat center 0;}
.ys02{ background:url(Img/Index/ys_bg02.jpg) no-repeat center 0;}
.ys03{ background:url(Img/Index/ys_bg03.jpg) no-repeat center 0;}

/*市场赞誉*/
.jz{ padding:70px 0 35px;}
.jz .cp_t{height: 125px;}
.jz_l{width: 900px;}
.jz_qie{width: 900px;height: 507px;position: relative;}
.jz_qie img{width: 900px;height: 507px;}
.jz_desc{font-size: 14px;color: #a7a7a8;width: 800px;height: 90px; padding:10px 50px 0;position: absolute;bottom: 0;left: 0; background:rgba(0,0,0,0.8);}
.jz_desc b{display: block;font-size: 18px;color: #fff;height: 50px;line-height: 46px;overflow: hidden;}
.jz_r{width: 282px;}
.jz_r ul li{width: 282px;height: 158px;position: relative; padding:0 0 16px;}
.jz_r ul li img{width: 282px;height: 158px;}
.jz_r ul li a{ display:none;width: 282px;height: 158px;position: absolute;top: 0;right: 0;}
.jz_r ul li:hover a,.jz_r ul li.on a{display: block;}

/*合作客户*/
.partner{ padding:0 0 70px;font-size: 0;}
.partner_l a{ background:url(Img/Index/hz_lico01.png) no-repeat; width:40px; height:40px; display:block;}
.partner_l a:hover{ background:url(Img/Index/hz_lico02.png) no-repeat;}
.partner_r a{ background:url(Img/Index/hz_rico01.png) no-repeat; width:40px; height:40px; display:block;}
.partner_r a:hover{ background:url(Img/Index/hz_rico02.png) no-repeat;}
.partner_l{ position:absolute; top:22px; left:-56px;}
.partner_r { position:absolute; top:22px; right:-56px;}
.partner_c{width: 1200px;overflow: hidden;}
.partner_c ul li { width:206px; float:left; padding:0 42px 0 0;overflow: hidden;}
.partner_c ul li img{ width:202px; height:76px; border:#cfcfcf 2px solid;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.partner_c ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}

/*应用案例*/
.case_bg{ background:url(Img/Index/case_bg.jpg) no-repeat center 0;height: 750px;}
.case .cp_t{height: 120px;}
.case dl{width: 240px;float: left;box-shadow: 0 3px 10px 3px #d0d0d0;height: 600px;}
.case dl dt{width: 240px;height: 300px;overflow: hidden;line-height: 0;}
.case dl dt img{width: 240px;height: 300px;}
.case dl dd{width: 240px;height: 300px;background: #fff;text-align: center;}
.case dl dd b{display: block;font-size: 24px;color: #333;}
.case dl dd em{display: block;width: 98px; margin:0 auto; padding:70px 0 25px;}
.case dl dd em img{width: 98px;height: 98px;
-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;}
.case dl dd:hover img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

/*新闻中心*/
.news{ padding:40px 0 60px;}
.news_t{width: 765px;height: 60px; background:url(Img/Index/news_line01.gif) repeat-x 0 59px; padding:0 0 0 435px; margin-bottom:30px;}
.news_t ul li{width: 125px;float: left; padding:0 50px 0 0;}
.news_t ul li a{font-size: 22px;color: #272727;display: block;height: 60px;line-height: 60px;width: 125px;float: left;}
.news_t ul li a:hover,.news_t ul li.on a{color: #dc5a53; background:url(Img/Index/news_line02.gif) repeat-x 0 58px;}
.news_t ul li em{display: block;float: left;width: 28px;height: 22px;overflow: hidden; margin:21px 5px 0 0;}
.news_t ul li em img{width: 28px;height: 44px;}
.news_t ul li a:hover em img,.news_t ul li.on a em img{ margin-top:-22px;}
.news_top{width: 1200px;height: 218px;background: #e74d45;}
.news_top dl dt{width: 408px;height: 218px;float: left;overflow: hidden;line-height: 0;}
.news_top dl dt img{width: 408px;height: 218px;}
.news_top dl dd{width: 650px;float: left; padding:30px 0 0 65px;}
.news_top dl dd h5{height: 50px;line-height: 50px;overflow: hidden; border-bottom:#f3b5b2 1px dotted;}
.news_top dl dd h5 a{font-size: 16px;color: #fff;display: block;float: left;width: 550px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_top dl dd h5 i{font-size: 14px;color: #f3b5b2;font-weight: normal; font-family:Arial, Helvetica, sans-serif;display: block;float: right;width: 100px; text-align:right;}
.news_top .news_desc01{font-size: 14px;color: #f3b5b2;height: 50px;line-height: 25px;overflow: hidden; padding:10px 0 0;}
.news_top dl dd span{display: block;width: 90px; padding:15px 0 0;}
.news_top dl dd span a{display: block;font-size: 12px;color: #fff;width: 88px;height: 24px;text-align: center;line-height: 24px;overflow: hidden; border:#fff 1px solid;border-radius:20px;}
.news_top dl dd span a:hover{animation:shake 1s linear;-webkit-animation:shake 1s linear;}
.news_top em{display: block;width: 65px;position: absolute;top: -3px;right: -3px;}
.news_top em img{width: 65px;height: 65px;}

.news_l,.news_r{width: 550px; padding:25px 0 0;}
.news_l dl{width: 550px; border-bottom:#dcdcdc 1px dashed; padding:15px 0 0;height: 120px;}
.news_l dl dt{height: 30px;line-height: 30px;overflow: hidden;}
.news_l dl dt a{font-size: 14px;color: #333;}
.news_l dl dt a:hover,.news_r ul li a:hover{color: #dc5a53;}
.news_l dl dd{width: 550px;}
.news_l .news_desc02{font-size: 14px;color: #666;height: 50px;line-height: 25px;overflow: hidden;}
.news_l dl dd span{display: block;font-size: 14px;color: #a3a3a3; padding:5px 0 0;}

.news_r ul li{width: 550px;height: 44px;line-height: 44px; border-bottom:#dcdcdc 1px dashed;overflow: hidden;}
.news_r ul li a{font-size: 14px;color: #333;display: block;float: left; background:url(Img/Index/news_ico03.gif) no-repeat 3px 22px; padding:0 0 0 25px;width: 400px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_r ul li span{font-size: 14px;color: #333;display: block;float: right;width: 80px; text-align:right;}
.news_qie .nobor{ border:none;}

/*走进昆二晶*/
.ab_bg{ background:url(Img/Index/ab_bg.jpg) no-repeat center 0; height:625px; padding:75px 0 0;  font-size:0;overflow:hidden;}
.about .cp_t{height: 137px;}
.about .cp_t span{color: #e74d45;}
.about dl dt{width: 580px;height: 400px;float: left; padding:0 20px;}
.about dl dt img{width: 580px;height: 400px;}
.about dl dd{ width:475px; float:left; padding:0 0 0 45px;}
.about dl dd h5{ height:95px; border-bottom:#cbcbcb 1px solid;line-height: 95px;overflow: hidden;}
.about dl dd h5 a{ font-size:24px; color:#e74d45;}
.about dl dd p{ font-size:16px; color:#333; height:150px; line-height:30px; padding:20px 0 0; overflow:hidden;}
.about dl dd span{display: block;width: 140px; padding:20px 0 0;}
.about dl dd span a{width: 140px; box-shadow:none;}


/**/

@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}