@import url("base.css");

.head{background: url(imagesheadbj.jpg) top center;} 
.head .wrap{position:relative;height:215px;}
.head .logo{position:absolute;top:20px;left:0;}
.head .time{width:360px;position:absolute;right:10px;top:30px;}
.head .search{position:absolute;right:10px;top:60px;}
.menu{position:absolute;bottom:10px;left:0;width:100%;height:36px;line-height:36px;font-size:16px;color:#0082CE;}
.menu li{width:150px;float:left;}
.menu li span{background:url(imagesimenu.png) 0 0 no-repeat;margin-left:20px; width:30px;height:25px;margin-top:7px; float:left;}
.menu li .m1{background-position-y:-50px;}
.menu li .m2{background-position-y:-100px;}
.menu li .m3{background-position-y:-150px;}
.menu li .m4{background-position-y:-200px;}
.menu li .m5{background-position-y:-250px;}
.menu li .m6{background-position-y:-300px;}
.menu li .m7{background-position-y:-350px;}
/*.menu li a{color:#0082CE;}*/
.menu li a:hover span,.menu li a.active span{background-position-x:-50px;}
.menu li a:hover,.menu li .active{background:#0082CE;color:#fff;border-radius:18px;display:block;}
	 .message li{cursor:pointer;position:relative;}
		 .message li img{position:absolute;left:5px;top:5px;display:none;}
		 .message li:hover img{display:block;}

.news{background: url(imagesxwbj.jpg) top center;} 
.news .wrap{position:relative;height:480px;background:url(imagesxwtm.png);}
.news .focu,.news .department{width:500px;float:left;}
.news .message,.news .hotnews{width:670px;float:right;}
.focusBox,.foc,.focusBox img,.foc img {width: 500px; height: 350px;  } 
.focusBox .hd li{background:none;background: #D9D9D9;width:12px; height:12px; border-radius:7px; margin:0 3px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center;}
.focusBox .hd li.on{background:#fc114a;}
.hotnews .hd ul{background:#eee;border-radius:18px;margin-top:15px;width:300px;}
.hotnews .hd li{width:50%;height:36px;float:left; line-height:36px;color:#0082CE; text-align:center;cursor:pointer;}
.hotnews .hd li.on{background:#0082CE;color:#fff;}
.hotnews .hd li:first-child{ border-radius: 18px 0 0 18px;}
.hotnews .hd li:last-child{ border-radius: 0  18px 18px 0;}
.hotnews .list li{width:95%; height:32px;line-height:32px;background:url(../sysimg/dian.png) left center no-repeat; padding-left:20px;}
.hotnews .list li a{ width: 70%; text-align: left; float: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hotnews .list li i{width:80px;display:block;float:right;color:#666;}
.hotnews .bd{position:relative;}
.hotnews .bd .gd1{position: absolute;right: 50px;top: -35px;}

.ztimg li{width:260px;float:left;margin:20px 15px;}
.ztimg li h4{line-height:36px;color:#1267B1;text-align:center;background:#eee;}
.department li{width:120px;height:36px;line-height:36px;text-align:center; float:left;margin:10px 20px;display:inline;background:#0082CE;border-radius:18px;}
.department li a{color:#fff;}
.message li{width:100px;height:100px;float:left;background:#ccc;text-align:center;margin-right:28px;color:#fff;font-size:15px;border-radius: 8px;}
.message li i{width:43px;height:44px;display:block;margin:0 auto;margin-top:15px;margin-bottom:3px; background:url(imagesmsgico.png) 0 0 no-repeat;}
.message .msg1{background:#4DC9A4;}
.message .msg2{background:#63ccfd;}
.message .msg3{background:#1978b8;}
.message .msg4{background:#5499c3;}
.message .msg5{background:#8bbad6;}
.message .msg1 i{background-position-y:5px;}
.message .msg2 i{background-position-y:-100px;}
.message .msg3 i{background-position-y:-200px;}
.message .msg4 i{background-position-y:-295px;}
.message .msg5 i{background-position-y:-395px;}
.message a{color:#fff;}
.gg{background:#fbfbfb;}
.horad{width:815px;float:left;}
.horad img{padding:10px 5px;}
.wservice{width:365px;float:right;background:#fff;margin-top:10px;padding-bottom:10px;}
.wservice dt{height:40px;line-height:40px;text-indent:1em;font-size:16px;background:#0082CE;color:#fff;}
.wservice dd{width:40%;margin:15px 5% 10px 5%;float:left;height:50px;line-height:50px;background:#eee;font-size:16px;}
.wservice dd span{width:50px;height:40px;float:left;margin:10px 0 0 10px;}
  /* 图片滚动 */
.picScroll{ position:relative;  height:85px; padding:0 0 0 30px;margin-bottom:10px; overflow:hidden; background:#fff;  }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 12px;  width:260px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:260px; height:85px;    border-radius: 5px; }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:0px; top: 0px; display:block; width:25px; height:85px;  overflow:hidden; background:#eee url(sysimgicons.png) -35px 25px no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:0px; background-position-x:-115px; }
.picScroll .prevStop{ background-position-x:5px; }
.picScroll .nextStop{ background-position-x:-75px; }
.link{border: 1px solid #ddd;background:#fff;}
.link .hd ul{height:36px;border-bottom: 1px solid #ddd;background: #fafafa;}
.link .hd li,.link .hd span{width:120px;height:36px;line-height:36px; text-align:center;float:left;cursor:pointer;}
.link .hd li.on{width: 100px;height: 36px;color:#0082CE; background: #fff;line-height: 36px;margin-top: -1px; border-top: 2px solid #0082CE;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.link .bd a{ padding:6px 15px;white-space:nowrap;display:inline-block;}
/* 通用css3 效果 */
 .vrone .backimg,.indexPart2 .img,.indexPart2 .list,.indexPart2 .name,.indexPart2 .name2,.case .more,.grid figure img,.expert dl{
    transition: All .5s ease;-webkit-transition: All .5s ease;-moz-transition: All .5s ease;-o-transition: All .5s ease}
 .case_click{ position: absolute;height: 54px;padding-top: 14px;right: 10px;bottom: 0;}
.case_click a{ display:inline-block; float:left; background-image:url(../images/case_clickimg.png); width:54px; height:54px; margin-right:10px;}
.case_click1{ background-position:0 0;}
.case_click2{ background-position:-64px 0;}
.case_click3{ background-position:-129px 0;}
.case_click1:hover{ background-position:0 -59px;}
.case_click2:hover{ background-position:-64px -59px;}
.case_click3:hover{ background-position:-129px -59px;}
.case_logo img{ width:40%; display:block; margin:0 auto;}
.homenews {overflow:hidden;padding:0;}
.homenews li{border:1px solid #ccc;border-radius:10px;padding:10px 15px;height:90px !important;}
.homenews li a{width:95%; background:none;font-size:16px;padding:0;color:#3564CE;}
.homenews p{display:inline-block;color:#666;padding-top:5px;height:48px;overflow:hidden;}
.homenews li i{max-width:60px;height:60px;margin-top:4px; display:inline-block;color:#999;float:left; font-size:12px;border-radius:5px;background:#ccc;text-align:center;padding:0;}
.homenews li i em{font-weight:normal;font-size:28px;text-align:center;display:block;}
.homenews li:hover{border-color:#4999fc;}
.newstitle{position:relative;}

.bottom{height:160px; background:url(imagesfoot_bg.png) center repeat-x;color:#666;}
.bottom a{color:#666;}
.bottom .l,.bottom .r{width:480px;float:left;line-height:30px;padding-top:10px;}
.bottom .l{text-align:right;margin-right:20px;}
.bottom .r{margin-left:20px;}
.bottom .m{float:left;}
.top10{margin-top:10px;}
/*新闻列表通用*/
.picScroll-left{  }
.picScroll-left .hd{ overflow:hidden;  height:30px;position:absolute;right:80px;bottom:0; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("skinsysimgarrow.png") 0 0 no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("skinsysimgicoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{padding:15px 20px;}

.indexPart2 ul {}
.indexPart2 li { color: #FFF;margin:15px 0;}
.indexPart2 .box {/*width: 254px;*/height: 254px;background: #f65314;border: #FFF solid 9px;position: relative;-moz-border-radius: 20px;
    -webkit-border-radius: 20px;border-radius: 20px;-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15)}
.indexPart2 .li_02 .box {background: #26c7fc}
.indexPart2 .li_03 .box {background: #44b573}
.indexPart2 .li_04 .box {background: #5a3c82}
.indexPart2 .img {position: absolute;left: 0;top: 55px;width: 100%;text-align: center}
.indexPart2 a {color: #FFF}
.indexPart2 .name {position: absolute;left: 0;top: 125px;width: 100%;text-align: center;text-transform: uppercase;font-size: 20px;opacity: 1;filter: alpha(opacity=1)}
.indexPart2 .name2 {position: absolute;left: 65px;top: 130px;white-space: nowrap;line-height: 26px;text-transform: uppercase;font-size: 20px;opacity: 0;filter: alpha(opacity=0)}
.indexPart2 .name div,.indexPart2 .name2 div {font-size: 30px}
.indexPart2 .list {position: absolute;left: 0;top: 120px;width: 100%;opacity: 0;filter: alpha(opacity=0)}
.indexPart2 dl {margin: 0 15px;border-top: #FFF solid 1px;padding-top: 10px}
.indexPart2 dd {float: left;width: 50%;height: 25px;line-height: 25px;overflow: hidden;}
.indexPart2 li:hover .img {left: 10px;top: 12px;width: 55px}
.indexPart2 li:hover .name {opacity: 0;filter: alpha(opacity=0);top: 100px}
.indexPart2 li:hover .name2 {opacity: 1;filter: alpha(opacity=1);top: 18px}
.indexPart2 li:hover .list {opacity: 1;filter: alpha(opacity=1);top: 80px}
.indexPart2 li:hover .img {left: 10px;top: 12px;width: 55px}
.indexPart2 li:hover .name {opacity: 0;filter: alpha(opacity=0);top: 100px}
.indexPart2 li:hover .name2 {opacity: 1;filter: alpha(opacity=1);top: 18px}
.indexPart2 li:hover .list {opacity: 1;filter: alpha(opacity=1);top: 80px}
.value{height:400px;}
.value .smooth{position:absolute;right:0;}
.value .pgy{max-width:560px;height:400px; position:absolute;top:0;left:0;z-index:1;background:url(../images/pgy.jpg) no-repeat;}
.value .atitle{text-align:right;border:none;border-right: #f65314 solid 3px; padding-right:25px;}
.value .content{text-align:right;line-height:3em;font-size:16px;padding:10px;}
.smallmenu{padding:30px 10px;}
.smallmenu li{padding:0 15px;float:left;font-size:18px;}
.smallmenu li a{color:#333;}
.contact,.about{background:url(../images/contact_bg.jpg);padding-bottom:10px;}
.contact .title,.contact .title i{color:#cd2122;font-size:24px;}
.contact .title i{padding:5px;}
.contact .item{margin-bottom: 40px;min-height: 75px;}
.contact .item .b {color: #fff; border-radius:50%; font-size: 24px;height: 70px;width: 70px;background: #576162;text-align: center;line-height: 70px;float:left;margin-right:20px;}
.contact h4{color:#cd2122;}
.contact small{font-size:16px;}
.footbg{background:#1F2021;border-bottom:1px solid #2b2c2f;color:#b3b5ba;}
.footbg .g{height:140px;padding:30px;border-left:1px solid #2b2c2f;}
.footbg .flist a{padding:6px 15px;color:#fff;}
.footbg .flist{margin-bottom:20px;}
.footlink{background: #171819;padding: 24px 0 23px;}
.footlink .t{color:#fff;border: 1px solid #3d3c3f;padding:6px 0;text-align:center;}
.footlink .c{text-align:left;}
.footlink a{color:#8d8d8d;padding:6px 15px;white-space:nowrap;display:inline-block;}
/* --- 内页样式---  */
.service_list{ height:auto; overflow:hidden; padding:30px 0 40px;}
.service_list li{ float:left; width:157px;height:220px;}
.service_list li span{ display:block; cursor:pointer;}
.service_icon{ display:block; background-image:url(../images/service.png); width:100px; height:100px; margin-left:28px;}
.service_icon1{ background-position:0 0;} 
.service_icon2{ background-position:-159px 0;} 
.service_icon3{ background-position:-317px 0;} 
.service_icon4{ background-position:-476px 0;} 
.service_icon5{ background-position:-635px 0;} 
.service_icon6{ background-position:-793px 0;} 
.service_icon7{ background-position:-952px 0;} 
.service_list li:hover .service_icon1{ background-position:0 -122px;}
.service_list li:hover .service_icon2{ background-position:-156px -122px;}
.service_list li:hover .service_icon3{ background-position:-317px -122px;}
.service_list li:hover .service_icon4{ background-position:-476px -122px;}
.service_list li:hover .service_icon5{ background-position:-635px -122px;}
.service_list li:hover .service_icon6{ background-position:-793px -122px;}
.service_list li:hover .service_icon7{ background-position:-952px -122px;}
.service_name,.service_intro{ width:120px; padding-left:18px; text-align:center;}
.service_name{ color:#333; font-size:18px; padding:18px 0 8px 18px;}
.service_intro{ color:#484848;}
.service_list li:hover span{ color:#c70c1f;}
/*公共top*/
.top{ height:auto; overflow:hidden; padding-bottom:30px; padding-top:58px; text-align:center;}
.top_en{  color:#bababa; font-size:20px; line-height:100%;text-transform:capitalize;}
.top_cn{border-bottom:1px solid #b6b9bf;padding-bottom:12px; }
.top_cn span{ padding-bottom:14px; font-size:36px;border-bottom:3px solid #555; }
.top_cn:hover span{border-bottom:3px solid #BD2525; }
.service_wel{ color:#333; font-size:15px; padding-top:28px;}
.location_wrap {width:100%;height:40px;line-height:40px;background:#f2f2f2;}
.location_wrap ul{float:right;}
.location_wrap li{float:left;line-height:40px;}
.location_wrap li a{margin:0 15px;color:#727272;}
.aboutus{ min-height:650px; background:url(../images/about_bg.jpg) center;color:#fff; }

/*about*/
#about{ width:100%; background-color:#e4e4e4;}
.about_po{ width:100%; height:410px;}
.about_poCen{ height:410px;}
.about_poCen ul{  margin-top:-106px; position:relative; z-index:10;}
.about_poCen li{ float:left; /*width:308px;*/ }
.about_poicon{ background:url(../images/about_poicon.png) no-repeat; width:200px; height:200px; margin:0 auto; padding-top:58px; text-align:center;}
.about_pocn{ height:46px; line-height:46px; color:#FFF; font-size:26px;}
.about_poen{color:#fffefe; font-size:18px; line-height:36px;}
.about_pocn span{ padding-bottom:5px; border-bottom:2px solid #2B4C5D;}
.about_pointro{ overflow:hidden; padding:32px 10px 0 10px; text-align:center;line-height:26px;color:#666;}
.expert em{height:180px;line-height:180px;text-align:center;font-size:120px;color:#666;display:inline-block;width:100%;}
.expert dl{padding:0;color: #828282;padding-bottom:30px;}
.expert dl dt{background:#828282;color:#fff;height:34px;line-height:34px; text-align:center; margin-bottom: 30px;font-size:18px;font-weight:normal;}
.expert dl dd {line-height: 25px;padding-left: 80px;}
.expert dl:hover {background-color: #828282;color:#fff;border-radius:15px;}
.expert dl:hover em {color:#fff}
.expert dl:hover dt{background:#fff !important;color:#666;}
.expert dl dt.bc2 {background:#f25022;}
.expert dl dt.bc3 {background:#29abe2;}
.expert dl dt.bc4 {background:#4AAB19;}
.soft_list .sf{margin-top:30px; height:175px; overflow: hidden;position: relative;border:1px solid #ccc;background:#eee; border-radius: 4px}
.soft_list .sf .default {padding: 56px 0 0 26px;}
.soft_list .sf .default .f30 {color: #4c4948}
.soft_list .sf .default .f14 {font-size: 14px;color: #4c4948}
.soft_list .sf .hover {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;display: none}
.soft_list .sf .hover img{height:100%;}
.soft_list .sf .hover .f30 {position: absolute;top: 49px;left: 48.5px; z-index: 3;font-size: 26px;color: #fff;line-height: 40.01px; overflow: hidden}
.soft_list .sf .hover .overlay {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: #03a6eb;-moz-opacity: .82;opacity: .82;filter: alpha(opacity=82)}
.soft_list .sf:hover .hover {display: block}

.service_part1{background: url(../images/service_01.jpg) fixed;}
.brand_list {clear: both;padding: 20px 2%;}
.brand_list li {margin-top: 10px;margin-bottom: 10px;line-height: 40px;text-align: center;}
.brand_list li span {background: #f1f1f1;display: inline-block;border-radius: 30px;width: 100%;}
.grid {margin: 0 auto;list-style: none;text-align: center;}
.grid li {margin: 0;padding: 20px 1%;text-align: left;position: relative;z-index: 5;}
.case_list .grid li {margin: 0;padding: 5px;text-align: left;position: relative;z-index: 5;}
.grid figure {margin: 0;position: relative;}
.grid figure img {max-width: 100%;display: block;position: relative;z-index:10;border:5px solid #eee;}
.grid figcaption { width:100%;height:90px;position: absolute;bottom: 0;left: 0;padding: 20px;background: #429CDE;color: #fff;}
.grid figcaption h3 {margin: 0;padding: 0;color: #fff;font-size: 18px;}
.grid figcaption a{position:absolute;padding: 5px 10px;border-radius: 2px;background: #ffb638;color: #fff;right: 20px;top: 25px;}
figure:hover img,  figure.cs-hover img {-webkit-transform: translateY(-90px);-moz-transform: translateY(-90px);-ms-transform: translateY(-90px);
	transform: translateY(-90px);}
.brand_case_list .gray {padding-bottom:15px;display:inline-block;}
.brand_case_list .gray img{border: 1px solid #ddd;border-radius: 15px;height: auto;filter: grayscale(100%);  
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray;opacity:0.6;filter:0.6}
.brand_case_list .gray:hover img{filter:none;-webkit-filter:none;-moz-filter: none;-ms-filter:none; -o-filter: none; filter: gray;opacity:1;filter:1}
.moreplus{ background: url("../images/moreplus.png") no-repeat;width: 86px;height: 33px;margin:30px auto;display:block;}
.service_wp3_text {padding: 20px 10%;line-height: 30px;text-align:left;}
.service_wp3_text {font-size: 18px;color: #000;}
.service_wp3_text dl {padding: 40px 0 0;}
.service_wp3_text dt {color: #ff9000;line-height: 40px;}
.service_wp3_text dd {font-size: 14px;line-height: 40px;}
.sub_nav {text-align:center; font-size: 18px;padding: 30px 3%;}
.sub_nav a {display: inline-block;padding: 6px 20px;color: #888;border-radius: 80px;border: 2px solid transparent;margin: 10px 5px 0;}
.sub_nav a:hover {color: #ff8a00;}
.sub_nav .active {color: #ff8a00;border-color: #ff8a00;}
.sub_news li {padding: 20px 0 10px;height: 100%;border-bottom:1px solid #eee;}
.news_time {text-align: center;color: rgb(136, 136, 136);padding: 10px 0 0;margin: 0 auto;}
.news_time strong {background:#419FD2;border-radius:50%; margin: 0px auto 8px;width: 59px;height: 59px;color:#fff;line-height: 59px;font-size: 30px;font-weight: normal;display: block;}
.sub_news li small{font-size:14px;color:#666;padding:10px 0;display:block;}
.news_more {float: right;border-radius: 30px;line-height: 30px;background: #ff8a00;padding: 0 20px;color: #fff;}
.news_more:hover {background: #ff8a00;color: #fff;}
.news_bt {clear: both;padding: 20px 0 0;font-size: 12px;color: #888;}
.news_bt span {float: left;line-height: 30px;}
.case_lm{background:url(../images/case_bg.jpg) fixed;}
.vrone {overflow: hidden;display: block;position: relative;padding: 0;}
.vrone .backimg {  position: relative;margin: 0 auto;display: block;max-width: 100%;opacity: 1;}
.vrone:hover .backimg {opacity: 0.6;-webkit-transform: scale(1.2); -ms-transform: scale(1.2);transform: scale(1.2);}
.vrone .qrcode {display: table-cell;vertical-align: middle;position: absolute;text-align: center;height: 100%;width: 100%;color: rgba(220, 220, 220, 1);
    opacity: 0;top: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.vrone:hover .qrcode {text-decoration: none;opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.vrone .qrcode p {color: #777777;margin-top: 5px}
.vrbox {border: 1px solid #70B9B0;box-sizing: border-box;margin-bottom:30px;background:#fff;}
.vrbox:hover {border-color: #95c5ec;box-shadow: 0 0 15px #ccd2d6}
.vrtext {width: 100%;padding-left: 15px;padding-right: 15px;margin-top: 20px;overflow: hidden;}
.vrtext span {overflow: hidden;display: inline-block;float: left;width: 50%;text-align: left;font-size: small;margin-bottom: 20px;}
.case_detail .col{padding:10px;color:#0C8EEA;font-size:16px;}
.case_detail .col i{padding:0 10px;color:#666;font-size:14px;}
.assem{}
.assem li{width:160px;margin:0.7em ;float:left;padding:1.2em 0.5em 0.5em 1em;background:#ddd;}
.assem li:hover{background:#AFAFAF; color:#fff;}
.assem li .fa{width:55px;height:60px;float:left;font-size:36px;color:#4C81B7;}
.assem li .text{font-size:1.25em;}
.assem li .text small{font-size:14px;}
.article{background:#fff;}





@media (min-width: 768px) {
   
}
/* 手机浏览样式 */
@media screen and (max-width: 767px) {
    .value .content{text-align:left;font-size:1em;line-height:2em;}
    

}