@charset "utf-8";
/* CSS Document */
.banner{ width:100%;height:640px; overflow: hidden; margin: 0 auto; max-width: 1920px; max-height: 640px; z-index:0;}
.banner .slider{ width:100%;height:100%; position: relative; z-index:0; margin: 0 auto; max-width: 1920px; max-height: 640px;}
.banner .slider li{width:100%;height:100%;  position: absolute; z-index:5;max-width: 1920px; max-height: 640px; margin: 0 auto;}
.banner .slider li a{width:100%;height:100%; display:block; margin: 0 auto;max-width: 1920px; max-height: 640px;}
.banner .num { z-index: 10; position: absolute; margin: 0 auto; margin-top: -80px; left: 50%; margin-left:-41px; }
.banner .num a { display: block; border-radius: 50%; background: #fff; width:12px; height:12px; margin: 0 6px; float: left; cursor: pointer;  }


.core{ width:1200px;  float:left; margin:30px auto;}
.title1{ width:100%; float:left;}
.title1 span{ font-size:28px; color:#0072ca; font-weight:bold; float:left;}
.title1 a{ float:right; padding:5px 10px 5px 20px; background:url(../images/moreIcon1.jpg) left center no-repeat; color:#999;}

.core{ width:1200px; float:left; margin:30px 0px;}
.coreMain{ width:1200px; float:left; margin-top:50px;}
#core_left{ width:40px; height:70px; display:block; float:left; margin-top:90px;}
#core_right{width:40px; height:70px; display:block; float:right; margin-top:90px;}
#core_left a{ display:block; width:40px; height:70px; float:left; background:url(../images/leftBtn1.jpg) left center no-repeat;}
#core_left a:hover{ display:block; width:40px; height:70px; float:left; background:url(../images/leftBtn1H.jpg) left center no-repeat;}
#core_right a{ display:block; width:40px; height:70px; float:left; background:url(../images/rightBtn1.jpg) left center no-repeat;}
#core_right a:hover{ display:block; width:40px; height:70px; float:left; background:url(../images/rightBtn1H.jpg) left center no-repeat;}
.coreUl{ width:1040px; float:left; margin:0px 40px;}
.coreUl ul li{ display:block; float:left; width:284px; height:262px; margin:0px 31px;}
.coreUl ul li a{ display:block; float:left; width:100%;}
.coreUl ul li a .coreImg{ width:280px; height:180px; float:left; margin:0px 2px; overflow:hidden;}


.coreUl ul li a .coreImg img{ width:280px;display: block;overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; height:180px;}
										   
.coreUl ul li a:hover .coreImg img{transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}





.coreUl ul li a .coreTxt{ width:278px; float:left; border:solid 1px #e6e5e5; border-top:none; height:59px; padding:10px 0px;/*-moz-box-shadow: 2px 2px 2px #fff; 
box-shadow: 2px 2px 2px #fff;*/margin-left:2px;}
.coreUl ul li a .coreTxt span{ display:block; float:left; width:100%; text-align:center; font-size:22px; color:#333;}
.coreUl ul li a .coreTxt label{display:block; float:left; width:100%; text-align:center; font-size:14px; color:#999;}

.coreUl ul li a:hover .coreTxt{ width:278px; float:left; border:solid 1px #0072ca; background:#0072ca;border-top:none; height:59px; padding:10px/* 0px;-moz-box-shadow:3px 3px 3px #9a9b9c; 
box-shadow:3px 3px 3px #9a9b9c; */margin-left:2px;}
.coreUl ul li a:hover .coreTxt span{ color:#fff;}
.coreUl ul li a:hover .coreTxt label{ color:#fff;}


.blueBg{ width:100%; background:#f5f8fd; padding:50px 0px;}
.xmal{ width:630px; float:left;}

.xmalMain{ width:630px; float:left; margin-top:30px; position:relative; height:217px;}
.xmalBox{ position:relative; width:630px; float:left; height:217px;}

.xmalMain ul li{display: none;}
.xmalMain ul li.on{display: block;}



.xmalBox .xmzlImg{ width:320px; height:215px; float:left; border:solid 1px #959595;}
.xmalBox .xmzlImg img{ width:320px; height:215px;}
.xmalBox .xmzlTxt{ width:275px; float:right;}
.xmalBox .xmzlTxt h2{ display:block; float:left; width:275px; height:30px; line-height:30px; font-weight:normal; font-size:16px; color:#000;}
.xmalBox .xmzlTxt span{ display:block; float:left;width:275px;margin-top:25px;height:125px; line-height:25px; overflow:hidden; color:#555555;}
.xmalBtn{ width:80px; float:right;}
.xmalBtn .btn{display:block;bottom:33px;width:32px;height:20px;border:solid 1px #6c6c6c;font-size:14px;line-height:20px;text-align:center; color:#6c6c6c;cursor:pointer;margin-left:4px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.xmalBtn .btn:hover{color:#fff;border:solid 1px #0072ca;background:#0072ca;}


.xwzx{ width:1200px;}
.xwzxBox{ width:825px; float:right; margin-top:20px;}
.xwzxBox ul li{width:400px;display:block;line-height:50px;height:50px;float:left;}
.xwzxBox ul li label{width:50px; height:40px; float:left; display:block; text-align:center; font-size:22px;}
.xwzxBox ul li a{display:block; width:350px; float:left;font-size:16px;}
.xwzxBox ul li a:hover{color:#0072ca;}
.xwzxBox ul li span{ display:block; width:50px; text-align:center; float:left; color:#727171;}

.slide{width:350px; height:215px; margin-top:20px; float:left;}
.yx-rotaion{width:350px;height:215px;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:350px;height:215px;overflow:hidden;}
.rotaion_list li,.rotaion_list li img{width:350px;height:215px;overflow:hidden;}



.gywmBg{ width:100%; background:url(../images/gywmBg.jpg) top center no-repeat; height:453px; padding:50px 0px;}
.gywm{ width:1200px; margin:0 auto;}
.title2{ width:100%; float:left;}
.title2 span{ font-size:28px; color:#fff; font-weight:bold; float:left;}
.title2 a{ float:right; padding:5px 10px 5px 20px; background:url(../images/moreIcon2.jpg) left center no-repeat; color:#fff;}

.gywmBox{ width:1200px; float:right;}
.gywmBox .video{ width:1000px; margin:0px auto;}
.gywmBox span{ display:block; width:670px;float:right; line-height:30px; font-size:14px; color:#fff;}

.hzhb{ width:1200px; margin:30px 0px; float:left;}

.hzBox{ width:1200px; margin-top:30px; float:left;}
#pro_left , #pro_right{ width:20px; height:30px; float:left; padding:22px 0px;}
#pro_left a{ width:20px; height:30px; display:block; float:left; background:url(../images/leftBtn.jpg) no-repeat;}
#pro_right a{ width:20px; height:30px; display:block; float:right; background:url(../images/rightBtn.jpg) no-repeat;}

.hzUl{ width:1130px; float:left; border-top:none; height:120px; overflow:hidden; margin:0px 15px;}
.hzUl ul li{ width:167px; float:left; height:120px; overflow:hidden; margin:0px 10px;}
.hzUl ul li a img{ width:165px; height:58px; display:block; float:left; border:solid 1px #cbcbc9;}
.hzUl ul li a span{ width:165px; display:block; float:left;font-size:16px; text-align:center; line-height:30px; text-align:center; color:#333;}



.footBg{ width:100%; background:#272727 url(../images/footBg.jpg) top center repeat-x; margin-top:20px;}
.foot1{ width:1200px; margin:0 auto; height:204px; padding-top:20px;}
.foot1 .footMenuBox{ float:left; width:130px; margin-right:50px; color:#fff;}
.foot1 .footMenuBox label{ color:#fff; width:130px; font-size:14px; font-weight:bold;display:block; float:left; height:40px; line-height:40px;}
.foot1 .footMenuBox  span{ display:block; float:left; width:130px; font-size:12px; line-height:32px;}
.foot1 .footMenuBox  span ul{ width:130px; display:block; float:left; margin-left:0px; padding-left:0px;}
.foot1 .footMenuBox  span ul li{ width:130px; height:25px; line-height:25px; float:left; margin-left:0px;}
.foot1 .footMenuBox  span ul li a{ color:#fff; font-family:"宋体"; font-size:12px;}


.foot1 .footMenuBox2{ width:290px; margin-right:0px; color:#fff;}

.foot2{ width:1200px; margin:0 auto; color:#fff;height:44px; line-height:44px; font-size:12px;}
.foot2 a{ color:#fff;}


/*-------neiye  end------*/
.INBanner{ width:100%; height:350px;}

.TMenu{ height:150px; background:#f2f2f2; width:auto;}
.TMenu ul{ width:1200px !important; height:150px; margin:0 auto; display:block; text-align:center;}
.TMenu ul:after{ content:""; clear:both; display:block;}
.TMenu a{ width:170px;}
.TMenu li{ width:170px; display:inline-block; height:50px; line-height:50px; margin:50px 12px 0 12px; text-align:center; font-size:15px; color:#333333;  background:#fff; }
.TMenu li:hover{ color:#fff; background:#0072ca;}
.TMenu .current{ background:#0072ca; color:#fff;}


.SonContent{ width:1200px; margin:50px auto 70px auto; line-height:30px;}

.pageTitle{ width:1200px; float:left; font-size:16px; color:#c7c7c7;}
.pageTitle span{ font-size:26px; color:#0072ca; font-weight:bold;}

.in_about{ /*float:left;*/ margin-top:30px;}
.in_Cont{width:1000px; padding:0px 100px;}
.in_contact{ float:left; width:1200px;}


/*----关于我们 单页面----------*/


/*----荣誉 样式----------*/

.in_honor{ width:1200px; float:left; margin:30px 0px;}
.in_honor ul{ width:1226px; margin-left:-26px;}
.in_honor ul li{ width:286px; height:246px;margin-left: 20px; float:left; margin-bottom:20px;}
.in_honor ul li  span{ width:280px; display:block; float:left; text-align:center; line-height:40px; height:40px;}
.in_honor ul li a{ width:286px; height:246px; display:block; float:left;}
.in_honor ul li a .honorImg{ width:280px; height:200px; display:block; float:left; border:solid 3px #ccc; overflow:hidden;}
.in_honor ul li a .honorImg img{ height:200px; display:block; margin:0 auto;}
.in_honor ul li a p{ width:286px; display:block; float:left; text-align:center; height:40px;}

.in_honor ul li .portfolio-img {overflow: hidden; height:200px; width:280px; float:left;}
.in_honor ul li .portfolio-img a {position: relative;}
.in_honor ul li .portfolio-img a, .in_honor ul li .portfolio-img img {width: 100%;display: block;overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; height:100%;}
.in_honor ul li .portfolio-img a:hover img {transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}


/*-------案例样式-----------*/
.in_case{width:1200px; float:left; margin:30px 0px;}


.inNewlist{ width:100%;}
.inNewlist dl{ width:97%; float:left; margin:0 34px 20px 0; display:inline; background:#fbfbfb; border-bottom:2px solid #ededed; padding:15px; border-radius:3px;}
.inNewlist dt{ width:250px; float:left; line-height:50px; padding-top:10px; overflow:hidden;}
.inNewlist dt img{ border:1px solid #e1e1e1; padding:2px; width:244px; height:180px;}
.inNewlist dd{ width:70%; float:right; padding-top:6px;}
.inNewlist dd .inNewlist_bt{ width:100%; color:#000;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.inNewlist dd .inNewlist_bt a{ color:#000; font-size:16px; }
.inNewlist dd .inNewlist_bt a:hover{ color:#0072ca;}
.inNewlist dd .inNewlist_nr{ width:100%; line-height:26px; color:#666; padding:10px 0 0 0; height:85px; overflow:hidden;}
.inNewlist dd .inNewlist_an{ width:100px;background:#ededed; border:1px solid #d8d8d8; line-height:28px; font-size:14px; color:#000; border-radius:40px; text-align:center; margin-top:2px;}
.inNewlist dl:hover{background:#f2f2f2;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
cursor:pointer;
}
.inNewlist dl:hover .inNewlist_an{background:#337aca; color:#fff;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}


/*-----新闻样式-----------*/
.InvList{ width:1200px; margin:0px auto 0px auto; float:left;}
.InvList:after{ content:""; display:block; clear:both; }
.InvList .Invinfo{ width:1200px; height:119px; border-bottom:1px dashed #d2d2d2; padding-top:20px; }
.InvList .InvListDate{ text-align:center; width:100px; height:100px; background:#f2f2f2; float:left; }
.InvList .InvListDate em{ display:block; color:#0377e5; font-size:30px; padding-top:25px; font-weight:bold;   }
.InvList .InvListDate span{ display:block; font-size:16px; color:#666; }
.InvListContent{ float:left; width:1040px; padding-left:40px;}
.InvListContent h4{ font-size:15px; color:#000; font-weight:normal; padding-top:10px; }
.InvListContent span{ font-size:12px; color:#999; line-height:22px; padding-top:10px; display:block;}
.InvList .InvPage{ padding:40px 0 100px 0; text-align:center;}
.InvList .InvPage>a{ display:inline-block; margin:0 2px; padding:8px 12px; color:#333;}
.InvList .InvPage>a:hover{background:#264ba6; color:#fff;}
.InvList .InvPage>a>.current{ background:#264ba6; color:#fff;  padding:8px 12px; }
.Invinfo:hover .InvListDate{ background:#0377e5;}
.Invinfo:hover .InvListDate em{ color:#fff;}
.Invinfo:hover .InvListDate span{ color:#fff;}
.Invinfo:hover .InvListContent h4{ color:#0377e5;}

.NewsListContent{  position: relative; overflow:hidden; height:121px;}
.NewsListContent span{width:660px; }
.NewsListContent .NewsListContentImg{top:0; width:239px; height:149px; border:1px solid #0377e5; position:absolute; right:-250px; }
.Invinfo:hover .NewsListContent .NewsListContentImg{ right:0;}
.NewsMenu .NewsInfo:hover{background:#133381;}
.NewsMenu .NewsInfo:hover em,.NewsMenu .NewsInfo:hover span{color:#fff;}

.Invinfo .NewsListContent .NewsListContentImg{transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
}


/*产品中心*/

.TMenu li, .SonInfo .SonInfoCtnBack, .SonInfo .SonInfoCtn, .SonInfoBack, .Menu .MenuRight li:hover, .BusInfo .BusImg img, .BusInfo .title, .BusInfo, .InvList .Invinfo .InvListDate, .InvListDate em, .InvListDate span, .InvListContent h4, .JouInfo, .NewsMenu .NewsInfo:hover, .Invinfo .NewsListContent .NewsListContentImg, .Reclist .RecInfo, .StaffTitle a, .StaffInfo span, .ResultInfo:hover, .SonServiceInfo:hover .SonServiceIco span, .SonSloganInfo img ,.return .tallContent,.return .weixinContent{ transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all 0.5s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; }
.SonInfoBack, .BusInfo .BusImg, .SonSloganInfo img { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); }

.in_pro{ width:1200px; float:left; margin-top:30px;}
.in_pro .in_proLeft{ width:260px; float:left;/* background:url(../images/lineBg.jpg) 245px 0px no-repeat; min-height:540px;*/}

.in_pro .in_proLeft ul{}
.in_pro .in_proLeft li{ width:245px; height:50px; border-left:5px solid #e2e1e1; line-height:50px; color:#000; text-align: left; font-size:15px; padding-left:10px; margin:4px 0; border-bottom:solid 1px #e2e1e1; background:#ebebeb;}
.in_pro .in_proLeft .current{ background:#0072ca;color:#fff; border-left:5px solid #54b5ff;}
.in_pro .in_proLeft li:hover{ background:#0072ca;color:#fff; border-left:5px solid #54b5ff;}


.in_pro .in_proRight{ width:930px; float:right;}

/*Pages*/
.Pages{ padding:30px 0px; line-height:18px; zoom:1; overflow:hidden; text-align: center; clear:both;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px;}

.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ color:#666; padding:4px 8px;}
.Pages .p_page em a.a_cur{ color:#fff; background:#0377e5; border:solid 1px #0377e5;}
.Pages .p_page b{ font-weight:normal;}

.Pages .p_page a{ border: 1px solid #e5e5e5; background: #e5e5e5; padding:0px 7px; color:#666;}
.Pages .p_page a:hover{ color:#fff; background:#0377e5; border:solid 1px #0377e5;}
.Pages .p_page .a_first,
.Pages .p_page .a_prev,
.Pages .p_page .a_next,
.Pages .p_page .a_end{ margin: 0 1px; color:#333; padding:4px 8px;}

.title{font-size:24px; text-align:center; line-height:46px; height:56px; margin-bottom:10px; font-weight:bold; width:1160px;  border:none; border-bottom:1px #CCCCCC dashed; display:block;}
.subtxt{width:1160px; height:20px; font-size:12px; line-height:20px; text-align:center;margin-bottom:10px; margin-left:10px;}
.perNext{width:1000px; height:auto; font-size:12px; line-height:35px; text-align:left;margin-bottom:10px;padding-top:30px;}

.title11{font-size:16px; text-align:center; line-height:36px; height:36px; margin-bottom:10px; font-weight:bold; width:950px;  border:none; border-bottom:1px #CCCCCC dashed; display:block;}
.subtxt11{width:950px; height:20px; font-size:12px; line-height:20px; text-align:center;margin-bottom:10px; margin-left:10px; clear:both;}
.perNext11{width:900px; height:auto; font-size:12px; line-height:20px; text-align:left;margin-bottom:10px; margin-left:10px;}