@charset "utf-8";

/* CSS Document */

/** 清除内外边距 **/

body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea,th, td, img,.header{

border:medium none;

margin: 0;

padding: 0;

font-family:"Microsoft YaHei";

}

table

    {

       border-collapse:collapse;

    }

    td

    {

       height:20px;

       border:1px solid #ccc;

    }

body,button, input, select, textarea { font-family:"Microsoft YaHei"; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em{font-style:normal;}

ul, ol { list-style: none; }

img{ border:0px;}

table { border-collapse: collapse; border-spacing: 0; }

.intro{ width:100%; text-align:center; line-height:33px; display:block;}

a{ color:#5b5b5b; cursor:pointer; text-decoration:none; transition: all 0.2s linear 0s;}

a:hvoer{ color:#b77e40;}

.formmcys{ float:left;}

/*******CSS reset*************/

table

    {

       border-collapse:collapse;

    }

    td

    {

       height:20px;

      

    }

body{background:#f3f4f6; font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}

.f12{font-size:12px;}

.f16{font-size:16px;}

.bold{font-weight:bold;}

.white{color:#fff;}

.left{float:left;}

.right{float:right;}

.clear{clear:both;}

.relative{position:relative;}

.absolute{position:absolute;}

.hidden{display:none;}

h4.biaoti{ color:#333333; font-size:36px; display:block; width:100%; text-align:center; font-weight:bold;}

h5.biaoti{ color:#333333; font-size:32px; display:block; width:100%; text-align:center; font-weight:bold;}

h6.biaoti{ color:#666666; display:block; width:100%; font-weight:400; text-align:center; line-height:35px;}



.w1200{ width:1200px; margin:0 auto;}

/*大标题*/

.yjbt{  font-weight:bold; color:#33a1d4; font-size:36px;}



/*二级标题*/

.ejbt{ font-size:18px; font-weight:bold; color:#5b5b5b;} 

.ejbt:hover{ font-size:18px; font-weight:bold; color:#fff;} 



/*二级标题*/

.company_t2{font-size:18px; text-align:center;height:40px; line-height:40px; color:#5b5b5b;}



/*左侧蓝底标题*/

.company_zbt{ height:70px; line-height:40px; border-left:6px #33a1d4 solid; padding-left:15px;}

.company_t3{ height:30px; line-height:30px; color:#33a1d4; font-size:30px;} 

.company_t3 strong{ height:30px; line-height:30px; color:#33a1d4; font-size:36px;} 

.company_t4{ height:30px; line-height:30px;font-size:24px;color:#5b5b5b;}





::-webkit-input-placeholder { /* WebKit browsers */ 

color: #666666; 

} 

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 

color: #666666; 

} 

::-moz-placeholder { /* Mozilla Firefox 19+ */ 

color: #666666; 

} 

:-ms-input-placeholder { /* Internet Explorer 10+ */ 

color: #666666; 

}

/**********************header************************/

.link{ width:1200px; margin:0 auto; height:40px;}

.link span{ color:#828282; font-size:12px; float:left; line-height:40px;}

.t_fastLink{ float:right;}

.t_fastLink li{ background:url(../Image/topLine.jpg) right center no-repeat; color:#828282; text-indent:25px; line-height:40px; padding:0 15px; float:left;}

.t_fastLink li.last{ background:url(../Image/t_tel.png) left no-repeat; margin:0 0 0 15px; text-indent:10px;}

.t_fastLink li.anli{ text-indent:0px; margin:0 0 0 5px; padding:0 5px;}

.t_fastLink li a{ display:block; font-size:12px; color:#828282; }

.t_fastLink li a:hover{ color:#ff7404;}

.t_fastLink li a.old{ color:#ff7404;}

.t_fastLink li a.pay{background:url(../Image/pay.png) left no-repeat; padding:0px;}

.t_fastLink li a.weibo{ background:url(../Image/t_weibo.png) left no-repeat;}

.t_fastLink li a.weixin{ background:url(../Image/t_weixin.png) left no-repeat;}



.t_fastLink li small{ color:#ff7404; font-size:14px; font-weight:bold; line-height:40px;}



/**********************flexslider************************/

.flexslider{position:relative;height:430px;overflow:hidden;background:url(../Image/loading.gif) 50% no-repeat;}

.slides{position:relative;z-index:1;}

.slides li{height:430px;}

.slides li a{ display:block; width:100%;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:30px;height:8px;margin:0 2px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:30px;height:8px;line-height:4px; text-indent:-9999px; overflow:hidden; background:#fff; cursor:pointer;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.flex-control-nav .flex-active{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}











/***************************菜单********************************/

.top{ z-index:100; width:100%; background:url(../Image/body.jpg) top repeat-x; height:130px;}

.nav_wp{width:100%;position:relative; *z-index:1; height:90px;}

.navfr{width:1200px;margin:0px auto;padding:0px;}

.navfr a.logo{width:225px; margin:20px 0 0 0; height:50px; display:block; float:left; background:url(../Image/logo.jpg);}

.navfr .nav{float:right;  margin:15px 0 0 0;}

.navfr .nav ul li{ width:100px; float:left; margin:0 10px; height:70px; line-height:70px;}

.navfr .nav ul li .nav_t{width:100%;position:relative;}

.navfr .nav ul li .nav_t a{font-size:18px;color:#333; text-align:center; display:block;}

.navfr .nav ul li .nav_t a:hover{color:#0087c7;}



.navfr .nav ul li .nav_t b{width:20px;height:8px;display:inline-block;background:url("../Image/menu_hover.png") no-repeat;position:absolute;left:34%;margin-left:11px; bottom:0px; z-index:9999;}

.navfr .nav ul li .nav_c{width:100%; height:auto!important; overflow:hidden!important; overflow:visible; background-color:rgba(25,132,210,0.95);position:absolute; left:0px; top:90px; z-index:9998;display:none;}

.navDetail{ width:1200px; margin:0 auto; color:#fff;}

.top_web{ padding:45px 0; width:1200px; margin:0 auto; height:160px;}

.top_sale{ padding:45px 0; width:1200px; margin:0 auto; height:140px;}

.top_case{ padding:40px 0; height:180px; width:1200px; margin:0 auto;}

.top_news,.top_con{ padding:40px 0; height:170px; width:1200px; margin:0 auto;}

.top_webIntro{ width:240px; padding:0 25px 50px; float:left;}

.top_webIntro span{ color:#fff; line-height:25px; font-size:18px; display:block; width:100%; font-weight:bold;}

.top_webIntro p{ line-height:25px; color:#bbdbf0; display:block; padding:5px 0;}

.top_webIntro a,.top_caseNum a,.top_casExpert a{ width:140px; height:40px; border:1px solid #bbdbf0; margin:10px 0 0 0; border-radius:5px; color:#bbdbf0; line-height:40px; text-align:center; font-size:16px; display:block;}

.top_webIntro a:hover,.top_caseNum a:hover,.top_casExpert a:hover{ border:1px solid #fff; color:#fff;}



.top_web ul,.top_sale ul{ float:left;}

.top_web li,.top_sale li{ width:180px!important; margin:0px!important; height:115px; float:left; text-align:center; }

.top_web li a,.top_sale li a{border-left:1px solid #4ca0dc;  font-size:14px; color:#bbdbf0; height:55px; line-height:20px; display:block; width:190px; padding:60px 0 0;}

.top_web li a:hover,.top_sale li a:hover{ color:#fff;}

.top_web li a.w_1{ background:url(../Image/t_web_1.png) top center no-repeat;} 

.top_web li a.w_2{ background:url(../Image/t_web_2.png) top center no-repeat;} 

.top_web li a.w_3{ background:url(../Image/t_web_3.png) top center no-repeat;} 

.top_web li a.w_4{ background:url(../Image/t_web_4.png) top center no-repeat;} 

.top_web li a.w_5{ background:url(../Image/t_web_5.png) top center no-repeat;} 



.top_web li a.w_1:hover{ background:url(../Image/t_web_1_2.png) top center no-repeat;} 

.top_web li a.w_2:hover{ background:url(../Image/t_web_2_2.png) top center no-repeat;} 

.top_web li a.w_3:hover{ background:url(../Image/t_web_3_2.png) top center no-repeat;} 

.top_web li a.w_4:hover{ background:url(../Image/t_web_4_2.png) top center no-repeat;} 

.top_web li a.w_5:hover{ background:url(../Image/t_web_5_2.png) top center no-repeat;} 



.top_sale li a.w_1{ background:url(../Image/t_sale_1.png) top center no-repeat;} 

.top_sale li a.w_2{ background:url(../Image/t_sale_2.png) top center no-repeat;} 

.top_sale li a.w_3{ background:url(../Image/t_sale_3.png) top center no-repeat;} 

.top_sale li a.w_4{ background:url(../Image/t_sale_4.png) top center no-repeat;} 

.top_sale li a.w_5{ background:url(../Image/t_sale_5.png) top center no-repeat;} 



.top_sale li a.w_1:hover{ background:url(../Image/t_sale_1_2.png) top center no-repeat;} 

.top_sale li a.w_2:hover{ background:url(../Image/t_sale_2_2.png) top center no-repeat;} 

.top_sale li a.w_3:hover{ background:url(../Image/t_sale_3_2.png) top center no-repeat;} 

.top_sale li a.w_4:hover{ background:url(../Image/t_sale_4_2.png) top center no-repeat;} 

.top_sale li a.w_5:hover{ background:url(../Image/t_sale_5_2.png) top center no-repeat;} 





.top_caseNum{ width:460px; border-right:1px solid #4ca0dc; padding:0 0 0 20px; float:left; height:170px;}

.top_caseNum span,.top_casExpert span,.top_newsIntro span,.top_conIntro span{ font-size:18px; color:#fff; line-height:25px; display:block; font-weight:bold;}

.top_caseNum small,.top_newsIntro small,.top_conIntro small{ font-size:14px; display:block; color:#bbdbf0; font-weight:100; line-height:25px;}

.top_caseNum p{ display:block; color:#bbdbf0;  font-weight:600; height:70px;}



.top_casExpert{ padding:0 0 0 100px; width:500px; float:left;}

.top_casExpert p{ font-size:14px; color:#bbdbf0; height:95px; display:block; line-height:23px;}



.top_newsList{ padding:0 0 0 100px; width:360px; float:left;}

.top_newsList a,.top_conList a{ color:#bbdbf0; font-size:16px; width:135px; line-height:25px; display:block; float:left; margin:0 0 40px 0;}

.top_newsList a:hover,.top_conList a:hover{ color:#fff;}



.top_newsIntro{border-right:1px solid #4ca0dc; height:170px; float:left; width:465px; padding:0 0 0 20px;}



.top_conIntro{border-right:1px solid #4ca0dc; height:170px; float:left; width:210px; padding:0 0 0 20px;}

.top_conList{ padding:0 0 0 60px; width:620px; float:left;}





.banner{ background:url(../Image/banner.jpg) top center no-repeat; height:430px; width:100%;}



/**响应式**/

.responseBaner{ background:url(../Image/responseBanner.jpg) top center no-repeat; height:430px; width:100%;}

.respon_1{ height:260px; width:100%; padding:70px 0; background:#fff;}

.responCon{ width:1200px; margin:0 auto;}

.responPic{ width:430px; text-align:center;}

.responDetail{ width:640px; line-height:35px; font-size:14px;}

.responDetail h3{ font-size:32px; display:block; line-height:55px; font-weight:400; color:#333333; font-family:"Microsoft YaHei";}





.respon_2{ height:300px; width:100%; padding:70px 0; background:#f2f2f2;}



.responIntro{ background:#25b79e; height:380px; width:100%;}

.responIntro h3{ color:#ffffff; display:block; width:100%; font-size:32px; text-align:center; height:90px; line-height:90px; font-weight:400;}

.responDesign{ width:1200px; margin:0 auto;}

.responCircle{ height:148px; width:148px; background:#22baa0; border:1px dashed #7cd4c5; border-radius:50%;  line-height:148px; font-size:48px; font-weight:bold; text-align:center; color:#fff; margin:0 auto 25px;}

.responDesign li{ width:220px; color:#fff; float:left; margin:0 80px; line-height:30px; font-size:14px; text-align:center;}





/****/





.solution{ width:1200px; margin:0 auto; padding:30px 0;}

.solutionTitle{ text-align:center; width:100%; height:85px;}

.solutionTitle h3{ font-size:30px; color:#333333; font-weight:bold; display:block;}

.solutionTitle span{ color:#666666; font-size:18px; font-weight:400; display:block; line-height:30px;}



.web{ width:599px; float:left; background:#fff; height:395px; border-right:1px solid #e6e6e6;}

.webTitle{ background:#0087c7; height:60px; padding:15px 0 0 0;}

.webTitle span,.saleTitle span{ font-size:20px; color:#ffffff; text-indent:30px; display:block;} 

.webTitle small{ font-size:14px; color:#c2daed; text-indent:30px; display:block;}

.saleTitle small{ font-size:14px; color:#fce2ce; text-indent:30px; display:block;}



.webDetail,.saleDetail{ padding:30px 10px;}

.webDetail li,.saleDetail li{ width:150px; height:130px; float:left; margin:10px 15px;}

.webDetail li a,.saleDetail li a{ display:block; height:70px; padding:60px 0 0 0; text-align:center;transition:All 0.3s ease-in-out;

-webkit-transition:All 0.3s ease-in-out;

-moz-transition:All 0.3s ease-in-out;

-o-transition:All 0.3s ease-in-out;}

.webDetail li a:hover,.saleDetail li a:hover{ 

transform:translate(0,-5px);

-webkit-transform:translate(0,-5px);

-moz-transform:translate(0,-5px);

-o-transform:translate(0,-5px);

-ms-transform:translate(0,-5px);



}

.webDetail li a span,.saleDetail a span{ color:#333333; font-size:16px; display:block; font-weight:bold;}

.webDetail li a small,.saleDetail a small{ color:#666666; display:block; font-size:14px;}

.webDetail li a.w_1{ background:url(../Image/web_1_1.jpg) top center no-repeat;}

.webDetail li a.w_2{ background:url(../Image/web_2_1.jpg) top center no-repeat;}

.webDetail li a.w_3{ background:url(../Image/web_3_1.jpg) top center no-repeat;}

.webDetail li a.w_4{ background:url(../Image/web_4_1.jpg) top center no-repeat;}

.webDetail li a.w_5{ background:url(../Image/web_5_1.jpg) top center no-repeat;}

.webDetail li a.more,.saleDetail li a.more{ background:url(../Image/more.jpg) top center no-repeat; margin:15px 0 0 0;}



.webDetail li a.w_1:hover{ background:url(../Image/web_1_2.jpg) top center no-repeat;}

.webDetail li a.w_2:hover{ background:url(../Image/web_2_2.jpg) top center no-repeat;}

.webDetail li a.w_3:hover{ background:url(../Image/web_3_2.jpg) top center no-repeat;}

.webDetail li a.w_4:hover{ background:url(../Image/web_4_2.jpg) top center no-repeat;}

.webDetail li a.w_5:hover{ background:url(../Image/web_5_2.jpg) top center no-repeat;}

.webDetail li a.more:hover{ background:url(../Image/more_blue.jpg) top center no-repeat; margin:15px 0 0 0; }





.sale{ width:599px; float:left; background:#fff; height:395px;}

.saleTitle{ background:#f59121; height:60px; padding:15px 0 0 0;}

.saleDetail li a.s_1{ background:url(../Image/sale_1_1.jpg) top center no-repeat;}

.saleDetail li a.s_2{ background:url(../Image/sale_2_1.jpg) top center no-repeat;}

.saleDetail li a.s_3{ background:url(../Image/sale_3_1.jpg) top center no-repeat;}

.saleDetail li a.s_4{ background:url(../Image/sale_4_1.jpg) top center no-repeat;}

.saleDetail li a.s_5{ background:url(../Image/sale_5_1.jpg) top center no-repeat;}

.saleDetail li a.more:hover{ background:url(../Image/more_orange.jpg) top center no-repeat; margin:15px 0 0 0;}



.saleDetail li a.s_1:hover{ background:url(../Image/sale_1_2.jpg) top center no-repeat;}

.saleDetail li a.s_2:hover{ background:url(../Image/sale_2_2.jpg) top center no-repeat;}

.saleDetail li a.s_3:hover{ background:url(../Image/sale_3_2.jpg) top center no-repeat;}

.saleDetail li a.s_4:hover{ background:url(../Image/sale_4_2.jpg) top center no-repeat;}

.saleDetail li a.s_5:hover{ background:url(../Image/sale_5_2.jpg) top center no-repeat;}







.why{ width:100%; background:#fff; height:350px; padding:60px 0 90px 0; text-align:center; float:left; clear:both; margin:40px 0 0 0;}

.why h3,.news h3{ font-size:30px; font-weight:bold; display:block; width:100%; color:#333333;}

.why span,.news span{ color:#666666; font-size:18px; line-height:30px; display:block; font-weight:400; width:100%;}



.whyCon{ width:1200px; margin:40px auto 0;}

.whyCon li{ height:190px; border-right:1px solid #f1f1f1; width:395px; float:left;}

.whyCon li.last{ border:none;}

.whyTitle{ width:100%;}

.whyTitle span{ color:#ff6e04; font-size:72px; font-weight:bold; }



.whyCon li span.key{ width:100%; display:block; color:#616161; font-size:18px; font-weight:bold; line-height:30px;}

.whyCon li small.descrip{ width:100%; height:60px; font-size:14px; color:#616161; display:block; line-height:20px;}

.whyCon li a{ display:block; width:100%;  color:#0087c7; font-size:16px;}

.whyCon li a:hover{ color:#ff6e04; }





/************************news************************/



.news{ width:100%; height:510px; padding:30px 0; text-align:center; float:left; clear:both;}

.scrollpic {width:1200px; margin:15px auto 0;}

#myscroll {	display:block; width:100%; position:relative; height:355px; overflow:hidden;}

#myscroll #myscrollbox {display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}

#myscroll ul {display:block; float:left; list-style-type:none; padding:0; margin:0;}

#myscroll ul li { display:block; float:left; padding:0;	width:300px;}

#myscroll ul li a{ display:block; width:280px; margin:0 15px; background:url(../Image/newsDz.png) right bottom no-repeat #fff; text-align:left;}

#myscroll ul li a:hover{ background:url(../Image/newsDzH.png) right bottom no-repeat #0087c7; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);

    box-shadow:  0 5px 30px rgba(0, 0, 0, 0.18);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);}

	

#myscroll ul li a:hover .newsDetail span{ color:#fff;}

#myscroll ul li a:hover .newsDetail p{ color:#99cfe9;}

#myscroll ul li a:hover .newsDetail small{ color:#99cfe9;}



.newsDetail{ padding:10px 15px;}

.newsDetail span{ color:#333333; font-size:16px; font-weight:400; width:100%; display:block; height:55px; line-height:25px;}

.newsDetail p{ height:80px; width:100%; line-height:25px; color:#9b9b9b; display:block;}

.newsDetail small{ color:#9b9b9b; width:100%; display:block;}





#mybtns{ width:195px; margin:20px auto; height:50px;}



#mybtns a {	width:50px; height:50px; display:block; margin:0 5px; float:left;}

#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

#mybtns #left{	background:url(../Image/n_l.png) center center no-repeat #ffffff; border-radius:3px;}

#mybtns #left:hover{ background:url(../Image/n_l_h.png) center center no-repeat #333333;}

#mybtns #more{	background:url(../Image/n_m.png) center center no-repeat #ffffff; border-radius:3px;}

#mybtns #more:hover{	background:url(../Image/n_m_h.png) center center no-repeat #333333;}

#mybtns #right{background:url(../Image/n_r.png) center center no-repeat #ffffff; border-radius:3px;}

#mybtns #right:hover{background:url(../Image/n_r_h.png) center center no-repeat #333333;}





.guest{ width:100%; float:left; clear:both; padding:60px 0 105px 0; background:#fff;}

.guest h3{ font-size:30px; font-weight:bold; display:block; width:100%; color:#333333; text-align:center;}

.guest span{ color:#666666; font-size:18px; line-height:30px; display:block; font-weight:400; width:100%; text-align:center; margin:15px 0 0 0;}



.guestCon{ width:1200px; margin:30px auto;}

.customer .tab{ width:580px; float:left;}

.customer .tab a{ width:100px; height:80px; border:1px solid #fff; float:left; margin:5px;}

.customer .tab a:hover{ border:1px solid #ff6e04;}

.customer .tab a.on{ border:1px solid #ff6e04;}



.customer .content{ background:#f6f7f8; overflow:hidden;  padding:5px 25px; width:550px; float:right; height:155px; margin:10px 0 0 0;}

.customer .content li{ display:none;}

.cont span.title{ width:100%; color:#333333; text-align:left; font-size:18px; margin:0px; font-weight:bold; width:100%; height:40px; line-height:40px;}

.g_pic{ width:100px; float:left; height:100px; margin:5px 10px 0 0;}

.cont small{ color:#333333; font-size:18px; width:440px; float:left; line-height:20px;}

.contDetail{ width:420px; height:85px; float:left; margin:10px 0 0 0; line-height:25px; color:#333333;}













/*********************footer***********************/

.end{ background:url(../Image/footer.jpg) top repeat-x; height:385px; width:100%; float:left; clear:both;}

.footer{ width:1200px; margin:0 auto; padding:35px 0 0 0;}

.f_logo{ background:url(../Image/f_logo.jpg); height:50px; width:210px; text-indent:-9999px; float:left;}

.f_menu{ width:940px; float:right; height:270px;}

.f_menu li{ width:100px; float:left;}

.f_menu li span{ font-size:16px; display:block; height:30px; width:100%; color:#fff;}

.f_menu li a{ font-size:14px; color:#9699a0; display:block; line-height:30px;}

.f_menu li a:hover{ color:#0087c7;}



.f_menu li.tel{ width:200px; float:left;}

.f_menu li small{ width:100%; display:block; color:#9699a0; line-height:30px; font-size:14px;}



.f_menu li.weixin{ width:130px; float:left;}

.f_menu li.weixin span{ width:85px; color:#9699a0; margin:5px 0; font-size:14px; text-align:center; display:block; margin:0 auto; line-height:28px;}



.f_intro{ height:80px; width:100%; float:left; clear:both; line-height:80px; color:#9699a0; text-align:center; font-size:14px;}

.f_intro a{ color:#9699a0; margin:0 5px;}

.f_intro a:hover{ color:#0087c7;}











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



.middle{ margin:25px auto; width:1200px; background:#fff;}

.sideBar{ background:#fcfcfd; border-right:1px solid #ececec; width:260px; float:left;}

.sideBar h3{ height:60px; line-height:60px; border-bottom:1px solid #ececec; color:#333333; display:block; width:100%; text-indent:25px; font-size:18px; font-weight:bold;}

.sideBar a{ border-bottom:1px solid #ececec; height:45px; line-height:45px; text-indent:30px; display:block; color:#333333;}

.sideBar a:hover,.sideBar a.current{ background:#ff6e04; color:#fff;}



.contact{ width:880px; float:left; background:#fff; padding:0 25px 0 25px; margin:0 0 25px 0;}

.contact span.title{ font-size:24px; display:block; width:100%; color:#333333; height:60px;  line-height:60px; font-weight:400;}



.address li{ border-bottom:1px solid #edeff2; padding:10px 0 20px 0; width:415px;width:100%; float:left; margin:0 0 10px 0;}

.address li h3{ font-size:20px; display:block; width:100%; color:#ff6e04; line-height:20px; height:30px;}

.address li span{ font-size:14px; color:#666666; display:block; width:100%; line-height:30px;}

.address li span strong{ font-size:20px; font-weight:bold; color:#333333;}

.address li span b{ color:#333333; font-weight:600; text-indent:10px;}





.address li.cz{ width:840px;}

.czPic{ width:480px; float:left; padding:0 35px 0 0;}

.address li.lyg,.address li.ly{ float:right;}

.address li.jj{ border:none;}



/*******************企业文化**********************/



.culture span{ display:block; width:100%; font-size:18px; line-height:30px; color:#333333; font-weight:bold;}

.culture p{ display:block; line-height:30px; color:#333333; font-size:14px; margin:0 0 20px 0;}

.c_pic{ margin:10px 0 20px 0; width:100%;}



.cultureList{ margin:15px 0; float:left; clear:both;}

.cultureList li{ border:1px solid #e5e5e5; border-radius:10px; width:180px; padding:20px 15px; height:260px; float:left; margin:0 10px 0 0; text-align:center;}

.cultureList li.last{ float:right; margin:0px;}

.cultureList li small{ display:block; margin:5px 0;}

.cultureList li p{ text-align:left; text-align:justify; line-height:25px; margin:10px 0 0 0;}



.company{ width:830px; padding:0 15px; color:#666666; line-height:30px; font-size:14x; }





/*******************人才招聘**********************/

.jobsTitle{ margin:35px 0 0 0; width:100%;}

.jobsTitle span{ color:#333333; font-size:18px; font-weight:bold; width:100%;}

.jobsTitle p{ color:#333333; font-size:14px; display:block; line-height:30px;}





.job_intro{ padding:0 20px 0 0;}

.job_intro li{ width:415px; padding:0 0 10px 0; min-height:130px; margin:35px 0 0 0; float:left; background:url(../Image/jobLi.jpg) bottom repeat-x;}

.job_intro li b{ height:26px; background:#94de6f; margin:10px 0 0 0; width:26px;  border-radius:50%; float:left; line-height:26px; text-align:center; color:#ffffff; font-size:14px;}

.job_nr{ width:380px; line-height:35px; float:right; font-size:14px; text-align:justify; color:#333333;}

.job_intro li.n{ background:none;}

.job_intro li.r{ float:right;}



.welfare{ widows:100%; float:left; clear:both;}

.welfare ul{ padding:15px 0 0 0;}

.welfare li{ border-radius:10px; width:160px; padding:90px 0 0 0; height:55px; line-height:35px; color:#333333; border:1px solid #eeeeee; text-align:center; float:left; margin:0 10px 0 0; cursor:pointer; font-weight:bold; transition: all 0.2s linear 0s;}

.welfare li.w_1{ background:url(../Image/j_1.png) 50px 35px no-repeat;}

.welfare li.w_2{ background:url(../Image/j_2.png) 50px 35px no-repeat;}

.welfare li.w_3{ background:url(../Image/j_3.png) 50px 35px no-repeat;}

.welfare li.w_4{ background:url(../Image/j_4.png) 50px 35px no-repeat;}

.welfare li.w_5{ background:url(../Image/j_5.png) 50px 35px no-repeat; float:right; margin:0px;}



.welfare li.w_1:hover{ background:url(../Image/j_1_2.png) 50px 35px no-repeat;}

.welfare li.w_2:hover{ background:url(../Image/j_2_2.png) 50px 35px no-repeat;}

.welfare li.w_3:hover{ background:url(../Image/j_3_2.png) 50px 35px no-repeat;}

.welfare li.w_4:hover{ background:url(../Image/j_4_2.png) 50px 35px no-repeat;}

.welfare li.w_5:hover{ background:url(../Image/j_5_2.png) 50px 35px no-repeat; float:right; margin:0px;}





.recruit{ width:100%; float:left; clear:both;}

.recruit .tab{ width:100%; margin:10px 0;}

.recruit .tab a{ width:140px; height:50px; border-radius:5px; line-height:5px; border:1px solid #eeeeee; line-height:50px; text-align:center; color:#333333; font-size:14px; float:left; margin:10px 10px 0 0;}

.recruit .tab a:hover{ background:#ff6e04; color:#fff; border:1px solid #ff6e04;}

.recruit .tab a.on{ background:#ff6e04; color:#fff; border:1px solid #ff6e04;}



.recruit .content{ width:100%; margin:15px 0 0 0;}

.recruit .content li{ display:none;}

.re_Title{ width:100%; height:100px; margin:20px 0; float:left; clear:both;}

.re_position{ border-right:1px solid #ebebeb; width:170px; float:left; padding:0 30px 0 0; }

.re_Pic{ width:100%; text-align:center; line-height:20px; color:#ff6e04; font-size:18px; font-weight:bold;}

.re_Title span{ width:500px; float:left; color:#666666; height:35px; line-height:35px; display:block; margin:0 0 0 30px; font-size:14px;}

.re_Title b{ color:#333333;}



.re_detail{ line-height:35px; padding:25px 0 0 0; float:left; clear:both;}



.hr{ height:60px; border-top:1px solid #f3f4f6; float:left; clear:both; width:100%; margin:50px 0; line-height:60px; color:#666666; font-size:16px;}

.hr span,.hr a{ color:#ff6e04; margin:0 40px 0 0;}

.hr a:hover{ color:#94de6f;}





/**************子页新闻***********/

.zy_news{ width:1150px; padding:15px 25px; margin:25px auto; min-height:500px; background:#fff; height:auto!important; overflow:visible!important; overflow:visible;}

.newsTitle{ height:45px; width:100%; line-height:45px;}

.newsTitle a{ color:#333333; font-size:16px; display:block; float:left; background:url(../Image/interval.png) right center no-repeat; width:135px; text-align:center;} 

.newsTitle a.team{ text-align:left; width:105px;}

.newsTitle a.last{ background:none;}





.newsTitle a:hover,.newsTitle a.current{ color:#ff6e04;}



.zy_newsCon{ min-height:500px;}

.zy_newsCon li a{ display:block; width:97%; height:185px; padding:15px;}

.zy_newsCon li{ width:100%; border-bottom:1px solid #ebecf1; height:225px; margin:15px 0 0 0;}

.zy_newsPic{ width:280px; height:175px; float:left; margin:0 55px 0 0;}

.zy_newsDetail{ width:780px; float:right;}



.zy_newsD h3{ width:100%; display:block; font-size:18px; color:#333333; font-weight:bold;}

.zy_newsD p{ height:105px; width:100%; margin:10px 0 0 0; line-height:30px; color:#333333; font-size:14px; display:block;}

.zy_newsD span.time{ font-size:14px; display:block; line-height:25px; color:#999999;}



.zy_newsCon li a:hover{

	-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);

    box-shadow:  0 5px 30px rgba(0, 0, 0, 0.18);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);	

	}



.zy_news h3.biaoti{ width:100%; display:block; text-align:center; color:#333333; font-size:20px; font-weight:bold; line-height:35px;}

.meta{ border-bottom:1px solid #ebecf1; height:45px; width:100%;}

.meta span{ display:block; float:left; height:45px; color:#999999; line-height:45px;}

.meta small{ display:block; float:right; margin:10px 0 0 0;}



.inside_page{ padding:50px; line-height:30px; color:#333333; font-size:14px;}

.inside_page img{ max-width:1070px;}







/**********************直通车**************************/

.businessCon{ width:1100px; margin:0 auto;}

.expressBanner{ background:url(../Image/ztc.jpg) top center no-repeat; height:400px; width:100%;}

.whyExpress{ height:380px; background:#f3f4f6; width:100%;}

.whyExpressCon{ width:960px; margin:70px auto 0; background:url(../Image/trainPic.jpg) left center no-repeat; height:300px;}

.why_detail{ width:473px; float:right; margin:15px 0 0 0;}

.why_detail h3{ font-size:32px; color:#333333; display:block; width:100%;}

.why_detail p{ font-size:14px; color:#666666; margin:10px 0 0 0; line-height:25px;}



.business{ padding:35px 0; background:#fff; width:100%; float:left;}

.business h3,.Expand h3,.youshi h3,.step h3,.Suitable h3,.brain h3,h3.biaoti{ widows:100%; color:#333333; font-size:32px; line-height:50px; margin:0 0 25px 0; display:block; text-align:center;}



.ztc_xx_gd{ width: 990px; padding: 0 55px; position:relative;}

.ztc_xx_gd .prev,.ztc_xx_gd .next{display:block; width: 52px; height: 53px; position: absolute; top: 250px; }

.ztc_xx_gd .prev{ left: 0; background: url(../Image/prev.png);}

.ztc_xx_gd .next{ right: 0; background: url(../Image/next.png);}

.ztc_xx_gd .bj{ background: url(../Image/ztc_xx.png) repeat-y top center;position: absolute; top: 0; width: 990px; height: 571px; left: 0; z-index: 9999;}

.ztc_xx_gd .bd li{ width: 330px; float: left; text-align: center;}

.ztc_xx_gd .bd li p{ display: block; height: 84px; font-size: 18px; line-height: 24px; color: #333333;}



.soft{ widows:100%; margin:15px 0 0;}

.soft h4{ width:100%; display:block; color:#666666; font-weight:400; font-size:16px; text-align:center; line-height:35px;}

.softCon{ width:400px; margin:20px auto;}

.softCon a{ display:block; text-align:center; line-height:30px; color:#666666; font-size:16px; float:left; width:130px;}

 



.Expand{ height:400px; width:100%; background:#f3f4f6; padding:60px 0; float:left; clear:both;}

.ExpandCon{ width:1100px; margin:25px auto; background:url(../Image/tuozhan_pic.jpg) left center no-repeat; height:295px;}

.ExpandConIntro{ width:385px; float:right; margin:25px 0 0 0; color:#666666; font-size:16px; font-weight:400; line-height:30px;}



.youshi{ padding:80px 0; width:100%; background:#fff; height:420px; float:left; clear:both;}

.youshiCon{ width:1200px; margin:20px auto 0;}

.youshiCon ul{ padding:25px 0 0 0;}

.youshiCon li{ width:200px; height:315px; margin:0 25px; padding:0 25px; float:left; text-align:center; }

.youshiCon li span{ display: block; width: 100%;  font-size: 16px; color: #333333; line-height: 25px;}

.youshiCon li p{ margin:15px 0 0 0; display: block; text-align:justify; width: 100%;  line-height: 25px; color: #666666;}



.step{ padding:40px 0; width:100%; float:left; clear:both;}



/***************************引用*******************/



.kb15{height:15px;}

.kb20{height:20px;}

.kb40{height:40px;}

.ztc_box6{ width: 940px; margin: 0 auto; background: url(../Image/step.png) no-repeat center 75px; height:500px;}

.ztc_wb{ width: 188px; float: left; color:#666666; text-align: center;}

.ztc_bz{ color:#666666;}

.ztc_bz h4,.ztc_xx h4{ display: block; font-size: 16px; color: #333333; }



.Suitable{ padding:60px 0; width:100%; float:left; clear:both; background:#fff;}

.Suitable h4{ width:100%; color:#666666; display:block; text-align:center; font-weight:100; line-height:25px;}



.SuitableCon{ width:930px; margin:0 auto;}

.Suitable li{ width:130px; height:150px; margin:20px 25px; padding:0 25px; line-height:30px; text-align:center; color:#666666; float:left;}





.adviser{ background:#333333; float:left; padding:45px 0; height:50px; width:100%;}

.adviser a{ border:1px solid #ffa302; width:210px; display:block; margin:0 auto; height:55px; line-height:55px; text-align:center; color:#ffa302; font-size:18px; border-radius:5px; }

.adviser a:hover{ background:#ffa302; color:#fff; border:1px solid #ffa302;}







/****************************智能网站******************************/



.brainBanner{ background:url(../Image/zhineng.jpg);  height:430px; width:100%; background-position: center;

  background-size: cover;

  background-repeat: no-repeat;}

.brain{ background:#ffffff; padding:45px 0;}

.brain p{ width:1200px; margin:0 auto; line-height:40px; font-size:18px; color:#000000; font-weight:400;}



.brainCon{ padding:40px 0; width:100%;}

.brainCon span{ display:block; width:100%; text-align:center; color:#000000; font-size:16px; line-height:35px;}



.module{ width:1200px; margin:15px auto;}

.module li{ width:220px; height:270px; margin:10px 10px 100px; overflow:hidden; float:left;}

.module li.m_1{ background:url(../Image/zn_1.png);}

.module li.m_2{ background:url(../Image/zn_2.png);}

.module li.m_3{ background:url(../Image/zn_3.png);}

.module li.m_4{ background:url(../Image/zn_4.png);}

.module li.m_5{ background:url(../Image/zn_5.png);}

.module a{ display:block; width:220px; height:120px; padding:150px 0 0 0;}



.module li a:hover .moduleMore{-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease; top:10px;filter:alpha(opacity=77); 

-moz-opacity:0.77; opacity:0.77; }





.brainCon h3{ widows:100%; color:#333333; font-size:32px; line-height:50px;display:block; text-align:center;}

.module span{  display:block; font-size:18px; color:#fff; text-align:center; width:100%;}

.moduleMore{  width:110px; height:45px; line-height:45px; text-align:center; background:#000;filter:alpha(opacity=0); 

-moz-opacity:0; opacity:0; color:#fff; font-size:14px; position:relative; border-radius:5px; left:55px; top:40px;}





/**************************qftouch*****************************/

.touchBanner{ background:url(../Image/qftouch.jpg) top center no-repeat; height:430px; width:100%;}

.t_pintai{ padding:70px 0; background:#fff; width:100%;}

.t_pintai p{ width:1002px; margin:15px auto; line-height:30px; font-size:16px; font-weight:400; color:#666666;}



.t_module{ background:#f5f6fa; height:345px; width:100%; padding:120px 0 0 0;}

.t_moduleCon{ width:1100px; margin:0 auto 0; padding:50px 0 0 0; height:300px; color:#666666; font-size:18px; line-height:45px; background:url(../Image/qft_1.jpg) bottom right no-repeat; }

.t_moduleCon span,.SaaSDetail span,.t_hyCon span,.t_cjDetail span{ display:block; width:100%; color:#333333; font-size:30px; font-weight:400;}

.t_moduleCon b,.t_hyCon b,.t_cjDetail b{ color:#12c9b4; font-size:40px; font-weight:bold; margin:0 10px 0 0;}



.SaaS{ background:#fff; padding:60px 0; width:100%;}

.SaaSCon{ background:url(../Image/qft_2.jpg) left center no-repeat; height:345px; width:980px; margin:0 auto;color:#666666; font-size:18px; line-height:45px;}

.SaaSDetail{ float:right; padding:120px 0 0 0;}

.SaaSDetail b{ color:#12c9b4; font-size:40px; font-weight:bold; margin:0 10px 0 0;}



.t_hy{ background:#f5f6fa; padding:30px 0; width:100%;}

.t_hyCon{ width:1100px; margin:0 auto; color:#666666; font-size:18px; line-height:45px; padding:130px 0 0 0; background:url(../Image/qft_3.jpg) right center no-repeat; height:280px;}



.t_cj{ background:#fff; padding:60px 0 20px 0; width:100%;}

.t_cjCon{ background:url(../Image/qft_4.jpg) left center no-repeat; color:#666666; font-size:18px; line-height:45px; height:290px; width:1100px; margin:0 auto; padding:110px 0 0 0;}

.t_cjDetail{ float:right; width:500px; line-height:30px;}

.t_cjDetail p{ margin:15px 0 0 0;}



.t_case{ padding:45px 0; width:100%;}

.t_case small{ color:#999999; font-size:18px; font-weight:400; display:block; width:100%; text-align:center;}

.t_caseCon{ width:1200px; margin:0 auto; height:340px;}



.t_caseCon li{ margin:20px; float:left;}

.t_caseCon li a{ width:180px; height:270px; overflow:hidden; background:#fff; padding:7px;  float:left;}

.t_caseCon li a:hover .t_caseNr{ top:-275px;transition: all 0.2s linear 0s;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}





.t_caseNr{ width:140px; height:220px; background:url(../Image/caseBg.png); padding:25px 20px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0; position:relative; top:-275px;top:-275px;}

.t_caseNr p{ text-align:center;  width:100%; color:#ffffff; font-size:14px; display:block;}

.t_caseNr span{ width:100%; height:40px; background:#fff; margin:20px 0 0 0; border-radius:5px; line-height:40px; display:block; text-align:center; color:#1588d0; font-size:14px;}



.t_caseMore{ width:280px; height:60px; line-height:60px; border:1px solid #fe8107; font-weight:bold; text-align:center; color:#fe8107; font-size:24px; display:block; margin:0 auto; border-radius:7px;}

.t_caseMore:hover{ background:#fe8107; color:#fff;}





/*************************qshop********************************/

.qshopBanner{ background:url(../Image/qshop.jpg) top center no-repeat; height:380px; width:100%;}

.q_plan{ padding:80px 0; width:100%; background:#fff;}

.q_plan p{ width:920px; text-align:center; line-height:25px; margin:0 auto; font-weight:400; color:#666666; font-size:14px;}



.q_tech{ padding:40px 0; width:1100px; margin:0 auto;}

.q_tech p{ width:100%; line-height:25px; margin:10px 0 0 0; text-align:center; font-size:14px;}



.q_techList{ margin:35px 0 0 0; width:100%;}

.q_techList li{ width:450px; height:145px; float:left; padding:0 0 0 80px;}

.q_techList li.q_1{ background:url(../Image/s_1.png) 10px 0px no-repeat;}

.q_techList li.q_2{ background:url(../Image/s_2.png) 10px 0px no-repeat; float:right;}

.q_techList li.q_3{ background:url(../Image/s_3.png) 10px 0px no-repeat;}

.q_techList li.q_4{ background:url(../Image/s_4.png) 10px 0px no-repeat; float:right;}

.q_techList li.q_5{ background:url(../Image/s_5.png) 10px 0px no-repeat;}

.q_techList li.q_6{ background:url(../Image/s_6.png) 10px 0px no-repeat; float:right;}



.q_techList li span{ font-size:16px; font-weight:bold; width:100%; color:#333333; display:block;}

.q_techList li p{ line-height:25px; color:#666666; display:block; font-weight:400; text-align:left;}



.q_development{ padding:60px 0; background:#fff; width:100%; float:left; clear:both;}

.development{ background:url(../Image/liucheng.jpg) center center no-repeat; width:830px; height:390px; margin:30px auto;}

.development span{ position:relative; font-size:18px; font-weight:bold;}

.development span.d_1{ color:#8699c8; top:340px; left:25px;}

.development span.d_2{ color:#ff6150; top:20px; left:35px;}

.development span.d_3{ color:#29cbde; top:340px; left:68px;}

.development span.d_4{ color:#ffb61a; top:20px; left:110px;}

.development span.d_5{ color:#78cd7f; top:340px; left:180px;}





.trust{ padding:45px 0; width:100%; float:left; clear:both;}

.trust p{ color:#999999; font-size:18px; text-align:center; line-height:35px;}



.trustCon{ width:1200px; margin:15px auto; height:360px;}

.trustCon li{ width:270px; height:320px; float:left; margin:15px 15px;}

.trustCon a{ width:270px; height:320px; background:#fff; display:block;}

.trustCon span{ display:block; width:100%; text-align:center; margin:5px 0 0 0;}

.trustCon p{ padding:0 25px; line-height:25px; text-align:left; color:#666666; font-size:12px; font-weight:400; display:block;}

.trustCon a:hover{-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.18);

    box-shadow:  0 5px 30px rgba(0, 0, 0, 0.18);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);}

	

	

/***************************智美云网站******************************/

.pcBanner{ background:url(../Image/pcBanner.jpg) top center no-repeat; height:380px; width:100%;}

.system{ padding:70px 0; width:1100px; margin:0 auto;}

.system p,.pc_chara p{ color:#666666; font-size:16px; line-height:30px; text-align:center; display:block;}



.systemCon{ padding:30px 0; width:100%;}

.systemCon li{ width:550px; float:left; margin:15px 0; height:30px; line-height:30px; color:#666666; font-size:16px; background:url(../Image/pcDz.jpg) left no-repeat; text-indent:15px;}

.systemCon b{ color:#16be8e;}



.pc_chara{ background:#fff; padding:45px 0; margin:80px 0 0 0; width:100%; float:left; clear:both;}



.pc_charaCon{ width:1200px; margin:0 auto;}

.pc_charaCon li{ height:95px; width:550px; float:left; padding:45px 0; background:url(../Image/pLi.jpg) bottom repeat-x;}

.pc_charaCon li.n{ background:none;}

.pc_charaCon li.d{ float:right;}

.pc_cPic{ width:105px; float:left; height:95px;}

.pc_charaCon li span{ color:#333333; font-weight:bold; font-size:20px; display:block; margin:10px 0 0 0;}

.pc_charaCon li p{ display:block; color:#666666; text-align:left; font-size:14px; line-height:25px;}







/**************************why*********************************/

.whyBanner{ background:url(../Image/whyBanner.jpg) top center no-repeat; height:485px; width:100%;}

.Marketing{ background:url(../Image/saleBg.jpg) top center no-repeat; text-align:center; float:left; clear:both; padding:60px 0; height:340px; width:100%; color:#ffffff;}

.Marketing h3{  display:block; width:100%; font-size:32px; font-weight:bold;}

.Marketing h4{ font-size:18px; line-height:40px; font-weight:400; display:block; width:100%;}

.Marketing p{ margin:25px 0 0 0; width:100%; display:block; font-size:14px; line-height:25px;}

.Marketing a{ width:210px; height:55px; display:block; margin:45px auto 0; border:1px solid #fff; border-radius:5px; line-height:55px; color:#fff; font-size:18px;}

.Marketing a:hover{ background:#ff6e04; border:1px solid #ff6e04;}



.webProduct{ background:#fff; padding:60px 0 80px 0; width:100%; float:left; clear:both;}

.webProductCon{ width:1200px; margin:35px auto;}

.webPic{ width:100%; height:75px;}

.webProductCon a{ width:200px; height:120px; border:1px solid #e4e6ea; float:left; display:block; margin:0 15px; border-radius:10px; padding:30px 0; text-align:center;}

.webProductCon a:hover{ border:1px solid #ff6e04;}



.webProductCon span{ color:#212121; display:block; font-size:18px; display:block; font-weight:bold; line-height:35px; width:100%;}

.webProductCon small{ color:#666666; display:block; width:100%; font-weight:400; font-size:14px;}



.webPrice{ padding:40px 0; width:100%; float:left; clear:both;}

.webPriceCon{ width:1200px; margin:25px auto; height:180px;}



.webPriceCon li{ margin:10px 0; float:left;}

.webPriceCon li a{ border:1px solid #f3f4f6; width:185px; height:55px; display:block;}

.webPriceCon li a:hover{ border:1px solid #ffa302;}

.webPrice a.more{ width:210px; height:55px;  border:1px solid #ffa302;border-radius:5px; line-height:55px; text-align:center; font-size:18px; display:block; margin:25px auto; color:#ffa302;}

.webPrice a.more:hover{ background:#ffa302; border:1px solid #ffa302; color:#fff;}



.webService{ background:#fff; padding:60px 0; width:100%; float:left; clear:both;}

.webServiceCon{ width:1200px; margin:30px auto; height:300px; background:url(../Image/servicePic.jpg) top center no-repeat;}

.webServiceCon li{ border:1px dashed #e4e6ea; width:310px; float:left; height:95px; margin:0 0 10px 0; border-radius:5px; padding:15px;}

.webServiceCon li span{ font-size:18px; display:block; font-weight:bold; color:#333333;}

.webServiceCon li p{ color:#666666; font-size:14px; line-height:25px;}

.webServiceCon li.r{ float:right;}

.webServiceCon li.third{ clear:both;}







/*************************网站案例******************************/

.webSiteBanner{ background:url(../Image/wzBanner-01.jpg) top center no-repeat; height:165px; width:100%;}

.webSite{ width:1200px; margin:30px auto;}

.webSiteTitle{ width:100%; height:40px;}

.webSiteTitle a{ color:#333333; font-size:16px; margin:0 5px 0 0; float:left; font-weight:400; display:block; width:100px; line-height:40px; height:40px; text-align:center;}

.webSiteTitle a:hover,.webSiteTitle a.current{ background:#0087c7; border-radius:5px; color:#fff;}



.webSiteCon,.MarketSiteCon{ padding:15px 0; width:100%;}

.webSiteCon li{ width:275px; height:305px; float:left; margin:15px 10px;}

.webSiteCon li a{ display:block; background:#fff; height:305px; width:100%;}

.webSiteCon li a:hover{ background:#007ac3;}

.webSitePic{ height:205px; width:100%; overflow:hidden;}

.webSiteCon li img{ transition: all 0.2s linear 0s;}

.webSiteCon li a:hover img{

	transition: all 0.3s linear 0s;

	-webkit-transform:scale(1.1,1.1);

    -moz-transform:scale(1.1,1.1);

    -transform:scale(1.1,1.1);

	}

.webSiteCon li a:hover .webSiteDetail span{ color:#fff; background:url(../Image/webSiteDzHover.png) right no-repeat;}

.webSiteCon li a:hover .webSiteDetail small{ color:#fff;}

.webSiteDetail{ padding:10px 15px;}

.webSiteDetail span{ height:25px; line-height:25px; color:#007ac3; font-size:16px; display:block; width:100%; background:url(../Image/webSiteDz.png) right no-repeat;}

.webSiteDetail small{ display:block; width:100%; color:#666666; font-size:14px; display:block; line-height:30px;}



.MarketSiteCon li{ width:275px; height:270px; float:left; margin:15px 10px;}

.MarketSiteCon li a{ display:block; background:#fafbfc; height:270px; width:100%;}

.MarketSiteCon li a:hover{ background:#007ac3;}

.MarketSitePic{ height:170px; width:100%; overflow:hidden;}

.MarketSiteCon li a:hover .MarketSiteDetail span{ color:#fff; background:url(../Image/webSiteDzHover.png) right no-repeat;}

.MarketSiteCon li a:hover .MarketSiteDetail small{ color:#fff;}

.MarketSiteDetail{ padding:10px 15px;}

.MarketSiteDetail span{ height:25px; line-height:25px; color:#007ac3; font-size:16px; display:block; width:100%; background:url(../Image/webSiteDz.png) right no-repeat;}

.MarketSiteDetail small{ display:block; width:100%; color:#666666; font-size:14px; display:block; line-height:30px;}







.webMiddle{ width:980px; margin:-450px auto 0;}

.webIntroModule{ background:url(../Image/webModule.png) top center no-repeat; padding:28px 0 0 0; width:100%; text-align:center; height:537px;}

.webIntroColor{ height:520px; width:100%;}

.webIntroBody{ width:100%; background:#fff; height:auto!important; overflow:hidden!important; overflow:visible; padding:0 0 60px 0;}

 

.webNr{ width:980px; margin:0 auto;}

.webNr span{ line-height:60px; height:60px; width:100%; color:#555555; display:block; font-weight:bold; font-size:18px;}

.webPage{ background:url(../Image/webTop.png) top center no-repeat; padding:35px 0 110px 0; width:100%;}

 

.webIntroTitle{ height:45px; width:100%; border-bottom:1px solid #f3f4f6;}

.webIntroTitle small{ color:#666666; display:block; float:left; line-height:45px; font-weight:400; font-size:14px;}

.webIntroTitle a{ background:url(../Image/url.png) left no-repeat; width:100px; line-height:45px; text-indent:30px; display:block; float:right; color:#0087c7;}

.webIntroTitle a:hover{ color:#666666;}



.w_detail{ padding:20px 0; line-height:30px; color:#555555;}

.w_detail b.t{ font-size:18px; display:block; width:100%; line-height:45px;}









/***************************发展历程****************************/

.history_zy{ width:100%; background:url(../Image/timeLine.jpg) left repeat-y; height:auto!important; overflow:hidden!important; overflow:visible; margin:20px 0 100px 0;}

.history_zy li{ width:100%; float:left;}

.historyYear_zy{ width:66px; height:40px; float:left;}

.historyYear_zy h3{ background:url(../Image/timeDz.jpg) top no-repeat; width:66px; height:20px; float:left; display:block; color:#ff6e04; font-size:14px; padding:20px 0 0 0; line-height:25px; font-weight:bold; text-indent:7px;}

.history_zy li span{ line-height:45px; color:#444444; display:block; font-size:14px; font-weight:400; float:left; width:70px; text-align:right; }

.history_zy li small{ line-height:25px; color:#444444; display:block; font-size:14px; font-weight:400; float:left; padding:10px 0 0 20px; }

.history_zy li.year{ margin:40px 0 0 0;}











/***********************page********************************/



#page{text-align:center; width:100%; margin:50px 0; float:left; clear:both;}

#page a{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#666666; border-radius:5px; border:1px solid #e4e6ef; text-decoration:none;}

#page a:hover{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff; border-radius:5px; border:1px solid #ff6600; background-color:#ff6600;}

#page a:active{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff; border-radius:5px; border:1px solid #ff6600; background-color:#ff6600;}

#page span.current{padding:0.5em 0.64em 0.43em 0.64em;margin:2px;color:#fff; border-radius:5px; border:1px solid #ff6600; background-color:#ff6600; font-weight:bold;}

#page span.disabled{display:none;}



#prev_next{ width:100%; border-top:1px solid #ebecf1; padding:25px 0;}

#prev_next li{ height: 35px; line-height: 35px; width: 100%;}

#prev_next li a:hover{ color:#0087c7;}



.submitBottom{background-color:rgba(49,54,63,0.9); height:145px; width:100%; padding:25px 0; float:left; clear:both;}

.require{ width:1200px; margin:0 auto;}

.require span{ font-size:30px; color:#ffffff; display:block; width:100%; font-weight:400;}



.demand{ width:100%; margin:10px 0; float:left; clear:both;}

.requireIntro{ color:#d0d1d2; font-size:14px; width:100%;  height:25px;}

.requireIntro a{ color:#d0d1d2; text-decoration:underline; font-size:14px;}

.requireIntro a:hover{ color:#1984d2;}



.name{ background:#fff;border-radius:5px; color:#666666; height:50px; width:215px; float:left; font-size:14px; text-indent:15px; margin:0 10px 0 0;}

.requireCon{background:#fff;border-radius:5px; line-height:50px; color:#666666; height:50px; width:600px; float:left; font-size:14px; text-indent:15px; margin:0 10px 0 0;}



.but{ background:#171717; width:140px; height:50px; border-radius:5px; float:right; line-height:50px; text-align:center; font-size:14px; color:#fff;}





/*糯米样式*/

.nm_bg{background:#fafafa;}

.nuomi_banner{ background:url(../Image/nm_banner.jpg) no-repeat top center; height:557px; width:100%;}

.nm_t{color:#ea356d; font-size:36px; text-align:center; font-weight:bold;}

.nm_zy_right{ height:120px; padding:140px 0; line-height:40px; font-size:18px; color:#999; width:600px;display: table-cell;vertical-align:middle;}

.nm_zy_right span{color:#ea356d; font-size:30px; font-weight: bold;}



.nmxx{ width:580px; height:120px; margin:20px 0; color:#999; line-height:30px; overflow:hidden;}

.nmxx span{ font-size:18px; color:#333; padding: 3px 0; display: block; line-height: 30px;}

.nmxx .left{ width:120px;}

.nmxx .right{ width:450px; line-height: 24px;}

.nm_xc{ background:url(../Image/mn_19.jpg) center center no-repeat; width:100%; height:1191px;}

.nmsj{ width:219px; border:1px #dfdfdf solid; background:#FFF; height: 140px; margin: -1px -1px 0 0; overflow: hidden;}



.nmsj a{ position: relative; display: block; width: 100%; height: 100%;  -webkit-perspective:800px;-moz-perspective:800px;}

.nmsj a > div {position: absolute; left: 0; height: 0;  width: 100%;  height: 100%; color: #fff;

    -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;

    -webkit-transition: .5s ease-in-out ; -moz-transition:  .5s ease-in-out ;

    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;

}

.nmsj a div.img { opacity: 1; filter:alpha(opacity=100);  -webkit-transform: rotateY(0); -moz-transform: rotateY(0); z-index: 2; transition: 0.3s all 0s linear;}

.nmsj a div.title{ opacity: 0; filter:alpha(opacity=0);  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg); z-index: 1;}

.nmsj a:hover div.img{ opacity: 0; filter:alpha(opacity=0); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); }

.nmsj a:hover div.title{ opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateY(0); -moz-transform: rotateY(0);}



.bg_bai{ background:#fff;}







/************************付款方式**********************/

.pay{padding:0 10px;}

.payTitle{ font-size:24px; font-weight:bold; width:100%; color:#ff6e04; margin:40px 0 10px 0; float:left; clear:both;}

.payCon li{ width:420px; height:245px; float:left; background:#f5f6f7; margin:0 0 15px 0; border:1px solid #ececec;border-radius:10px;}

.payCon li.r{ float:right;}

.payConTitle{ height:60px; width:100%; border-bottom:1px solid #ebecf1; padding:10px 0 5px 0;}

.payConTitle img{ float:left; margin:5px 0 0 5px;}

.payConTitle small{ width:75px; height:30px; background:#ff6e04; text-align:center; line-height:30px; color:#fff; font-size:14px; float:right; margin:15px 10px 0 0;}

.payDetail{ padding:10px 15px; line-height:32px; font-size:14px; font-weight:bold;}

.payDetail span.t{ color:#666666;}

.payDetail span.d{ color:#333333;}







/*智美5*/

.zmy{

    background: #0359ac;

    padding-bottom:5%;

}

.zmy .imgbox{

    width:100%;

}

.zmy .imgbox img{

    display: block;

    max-width: 100%;

    margin:0 auto;

}

.zmy .zmy-title{

    font-size:34px;

    text-align:center;

    color:#c0e0ff;

    font-weight: 700;

    background: url("../Image/zmy-title.png") no-repeat center;

    margin:4% 0;

    line-height: 94px;

}

.zmy .imgbox table{

    width:100%;

    max-width: 1001px;

    margin:0 auto;

}

.zmy .imgbox table tr td{

    text-align: center;

    vertical-align: middle!important;

    border: 1px solid #a9cfea !important;

    background: #eef6ff;

    color:#0c61bf;

    font-weight: 700;

    font-size: 16px;

    line-height: 35px;

}

.zmy .imgbox table tr td:hover{

    background: #d7e0ea;

}

.zmy .imgbox table tr:nth-child(1) td{

    background: #c5e9ff;

    line-height: 40px;

    font-size:20px;

}

.zmy .moive{

    width:100%;

    max-width: 1001px;

    margin:0 auto;

}