﻿/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/*banner*/

/*banner*/
.fullSlide {width:100%;position:relative;height:502px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:502px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:502px;}
.fullSlide .hd {
                position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}



.fullSlide .hd ul li{border-radius:14px;width:18px;height:18px; color:#ccc;  background:#ccc; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{ width:32px;height:18px;background:#c30101; color:#c30101;}

.fullSlide .prev,.fullSlide .next {	display:block;
	position:absolute;
	z-index:1;top:50%;
	margin-top:-30px;left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:81px; height:80px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}


/*合作客户*/
.hz{ padding:46px 0 40px;font-size: 0;}
.hz_t{ background:url(Img/Index/hz_tbg.gif) no-repeat 115px 17px;text-align: center;height: 123px;}
.hz_t a{font-size: 30px;color: #c30101;}
.hz_t span{display: block;font-size: 20px;color: #5b5b5b;font-weight: normal; padding:3px 0 0;}
.hz_l img,.hz_r img{width: 23px;height: 43px;}
.hz_l{ position:absolute; top:200px; left:-35px;}
.hz_r { position:absolute; top:200px; right:-30px;}
.hz_c ul li { width:184px; float:left; padding:0 8px;overflow: hidden;}
.hz_c ul li img{ width:182px; height:97px; border:#d0d0d0 1px solid;}
.hz_c ul li span,.pro_r ul li span{ width:184px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:5px 0 0;}
.hz_c ul li a{ font-size:12px; color:#666;}
.hz_c ul li a:hover,.pro_l ul li a:hover,.pro_r ul li a:hover{ color:#c30101; text-decoration:none;}

/*产品中心*/
.pro{font-size: 0; padding:0 0 50px;}
.pro_l{ width:236px;background: #c30101; padding:0 0 15px;}
.pro_lt{ background:url(Img/Index/cp_ltbg.gif) no-repeat; width:236px; height:95px; overflow:hidden;}
.pro_lt a{ font-size:20px; color:#fff;display: block; padding:19px 0 0 52px;}
.pro_lt span{display: block;font-size: 16px;color: #d57070;font-weight: normal;text-transform: uppercase; padding:5px 0 0 25px;}
.pro_lm{width: 216px;background: #fff; margin:0 auto; padding:12px 0;}
.pro_l ul li{ height:40px; line-height:40px; border-bottom:#cbcbcb 1px dashed; background:url(Img/Index/cp_ico.gif) no-repeat 18px 18px; overflow:hidden;}
.pro_l ul li a{ font-size:14px; color:#000; padding:0 0 0 35px;}
.pro_l .nobor{ border:none;}
.pro_r{ width:738px; background:#f3f3f3;height: 585px;}
.pro_rt{ background:url(Img/Index/cp_line.gif) no-repeat 0 60px; height:65px; line-height:70px; overflow:hidden;width: 716px; margin:0 auto;}
.pro_rt a{font-size: 18px;color: #c30101;}
.pro_rt span{ display:block; float:right;}
.pro_rt span a{font-size: 14px;color: #3a3a3a;}
.pro_r ul li {width: 230px;float: left; padding:20px 0 0 12px;overflow: hidden;}
.pro_r ul li img{ width:230px; height:200px;}
.pro_r ul li span{ width:230px; padding:10px 0 0;}
.pro_r ul li a{ font-size:14px; color:#000;}

/*经典解决方案*/
.plan_bg{ background:url(Img/Index/plan_bg.gif) repeat; padding:40px 0 55px;font-size: 0;}
.plan .hz_t{ background:url(Img/Index/plan_tbg.gif) no-repeat 121px 17px;text-align: center;height: 114px;}
.plan .hz_t span{font-size: 14px;color: #a9a9a9;text-transform: uppercase;}
.plan_l{ width:213px;}
.plan_l ul li{ width:213px;height: 80px; border-bottom:#414141 1px solid;}
.plan_l ul li a{ display:block; background:#333; width:213px; height:80px; font-size:16px; color:#fff;line-height: 80px; overflow:hidden;}
.plan_l ul li.cur a,.plan_l ul li a:hover{ background:#c30101; text-decoration:none;}
.plan_l ul li em{ display:block;float: left;width: 24px; padding:30px 15px 0 25px;}
.plan_l ul li em img{width: 24px;height: 24px;}
.plan_l .nobor{ border:none;}
.plan_r{ width:787px;height: 404px;}
.plan_r img{width: 787px;height: 404px;}
.plan_r span{display: block;font-size: 12px;color: #fff;width: 762px;height: 80px;position: absolute;bottom: 0;left: 0; background:url(Img/Index/plan_picbg.png) repeat; padding:0 0 0 25px;overflow: hidden;line-height: 25px;}
.plan_r span b{display: block;font-size: 16px; padding:12px 0 0;}
.plan_r em{display: block;width: 122px;height: 72px;background: #c30101;text-align: center;position: absolute;bottom: 0;right: 0; padding:8px 0 0;z-index: 10;}
.plan_r em a{font-size: 24px;color: #fff;font-weight: bold; text-decoration:none;}

/*四大核心优势*/
.four_bg{ background:url(Img/Index/four_bg.jpg) no-repeat center 0;height: 579px; padding:110px 0 0;font-size: 0;overflow: hidden;}
.four_t{height: 74px;text-align: center;overflow: hidden;}
.four_t a{font-size: 30px;color: #c30101;}
.four_t span{display: block;font-size: 20px;color: #636364;font-weight: normal;}
.four p{ display:inline-block;width: 296px;position: absolute;}
.four p span{display: block;width: 170px;text-align: center;}
.four p b{display: block;font-size: 20px;color: #222; padding:8px 0 0;}
.four p span img{width: 42px;height: 48px;}
.four p em{display: block;width: 126px;}
.four p em img{width: 126px;height: 126px;}
.four .four_p01 span,.four .four_p03 span{ padding:10px 0 0;}
.four_p01{top: 167px;left: 30px;}
.four_p02{top: 360px;left: 30px;}
.four_p03{top: 167px;right: 0;}
.four_p04{top: 360px;right: 0;}
.four .four_pic{display: block;width: 365px;height: 345px;position: absolute;top: 165px;left: 330px;}
.four .four_pic img{width: 365px;height: 345px;}

/*优势*/
.ys_tbg{ background:url(Img/Index/ys_tbg.gif) no-repeat center 0; height:96px;text-align: center; padding:62px 0 0; overflow:hidden;}
.ys01{ background:url(Img/Index/ys_bg01.jpg) no-repeat center 0; height:330px; overflow:hidden;}
.ys02{ background:url(Img/Index/ys_bg02.jpg) no-repeat center 0; height:275px; overflow:hidden;}
.ys03{ background:url(Img/Index/ys_bg03.jpg) no-repeat center 0; height:301px; overflow:hidden;}
.ys04{ background:url(Img/Index/ys_bg04.jpg) no-repeat center 0; height:316px; overflow:hidden;}
.ys dl{ display:inline-block;width: 400px;}
.ys dl dt{width: 43px;float: left; padding:0 10px 0 0;}
.ys dl dt img{width: 43px;height: 43px;}
.ys dl dd{width: 345px;float: left;}
.ys dl dd h5{height: 50px;line-height: 36px;overflow: hidden; border-bottom:#a72f2f 1px solid;}
.ys dl dd h5 a{font-size: 26px;color: #fff; text-decoration:none;}
.ys dl dd p{font-size: 14px;color: #fff;line-height: 28px; padding:15px 0 0;}
.ys01 .ys dl,.ys03 .ys dl{ padding:85px 0 0 35px;}
.ys02 .ys dl{ padding:60px 0 0 555px;}
.ys04 .ys dl{ padding:80px 0 0 555px;}
.ys .ys_pic01{display: block;width: 510px;height: 330px;position: absolute;top: 0;right: 0;}
.ys .ys_pic02{display: block;width: 450px;height: 275px;position: absolute;top: 0;left: 0;}
.ys .ys_pic03{display: block;width: 440px;height: 301px;position: absolute;top: 0;right: 0;}
.ys .ys_pic04{display: block;width: 474px;height: 316px;position: absolute;top: 0;left: 0;}

/*走进上海商盟*/
.ab_bg{ background:url(Img/Index/ab_bg.gif) no-repeat center 0; height:793px;font-size: 0; padding:52px 0 0; overflow:hidden;}
.ab_t{height: 132px;text-align: center;overflow: hidden;}
.ab_t a{font-size: 30px;color: #c30101;}
.ab_t span{display: block;font-size: 14px;color: #adadad;font-weight: normal;text-transform: uppercase; padding:3px 0 0;}
.about dl{ width:1000px; display:inline-block;height: 330px; overflow:hidden;}
.about dl dt{ width:448px; height:304px; float:left;}
.about dl dt img{ width:448px; height:304px;}
.about dl dd{ width:478px; float:left; padding:35px 0 0 70px;}
.about dl dd h5{height: 25px;line-height: 25px;overflow: hidden;}
.about dl dd h5 a{ font-size:16px; color:#333;}
.about dl dd h5 a:hover,.ab_bt a:hover,.wd dt a:hover,.news_m ul li a:hover{ color: #c30101; text-decoration:none;}
.about dl dd p{ font-size:14px; color:#555;font-weight: bold; height:150px; line-height:30px; padding:15px 0 0; overflow:hidden;}
.about dl dd span{display: block; padding:20px 0 0;}
.about dl dd span a{display: block;width: 138px;height: 40px;text-align: center;line-height: 40px;background: #333;font-size: 14px;color: #fff;font-weight: bold;overflow: hidden;float: left; margin:0 12px 0 0;}
.about dl dd span a:hover{background: #c30101; text-decoration:none;}
.ab_m{ width:1000px; display:inline-block;}
.ab_bt{ height:56px; line-height:56px; overflow:hidden; background:url(Img/Index/zhan_line.gif) no-repeat 0 54px;}
.ab_bt a{ font-size:18px; color:#222; padding:0 8px;}
.ab_bt span,.news_t span{ float:right;}
.ab_bt span a,.news_t span a{ font-size:14px; color:#333; font-weight:normal; text-transform:uppercase;}
.ab_c ul li { width:226px; float:left; padding:20px 12px 0;position: relative;}
.ab_c ul li img{ width:226px; height:165px;}
.ab_c ul li span{ width:226px; display:block; text-align:center; height:30px; line-height:30px;position: absolute;bottom: 0;left: 12px; overflow:hidden; background:url(Img/Index/plan_picbg.png) repeat;font-size: 14px;color: #fff;}

/*常见问题*/
.wd{ width:300px;}
.wd .ab_bt{ height:40px; line-height:40px; overflow:hidden; background:url(Img/Index/zhan_line.gif) no-repeat 0 38px;}
.wd dl{ width:300px; height:93px; border-bottom:#dbdbdb 1px dashed; padding:20px 0 0;}
.wd dt{ background:url(Img/Index/wen.gif) no-repeat 0 5px; padding-left:35px; height:25px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#333;}
.wd dd{ font-size:14px; color:#999; background:url(Img/Index/da.gif) no-repeat 0 10px; padding:5px 0 0 35px; line-height:25px; height:50px; overflow:hidden;}

/*商盟资讯*/
.news_main{ padding:45px 0 78px;font-size: 0;}
.news_main .hz_t span{font-size: 14px;text-transform: uppercase;}
.news{ width:644px;}
.news p{width: 644px; padding:0 0 6px;}
.news p img{width: 644px;height: 163px;}
.news_t{ height:50px; background:url(Img/Index/news_line01.gif) repeat-x 0 49px; line-height:50px;overflow: hidden;}
.news_t ul li{ float:left; padding:0 15px 0 0;}
.news_t ul li a{ font-size:16px; color:#1b1b1b; display:block;float: left; width:70px; height:50px; line-height:50px; text-align:center;}
.news_t ul li.cur a,.news_t ul li a:hover{ color:#c30101; background:url(Img/Index/news_line02.gif) repeat-x 0 48px; text-decoration:none;font-weight: bold;}
.news_m{ display:inline-block;width: 644px; padding:15px 0 0;}
.news_m ul li{ height:36px; line-height:36px; border-bottom:#dbdbdb 1px dashed; overflow:hidden; display:inline-block; background:url(Img/Index/news_ico.gif) no-repeat 0 14px; width:285px; float:left; margin:0 30px 0 0;}
.news_m ul li a{ font-family:"宋体"; font-size:12px; color:#666; padding:0 0 0 15px;}

/*links*/
.links{width: 1000px;height: 106px;background: #fff; box-shadow:2px 4px 4px #f1f0ee;}
.link_l{width: 155px; padding:20px 0 0 0px;}
.link_l a{font-size: 16px; color:#c30101;}
.link_l em{ display:block;text-transform: uppercase;font-size: 20px; color:#c30101; padding:2px 0;}
.link_l span{display: block;}
.link_l span a{ font-size:14px; color:#666;}
.lk_c{ width:800px; height:56px; overflow:hidden;line-height: 28px; padding:22px 0 0;}
.lk_c a{ padding:0 23px; display:inline-block; font-size:14px; color:#333;}
.lk_c a:hover{ color:#009463;}
