/* CSS Document */
*{ margin:0 auto; padding:0px 0px;}

.main{ width:1276px; clear:both; margin-top:10px; margin: auto;}

.fwfw{ width:1276px; float:left;}
.fwfwTitle{ width:1276px; height:; border-bottom:solid 1px #ececec; height:60px;}
.fwfwTitleL{/* width:400px;*/ float:left; position:relative; height:60px; margin-top:1px;}
.fwfwTitleL h1{display:block;float:left;font-size:24px;font-family:"微软雅黑"; height:59px; line-height:59px;color:#5c53dc;border-bottom:solid 1px #0186d5;float:left;}
.fwfwTitleL h2{ color:#c0c0c0; font-size:16px;font-family:Arial, Helvetica,sans-serif;font-weight:normal;padding-left:10px;float:left; height:50px; line-height:50px; padding-top:9px;}


.pro_hd{margin-right:12px;margin-top:20px; float:right;width:66px; height:28px;}
#pro_left, #pro_right{ width:30px; height:28px; overflow:hidden; background-image:url(../image/main_icon.png); background-repeat:no-repeat; cursor:pointer;}
#pro_left:hover, #pro_right:over{ background-image:url(../image/main_icon.png); background-repeat:no-repeat;}
#pro_left{ background-position:0 -102px; float:left;}
#pro_right{ background-position:0 -141px; float:right;}
#pro_left:hover{ background-position:-47px -102px; }
#pro_right:hover{background-position:-47px -141px; }

.fwfwCont{ width:1276px; float:left; border:solid 1px #ececec; border-top:none; height:300px; overflow:hidden;}
.fwfwCont ul li{ width:255px; float:left; height:300px; overflow:hidden;}

.fwfwCont dl{float:left;width:254px;text-align:center;border-right:1px #e6e6e6 dashed;}
.fwfwCont dl.last{/*border-right:none;*/}
.fwfwCont dl dt{ margin:17px 0 0 0;}
.fwfwCont dl dt h1{font:16px/1 "Microsoft Yahei","SimSun";color:#000;}
.fwfwCont dl dt h2{font:12px/1 "Microsoft Yahei","SimSun";color:#a6a6a6;margin:13px 0;}
.fwfwCont dl dd{color:#8c8c8c;line-height:22px;font-size: 12px;}
.fwfwCont dl dd.icon{width:100%;height:104px;margin:13px 0;background-position:center;background-repeat:no-repeat;}
.fwfwCont dl a{display:block;width:152px;height:33px;margin:14px auto 22px auto;font:14px/33px "Microsoft Yahei","SimSun";color:#fff;text-align:center;}
.fwfwCont dl.service_1 a{background:#00a0ff;}
.fwfwCont dl.service_1 dd.icon{background-image:url(/public/home/img/web_icon1.jpg);}
.fwfwCont dl.service_2 a{background:#98cb00;}
.fwfwCont dl.service_2 dd.icon{background-image:url(/public/home/img/web_icon2.jpg);}
.fwfwCont dl.service_3 a{background:#fb8804;}
.fwfwCont dl.service_3 dd.icon{background-image:url(/public/home/img/web_icon3.jpg);}
.fwfwCont dl.service_4 a{background:#00c4cb;}
.fwfwCont dl.service_4 dd.icon{background-image:url(/public/home/img/web_icon4.jpg);}

.fwfwCont dl.service_5 a{background:#2abd57;}
.fwfwCont dl.service_5 dd.icon{background-image:url(/public/home/img/web_icon8.jpg);}

.fwfwCont dl.service_6 a{background:#bbad0c;}
.fwfwCont dl.service_6 dd.icon{background-image:url(/public/home/img/web_icon7.jpg);}
.fwfwCont dl.service_7 a{background:#f54748;}
.fwfwCont dl.service_7 dd.icon{background-image:url(/public/home/img/web_icon6.jpg);}
.fwfwCont dl.service_8 a{background:#e30999;}
.fwfwCont dl.service_8 dd.icon{background-image:url(/public/home/img/web_icon5.jpg);}

.fwfwCont dl.service_9 a{background:#05af10;}
.fwfwCont dl.service_9 dd.icon{background-image:url(/public/home/img/web_icon9.jpg);}

/*首页案例推荐*/
.case{ width:100%; clear:both; padding-top:60px;}
.case_top img{ margin-bottom:10px;}
.case_top p{ line-height:20px; color:#fff;}
.case_list{ width:100%;float: left;}
.case_list li{width: 20%; *width:19.989%; float:left; margin:0; padding:0;border: none;*margin-bottom: -4px; display:none;}
.case_list li.guwenshow{ display:block;}
.case_list img{ width:100%; margin:0; padding:0; border:0;}
.case_list a{display: inline-block;float: left;position: relative;overflow: hidden;width: 100%;height:100%; margin:0; padding:0;}
.case_list a div.wenzi {width: 100%;height: 100%;position: absolute;top: 100%;left: 0px; background:url(../image/case_bg.png) right bottom no-repeat;padding-top: 30px;/*background: #010101;opacity: 0.8;filter: alpha(opacity=80);*/line-height: 25px;color: #fff;font-weight: 400;}
.case_list a div.wenzi h2{  width:90%;height:36px; font-size:16px; color:#fff; margin-top:6%; text-align:center; overflow:hidden; line-height:36px; margin-left:6%; //*background:url(/public/home/img/line2.png) left bottom no-repeat; *//font-weight:normal;}
.case_list a div.wenzi h1{  width:90%;height:36px; font-size:12px; color:#fff; /*margin-top:8%;*/ text-align:left; //*overflow:hidden; *//line-height:24px; margin-left: 6%;font-weight: bold;}
.case_list a div.wenzi p{ width:80%; color:#fff; margin:0 auto;text-indent: 2em; height:50px; /*overflow:hidden;*/}
.case_more{ width:146px; margin:0 auto; padding:60px 0; text-align:center;}
.case_more span{ color:#6f6f6f;}
.case_more img{ margin-top:10px;}
.case_more a{ color:#fff;}
.i_service_t{ text-align:center; padding-top:51px; color:#4e4e4e; font-size:14.06px; line-height:40px; padding-bottom:43px;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}

.guwenmore{ width:387px; height:56px; display:block; margin:0 auto; border:1px solid #ff9c00; clear:both; margin-top:35px; margin-bottom:32px; text-align:center; line-height:56px; font-size:16px; color:#ff9c00;}

.btn-enter{font-family:iuniFonts;opacity:0;transition:all .5s ease-in .1s;-moz-transition:all .5s ease-in .1s;-webkit-transition:all .5s ease-in .1s}
.btn-enter{transition-delay:.1s;-moz-transition-delay:.1s;-webkit-transition-delay:.1s;transform:translate(0px,5px);-moz-transform:translate(0px,5px);-webkit-transform:translate(0px,5px)}
.btn-enter {opacity:1;top:0;transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate(0px,0)}
.btn-enter:active,.btn-enter:focus,.btn-enter:hover{color:#000}
.btn-enter {opacity:1;transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s}
.btn-enter {transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate(0px,0)}
.btn-enter:active,.btn-enter:focus,.btn-enter:hover{background:#ff9c00;color:#fff}


/**首页新闻栏目*/
.S_news{ width:1200px; height:630px; margin:0 auto; }
.N_Menu{ height:170px; font-size:14px;}
.N_Menu h2{ font-size:30px; text-align:center; color:#000000; font-weight:normal; float:left; height:80px; width:1200px; line-height:80px; margin-top:20px;}
.N_Menu ul{ height:30px; padding:45px 0; margin:0 auto; width:330px;}
.N_Menu ul li{ float:left; margin-left:10px;}
.N_Menu ul li a{text-align:center; width:100px; display:block; height:30px; line-height:30px;}
.N_Menu ul li a:hover,.N_Menu ul li a.on {text-align:center; width:100px; display:block; height:30px;background:#eb5300; line-height:30px; color:#fff;}



.N_content{ height:440px; display:none; overflow:hidden; width:1200px;}
.N_content_l{ width:610px; height:440px; float:left; margin-left:-610px; overflow:hidden;}
.N_content_l dl{ width:300px; margin-right:10px; float:left;}
.N_content_l dl dt img{ width:300px; height:200px;}
.N_content_l dl dd h2{ width:300px; font-size:16px; color:#000; line-height:28px; margin:10px 0; height:56px; overflow:hidden; font-weight:normal;}
.N_content_l dl dd p{ width:300px; color:#666666; height:105px; overflow:hidden;}
.N_content_l dl dd span{ width:300px; color:#666666;}
.N_content_l dl dd span a{ width:68px; float:right;}
.N_content_l dl dd span a:hover{color: #e6791b;}

.N_content_r{ width:570px; height:440px; float:right; margin-right:-570px;overflow:hidden;}
.N_content_r ul{}
.N_content_r ul li{ height:90px; margin-bottom:12px;}
.N_content_r ul li dl{ width:90px; height:90px; margin-right:15px; border:1px solid #c1c1c1; float:left;}
.N_content_r ul li dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;}
.N_content_r ul li dl dd{  text-align:center;}
.N_content_r ul li h2{ font-size:16px; line-height:30px; width:460px; float:left; font-weight:normal;}
.N_content_r ul li p{ font-size:12px; color:#666666; width:450px; float:left;}

.N_content_r ul li:hover{background:#e6791b; color:#fff;cursor: pointer;}
.N_content_r ul li:hover dl{ width:90px; height:90px; margin-right:15px;float:left; border:1px solid #e6791b;}
.N_content_r ul li:hover dl dt{ font-size:30px; font-weight:bold; line-height:50px; text-align:center;}
.N_content_r ul li:hover dl dd{  text-align:center;}
.N_content_r ul li:hover h2{ font-size:16px; line-height:30px; width:460px; float:left;}
.N_content_r ul li:hover h2 a{ color:#fff;}
.N_content_r ul li:hover p{ font-size:12px; color:#fff;width:450px;}