/* base 公共部分 */
body { font: 12px/22px "微软雅黑"; color:#555; margin: 0px; text-align:center;}
*{ padding:0; margin:0;}
a { color:#555; text-decoration:none;}
a:hover{ color:#e1472f; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0; width:100%; float:left;}
.page a{ background:#7f8c8c; color:#fff;padding:8px 16px;border-left:1px solid #707575;border-top:1px solid #707575;border-bottom:1px solid #707575;}
.page a:first-child{border-radius:3px 0px 0px 3px;}
.page a:last-child{border-radius:0px 3px 3px 0px;border-right:1px solid #707575;}
.page a.dq,.page a:hover{ background:#9cabab;}
.wrapper{ width:1140px; margin:0 auto; text-align:left;position:relative;}
.left{float:left;display:inline-block;}
.right{float:right;display:inline-block;margin-right: 125px}

/*头部*/
.header{height:106px;position:relative;}
.header .left{margin-top:40px;}
.header .right{height:86px;margin-top:20px;}
.header .right li{display:inline-block;height:86px;line-height:86px;float:left;}
.header .right li a{display:block;padding:0px 18px; font-size:14px; font-weight:bold;}
.header .right li a.on,.header .right li a:hover{ background:#e1472f;color:#ffffff;}
.header .right li a span{border-bottom: 1px dotted #fff;}

/*主体*/
/*推荐案例*/
.syal{ width:1140px; margin-bottom:0px;}
.sytitle{ width:1140px; height:90px;}
.sytitle h1{ width:1140px; height:60px; line-height:60px; text-align:center; font-size:32px; color:#666; float:left;}
.sytitle h2{ width:140px; height:2px; float:left; margin:0 500px; transition:all 1.6s; background:#e1472f ;}
.sytitle:hover h2{ width:1140px; height:2px; float:left; margin:0px;}
.syal .nrzx{ width:1140px; height:570px;}
.syal .nrzx li{ float:left; width:358px; height:268px; border:1px solid #CCC; overflow:hidden; margin-right:20px; margin-bottom:30px;}
.syal .nrzx li.last{ margin-right:0px;}
.syal .nrzx li img{ float:left; width:100%; height:auto;}




.m_tp20{margin-top:20px;}
.bgtitle{margin-bottom: 20px;height: 25px;padding-bottom: 7px;border-bottom: 1px solid #e5e5e5;}
.bgtitle h2{font-size:13px;font-weight:600;float: left;height: 26px;line-height: 26px;background: #e5e5e5;padding: 0 10px;
text-transform: uppercase;}
.bgtitle a{display:inline-block;float:right;color:#e1472f;height: 26px;line-height: 26px;padding:0px 10px;}
.bgtitle a:hover{color:#333;}
.big_title{font-size: 48px;font-weight: 300; margin:10px 0;line-height: 56px;}
.s_title{font-size: 13px;line-height: 20px;margin-bottom: 20px;font-weight: 600;}
.aboutus{margin-bottom:20px;}
.aboutus .left{width:740px;margin-right:20px;}
.aboutus .right{width:360px;margin-right:20px;}
.aboutus .right ul li{display:block;}
.aboutus .right ul li p{display:inline-block;float:left;width:252px;height:10px; background:#EFEFEF;margin-bottom:15px;}
.aboutus .right ul li .name{display:inline-block;float:left;margin-left:5px;height:10px;line-height:10px;margin-bottom:15px;}
.aboutus .right ul li .per{display:block;height:10px; background:#e1472f;}
.works{margin-bottom:20px;}
.works ul li{display:inline-block;float:left;width:250px;height:auto;margin-right:26px;padding-bottom:20px;border-bottom: 2px solid #323232; position:relative;}
.works ul li.last{margin-right:0px;}
.works ul li img{width:100%;}
.works ul li .cn{display: block;height:156px;line-height:26px;margin-top:20px; text-align:center;position: relative;color: #323232; font-size:14px; font-weight:bold;}
.works ul li .cn:hover{color:#e1472f;}
.works ul li .en{display: block; text-align:center;color: #a1a1a1;}
.works ul li .hover_icon{width:41px;height:41px;position:absolute;top:89px; left:113px; background:#e1472f;border-radius:100%;}
.works ul li .hover_icon.lightbox{ background:#e1472f url(http://www.uweb168.com/images/lightbox.png) no-repeat center;}
.works ul li .hover_icon.link{ background:#e1472f url(http://www.uweb168.com/images/link.png) no-repeat center;}
.works ul li .hover_icon.video{ background:#e1472f url(http://www.uweb168.com/images/video.png) no-repeat center;}
.ourteam ul li{border:none;}
.ourteam ul li .hover_icon{top:113px; left:113px;}
.cases ul li .img{width:265px;height:166px; overflow:hidden;}
.cases ul li img{width:265px;}
.cases ul li .hover_icon{top:66px; left:113px;}

.works ul li .en{color:#e1472f;}
.zuixin ul li{display:inline-block;width:280px;height:22px;line-height:22px;float:left;}
.zuixin ul li span{display:inline-block; text-align:center;width:58px;float:left;}
.zuixin ul li a{display:inline-block; text-align:left;width:218px;float:left;overflow:hidden;}
.zuixin ul li a:hover{color:#e1472f;}
.cases a{display:block;text-align:center;background:#efefef;}
.cases a:hover{color:#e1472f;background:#dfdfdf;}
.uweb .left{width:360px;margin-right:30px;}
.uweb .left.last{margin-right:0px;}
.map img{border:1px solid #e5e5e5;}
.contact .left{width:266px;}
.contact .left img{border:1px solid #e5e5e5;}
.contact .right{width:834px;}
.feedback{width:100%;}
.feedback tr{ float:left; width:760px;}
.feedback .syly1{width:230px; margin-right:30px; float:left;}
.feedback .syly1 a{width:230px;float:left; height:22px; color:#fff; font-size:14px; text-align:left; display:block; line-height:22px;}
.feedback .syly1 span{width:230px;float:left; height:30px; color:#fff; font-size:14px; text-align:left; display:block; line-height:22px;}
.feedback .syly2{width:230px; margin-right:0px; float:left;}
.feedback .syly3{width:515px; margin-top:20px; float:left;}
.feedback .syly4{width:115px; margin:46px 100px 0 0; float:right; height:36px;}
.feedback label{display:block;color:#fff;}
.feedback .syly1 input{width:208px;padding:2px 10px; background:#f7f7f7;border:1px solid #EBEBEB;border-radius:3px;outline:none; height:26px;}
.feedback .syly2 input{width:208px;padding:2px 10px; background:#f7f7f7;border:1px solid #EBEBEB;border-radius:3px;outline:none; height:26px;}
.feedback .syly3 textarea{width:495px;height:40px;padding:10px; background:#f7f7f7; color:#cbcbcb; font-size:14px; border:1px solid #EBEBEB;border-radius:3px;resize:none; outline:none;}
.feedback .syly3 textarea:focus{border:1px solid #999;}
.feedback input:focus{border:1px solid #999;}
.feedback .syly4 .button{ background:#fff;color:#000; width:115px; padding:6px 12px; font-size:14px;font-weight:bold;letter-spacing:2px; border-radius:3px; border:0px; height:36px; display:block;}
.feedback .syly4 .button:hover{color:#ff0000;}



/*网络前沿*/
.qianyan{ width:100%; background:url(http://www.uweb168.com/images/qianyan1.jpg) repeat-x left bottom;}
.qianyan .top{ width:1140px; float:left; height:630px; background:#efefef;}
.qianyan .top .title1{ width:1140px; height:56px; margin:20px 0; float:left;}
.qianyan .top .title1 img{ width:156px; height:56px; margin-left:30px; float:left;}
.qianyan .top .title1 h1{ width:644px; height:56px; margin-left:30px; float:left; color:#000; font-size:30px; font-weight:normal; text-align:left; line-height:56px; letter-spacing:2px;}
.qianyan .top .title1 .qianyan1{margin-right:30px; width:200px; float:right; transition:all 0.6s; height:56px; line-height:56px; text-align:right; font-size:18px; color:#000; display:block;} 
.qianyan .top .title1 .qianyan1:hover{ color:#bb042c;}
.qianyan .top .neirong{ width:1080px; height:534px; margin:0px 30px; float:left;}
.qianyan .top .neirong .left{ width:720px; float:left;}
.qianyan .top .neirong .right{ width:340px; float:right;}
.qianyan .top .neirong .left h2{ width:160px; float:left; height:534px; font-size:16px; line-height:32px; text-align:left; font-weight:normal;}
.qianyan .top .neirong .left ul{ width:560px; float:left; height:534px; font-size:16px; text-align:left;}
.qianyan .top .left ul{padding-top:0px;}
.qianyan .top .left ul li{width:560px;height:85px;float:left;margin-bottom:20px; background:#dbdbdb;}
.qianyan .top .left ul li .date{color:#ffffff;width:85px;height:85px; text-align:center;font-size:18px;float:left; background:#d41920;}
.qianyan .top .left ul li .date a{color:#ffffff;display:block;width:85px;height:85px;}
.qianyan .top .left ul li .date:hover{background:#ffffff; color:#d41920; width:83px; height:83px; border:1px solid #d41920;}
.qianyan .top .left ul li .date:hover a{color:#d41920;}
.qianyan .top .left ul li .date .day{font-size:32px;line-height:32px;padding:10px 0px 0 0;display:block; text-align:center;}
.qianyan .top .left ul li .date .month{line-height:36px; text-align:center; display:block; height:38px;}
.qianyan .top .left ul li .text{width:435px;height:75px;float:right;padding:10px 10px 0 10px; transition:width 1s;}
.qianyan .top .left ul li:hover .text{width:410px;height:75px;float:right;padding:10px 10px 0 10px; transition:width 1s;}
.qianyan .top .left ul li .text a{color:#444;}
.qianyan .top .left ul li .text a:hover{color:#bf0000;}
.qianyan .top .left ul li .text .title{font-size:16px;width:415px;height:20px;overflow:hidden;}
.qianyan .top .left ul li .text p{font-size:16px;color:#666;padding-top:2px;line-height:22px;height:75px;overflow:hidden; width:410px; }
.qianyan .bottom{ width:760px; height:270px; float:left; background:#bb042c; padding:0 190px;}
.qianyan .bottom h1{ width:760px; height:40px; float:left; font-size:28px; font-weight:bold; color:#FFF; margin:30px 0 0 0px;}
.qianyan .bottom h2{ width:760px; height:30px; float:left; font-size:18px; font-weight:normal; color:#FFF; margin:0px;}
.qianyan .bottom h2 span{ height:30px; float:right; font-size:18px; font-weight:normal; color:#FFF;}

/*内页*/
.banner2{height:182px;width:100%; background:url(http://www.uweb168.com/images/banner2.jpg) no-repeat center;}
.con_pages{ background:#ffffff;position:relative;padding:10px 40px;margin-top:-90px;}
.con_pages .menu{padding:0px 0px 10px 5px;border-bottom:1px solid #e5e5e5;}
.con_pages .menu li{display:inline-block;float:left;margin-right:5px;margin-top:5px;}
.con_pages .menu li a{display:inline-block;padding:6px 12px;border:1px solid #d8d8d8;border-radius:2px;}
.con_pages .menu li a:hover,.con_pages .menu li a.on{background:#e1472f;color:#ffffff;}
.con_pages .menu li input{height:34px;width:300px;border:1px solid #d8d8d8;vertical-align:middle;padding:0px 5px;color:#666;outline:none;}
.con_pages .menu li input:focus{border:1px solid #e1472f;}
.con_pages .menu li #submit{margin-right:100px;}
.con_pages .menu.border_none{border:none;}
.con_pages .menu.colors li{ position:relative;}
.con_pages .menu.colors li a{width:48px;height:34px;line-height:34px; text-align:center;padding:0px;}
.con_pages .menu.colors li img{ position:absolute;bottom:1px;right:1px; display:none; z-index:1;}
.con_pages .menu.colors li .on img{display:inline;}
.con_pages .menu.colors li font{ position:absolute;}
.con_pages .menu.colors li font.f1{width:25px;display:inline-block;background:#ff0149;height:8px;top:0px;left:0px;}
.con_pages .menu.colors li font.f2{width:25px;display:inline-block;background:#cc01ff;height:8px;top:0px;right:0px;}

.con_pages .menu.colors li font.f3{height:18px;display:inline-block;background:#0179ff;width:8px;top:0px;right:0px;}
.con_pages .menu.colors li font.f4{height:18px;display:inline-block;background:#01ffcc;width:8px;bottom:0px;right:0px;}

.con_pages .menu.colors li font.f5{width:25px;display:inline-block;background:#01ff55;height:8px;bottom:0px;right:0px;}
.con_pages .menu.colors li font.f6{width:25px;display:inline-block;background:#90ff01;height:8px;bottom:0px;left:0px;}

.con_pages .menu.colors li font.f7{height:18px;display:inline-block;background:#ffe401;width:8px;bottom:0px;left:0px;}
.con_pages .menu.colors li font.f8{height:18px;display:inline-block;background:#ff2b01;width:8px;top:0px;left:0px;}

.con_pages .content{ text-align:left;}
.con_pages .content .btitle{ font-size:30px; height:60px;line-height:60px;font-weight:bold;color:#000; text-align:center;margin-top:100px;}
.con_pages .content .remark{ font-weight:100; font-size:20px;text-align:center;}
.con_pages .content .article{padding:20px 0px;}
.page_title{ font-size:36px;color:#535353; font-weight:100; letter-spacing:4px; height:90px;line-height:90px;}
.page_title .cn{margin-right:20px;}

.news_list{margin-top:20px;}
.news_list li{display:block;padding:10px 10px;margin-bottom:10px;border:1px solid #e5e5e5;}
.news_list li .img{display:inline-block;float:left; position:relative;}
.news_list li .img img{width:130px;}
.news_list li .img span{display:block; text-align:center; background:#d8d8d8;color:#999999;}
.news_list li .img:hover span{background:#e1472f;color:#ffffff;}
.news_list li .intro{display:inline-block;width:888px;float:left;margin-left:20px;}
.news_list li .intro h3{ font-size:18px; font-weight:400;margin:5px 0;color:#000000;}
.news_list li .intro h3:hover{color:#e1472f;}
.news_list li .date{display:inline-block;width:130px;height:100px;float:left;}
.news_list li .date span{display:block; text-align:center;}
.news_list li .date span.day{height:60px;line-height:60px; font-size:36px;}
.news_list li .date span.month{font-size:18px; font-weight:100;}
.news_list li a:hover{color:#e1472f;}
.con_pages .content .title{ font-size:26px;line-height:40px;font-weight:200;color:#000; text-align:center;margin-top:20px;}
.con_pages .content .time{ text-align:center; font-size:14px; text-align:center;}
.con_pages .content .time span{display:inline-block;padding:0px 10px;border-right:1px solid #999999;height:14px;line-height:14px;color:#999999;}
.con_pages .content .time span:last-child{border:none;}
.prev_next .prev,.prev_next .prev{ font-size:14px;}
.prev_next .prev{margin-right:20px;}
.prev_next .none{color:#cccccc;}
.prev_next a:hover{color:#e1472f;}

.product_list{padding:20px 0;}
.product_list li{display:inline-block;float:left;margin-right:10px;margin-bottom:20px;}
.product_list li.last{margin:0px;}
.product_list li a{display:inline-block;width:338px;height:560px; overflow:hidden;border:1px solid #dedede;}
.product_list li img{width:338px;float:left;height: 254px;}
.product_show{margin-top:50px;}
.product_show .left{font-size:14px; font-weight:bold; color:#686868; position:relative;width:100%; padding-bottom:20px;}
.product_show .left .ope a{display:inline-block;width:40px;height:40px;line-height:30px;text-align:center;background:#929295; font-size:40px;color:#ffffff;}
.product_show .left .ope a:hover{ background:#F00;}
.product_show .left .ope a.prev{margin-right:10px;}
.product_show .left h1.title{height:50px;line-height:50px; font-size:20px;color:#e1472f;}
.product_show .left span.title{margin-right:10px;}
.product_show .left .con{ font-weight:normal;padding-top:30px;position:absolute;top:60px;right:0px;width:800px;}
.product_show .right{width:100%;float:none;margin-top:20px;}

.workers_list{margin-top:20px;}
.workers_list li{display:block;padding:10px 10px;margin-bottom:10px;border:1px solid #e5e5e5;}
.workers_list li .img{display:inline-block;float:left; position:relative;}
.workers_list li .img img{width:240px;}
.workers_list li .img span{display:block; text-align:center; background:#d8d8d8;color:#999999;}
.workers_list li .img:hover span{background:#e1472f;color:#ffffff;}
.workers_list li .intro{display:inline-block;width:778px;float:left;margin-left:20px;}
.workers_list li .intro h3{ font-size:18px; font-weight:400;margin:5px 0;color:#000000;}
.workers_list li .intro h3:hover{color:#e1472f;}
.workers_list li .date{display:inline-block;width:130px;height:100px;float:left;}
.workers_list li .date span{display:block; text-align:center;}
.workers_list li .date span.day{height:60px;line-height:60px; font-size:36px;}
.workers_list li .date span.month{font-size:18px; font-weight:100;}
.workers_list li a:hover{color:#e1472f;}



.footer{margin-top:0px;height:180px;line-height:40px;background:#252525;color:#686868; font-size:14px;}
.footer a{color:#e1472f;}

.online{ position:fixed;top:80px;right:5px;z-index:9999; text-align:right;width:102px;}
.online a{display:inline-block; text-align:center;}
.online a.title{text-align:center;width:70px;margin-top:10px;}
.online a img{margin:0px auto 2px;}
.online ul li{display:inline-block;}
.online ul li a{color:#000000; font-size:12px; font-weight:bold;height:30px;line-height:30px;width:70px; text-align:center;margin-bottom:2px;}
.online ul li a.odd{ background:#9cc46b;}
.online ul li a.even{ background:#81a855;}
.online .ewm{border:1px dashed #e1472f;margin-top:2px;}

.zxqq {
    height: 45px;
    position: fixed;
    right: 0;
    top: 130px;
    width: 38px;
    z-index: 99999;
}