@charset "utf-8";
/* CSS Document */


/*body*/
*{padding:0; margin:0; border:none;}
body,div,hr,ul,li,div,span,p,a,img{padding:0; margin:0; font-size:13px; font-family:微软雅黑; border:none;}
ul,li{list-style:none;}
a{text-decoration:none; color:#464646;}
.wrapper{width:100%;}

/*头部*/
.top{width:100%; height:90px; background-image:url(../images/headerbg.png); position:fixed; top:0; z-index:2;}
.topcontainer{width:960px; height:90px; margin:0 auto; position:relative;}
.logo{float:left; width:217px; height:57px; padding-top:10px;}

.country{width:194px; height:40px; position:absolute; right:0px; top:0px; z-index:4;}
.countryslist{width:150px; height:30px; padding-top:10px; z-index:900; display:block; float:right; white-space:nowrap; margin-right:20px;}
.countryslist a{color:#4298d4; font-size:14px; padding-left:0;}
.countryslist img{width: 45px;height: 50px;margin-right:15px;}

.countryslist ul{display:none;}
/*.countryslist:hover ul{display:block;margin-top:-59px;}*/
.countryslist:hover ul li:hover{}
.countryslist ul li{padding:0;}
.countryslist ul li a{padding-left:125px; color:#e0e0e0;}
.countryslist ul li a:hover{color:#4ba7e6;}

.menu{width:100%; height:50px; position:absolute; right:-260px; top:40px; z-index:3;}
.menu a{color:#e0e0e0;}
.menu ul li{float:left; padding:17px 18px; cursor:pointer; position:relative;}



.menu ul li ul{display:none; width:202px; position:absolute; top:50px; left:-10px; border-top:solid #20a2ce 5px;}
.menu ul li ul li{display:block; width:180px; padding:5px 10px; border:solid #e0e0e0 1px; border-top:none; background:#fff;}

.menu ul li ul li:hover{background:#f9f9f9;}
.menu ul li ul li a{color:#535a63;}
.menu ul li ul li a:hover{color:#20a2ce;}
.menu ul li:hover ul{display:block;}


/*index 轮播*/

.banner{width:100%; height:438px; margin:0 auto; position:relative; overflow:hidden;}
.images{height:438px; overflow:hidden; position:relative;}
.images .item{margin:0 auto; width:100%; position:absolute; height:438px; overflow:hidden; opacity:0; transition:all 0.8s linear; -webkit-transition:all 0.8s linear; -o-transition:all 0.8s linear; -moz-transition:all 0.8s linear;}
.images .item img{width:100%; height:438px;}
.images .active{opacity:1;/* -webkit-transform:translateX(0px); -o-transform:translateX(0px); -moz-transform:translateX(0px);*/}
/*.tips{position:absolute; z-index:10; width:980px; height:127px; margin:0 auto; background:#F00;} */
.prev{width:48px; height:48px; position:absolute; top:50%; background:url(../images/prev.png); display:none;}
.next{width:48px; height:48px; position:absolute; right:0; top:50%; background:url(../images/next.png); display:none;}
.tipslist{position:absolute; right:46%; top:313px; width:524px; height:105px;}
.tips ul{position:absolute; left:0; top:0; font-size:15px; font-family: 'proxima_nova_rgbold', arial; background:url(../images/trans.png); color:#fff; padding:10px ; margin:0; width:524px; height:105px; opacity:0; /*transform:translateY(127px); -webkit-transform:translateY(127px); -o-transform:translateY(127px); -moz-transform:translateY(127px);*/ transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; -moz-transition:all 1s ease;}
.tips ul.active{position:absolute; left:0; top:0; width:524px; height:105px; opacity:1;/* transform:translateY(0px); -webkit-transform:translateY(0px); -o-transform:translateY(0px); -moz-transform:translateY(0px);*/}
.tips ul li{background:url(../images/tick.png) 1px 11px no-repeat; padding-left:15px; padding-top:6px; white-space:nowrap; overflow:hidden;}

.detailpagebanner{width:100%; height:276px; margin:0 auto; overflow:hidden; position:relative;}
.detailpagebanner img{width:100%; height:276px; overflow:hidden;}

/* ******index 内容****** */
.homecontainer{width:960px; margin:0 auto; position:relative; margin-top:20px;}
.ServerContentItem {border:2px solid #ccc; border-radius:10px; margin-bottom:20px;font-size:14px; }
.ServerContentItem p {height:24px;line-height:24px; background-color:#f5f5f5; padding-left:12px;border-top-right-radius:10px; border-top-left-radius:10px;}
.ServerContentItem .contentBody {padding:12px;line-height:24px; }
.ServerContentItem .contentBody img{ margin-bottom:5px; width:680px;}

.innercontent table {background-color:#ccc;}
.innercontent table td{ text-align:center;border: 1px solid #ccc; height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px;}
       



.container1-left{width:762px;}

.container1-left-top{width:695px; height:auto; background:#f3f3f3; color:#4f4f4f; padding:0 14px;}
.contenttitle{font-size:22px; padding:10px 0; font-family:'proxima_nova_rgbold', arial;}
.container1-left-top p{padding:7px 20px 7px 0; font-size:14px;}

.container1-left-bottom{height:420px; padding-top:30px; }
.guildlist{width:209px; float:left; padding:0 26px 0 10px;}
.guildtitle{color:#20a2ce;position:relative; padding-left: 65px; font-family:'proxima_nova_rgbold', arial; font-size:17px; font-weight:bold; border-bottom:solid 5px #4f4f4f; padding-bottom:12px;}
.guildtitle img { position: absolute;top: -15px; left: 10px; width: 45px;}
.guildlist p{padding:15px 0; font-size:14px; text-align:left;}
/*list-style-image:url(../images/bullet.png);*/
.guildlist ul li{clear:both; width:200px;height:25px;line-height:25px;  text-align:center; padding-bottom:3px; background-color:#efeeee;margin-bottom:3px;font-size:14px;}
.guildlist ul li a{font-size:12px; color:#464646;font-weight:bold; cursor:default;} /*326f9c*/
.guildlist ul li a:hover{text-decoration:none;}
.guildlist ul li.askMore1{font-size:14px; color:#fff;font-weight:bold; background-color:#3bb3c2;margin-bottom:10px;color:#fff; } /*326f9c*/
.guildlist ul li.askMore2{font-size:14px; color:#fff;font-weight:bold; background-color:#ef9a48;margin-bottom:10px;color:#fff; } 
.guildlist ul li.askMore3{font-size:14px; color:#fff;font-weight:bold; background-color:#84c225;margin-bottom:10px;color:#fff; } 

.guildlist ul li.askMore1 a,
.guildlist ul li.askMore2 a,
.guildlist ul li.askMore3 a{text-decoration:none;color:#fff;}

.guildlist ul li a:hover{text-decoration:underline;}

.container1right{width:215px; position:absolute; top:-12px; right:0px;}

.contactinfo{width:191px; background:#0b2e58; height:auto; color:#fff; padding:14px 12px;}
.contactinfo ul li{padding-bottom:10px; white-space:nowrap;}
.contactinfo ul li a{color:#fff; font-size:14px;}
.contactinfo ul li a:hover{color:#13a6f3;}
.mclogo{width:164px; height:46px; padding-left:10px; background:url(../images/dot.png) repeat-x; padding-top:4px; display:none;}

.container1-right-bottom{background:#e7e7e7; height:auto; margin-top:10px; padding-bottom:10px;}
.title1{font-size:18px; color:#333; font-weight:bold; padding:10px 10px; font-family:'proxima_nova_rgregular', Arial;}
.container1-right-bottom ul li{width:181px; border-top:solid 1px #cbcbcb; margin-left:10px; font-size:12px; color:#4f4f4f; padding:3px 0 5px 15px; background:url(../images/tick2.png) 1px 6px no-repeat; font-family:'proxima_nova_rgregular', Arial;}

.container2{clear:both; width:100%; height:90px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; margin-top:10px;}
.container2 ul li{float:left;}
.container2 ul li.container2content{width:220px; height:56px; text-align:center; padding:10px 5px 0 5px;}
.container2 ul li.split{width:1px; height:56px; background:#ddd; margin-top:19px;}

.info1{color:#fe9c1d; font-size:30px;}
.info2{color:#767676;}
.info3{color:#767676; font-size:20px;}

.container3{text-align:center;margin-top:20px; }
.container3 p{padding:8px 0; font-size:14px; color:#4f4f4f;}
.container3title{font-size:18px; font-weight:bold; height:45px; color:#4f4f4f;background:url(../images/jd.png) no-repeat center bottom; margin-bottom:10px;}

.caselist_home{width:100%; height:auto; padding-bottom:18px;  margin-bottom:25px; }
.caselist_home li{width:300px; height:255px; float:left; margin-right:10px;}
.caselist_home li .caseimage img{width:290px; height:200px;  padding:4px; }

.container4{text-align:center;margin-bottom:30px; margin-top:30px; float:left;width:100%; }
.container4 a.btn_blue {
    border: 1px solid #75cfee;
    padding: 10px ;
    color: #55bfe4;
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
}
    .container4 a.btn_blue:hover {
     background-color:#20a2ce;
     color:white;
    }


/* ******详情页 内容****** */
.innercontainer{width:960px; margin:0 auto; margin-top:5px; }

.innercontainerleft{width:216px; float:left;}

.leftsidebar{height:auto; border:solid 1px #e7e7e7; margin-top:13px;}
.sidebartitle{height:38px; line-height:38px; background-color:#e7e7e7; font-size:16px; padding-left:10px;}
.leftsidebar ul li{border-top:solid 1px #e7e7e7; padding:6px 10px; }
.leftsidebar ul li:hover{background:#f9f9f9;}

.leftsidebar ul li a{color:#4f4f4f; font-size:14px;}
.leftsidebar ul li a:hover{color:#20b5e0;}
.leftli{background: url(../images/bullet.png) no-repeat 5px 10px; padding-left:20px;}
.contactinfo{background:#0b2e58; height:auto; color:#fff; padding:14px 12px; margin-top:13px;}
.contactinfo ul li{padding-bottom:10px; white-space:nowrap;}
.contactinfo ul li a{color:#fff; font-size:14px;}
.contactinfo ul li a:hover{color:#13a6f3;}
.mclogo{width:164px; height:50px; padding-left:10px; background:url(../images/dot.png) repeat-x; padding-top:4px;}

.innercontainerright{float:left; width:704px; padding-left:30px; margin-top:13px;}
.location{border-bottom: 1px solid #ccc;padding-bottom: 5px; margin-bottom:10px;}
.home{color:#4f4f4f; font-size:14px;}
.home:hover{text-decoration:underline; }
.currentlocation{color:#a1a1a1; font-size:14px;}
.innertitle{font-size:18px; color:#4f4f4f; border-bottom:solid 1px #e7e7e7; padding:8px 0 10px 0; margin-bottom:10px;}


/*service 内容*/
.introtitle{color:#7f7f7f; font-weight:bold; font-size:14px;}
.innercontent p{color:#4f4f4f; font-size:14px; padding:5px 12px; font-family:'微软雅黑'; font-weight:bold;}

/*contact us --Begin  */
.innercontent p a{font-size:12px; color:#326f9c;}
.innercontent p a:hover{text-decoration:underline;}

.innercontent p.formTop{}
.innercontent p.formTr{}


/*contact us --End*/

.contenttitle2{font-size:20px; color:#20a2ce; padding-top:10px;}
.servicescontent{color:#4f4f4f;}
.servicescontent ul li{font-size:15px; list-style-image:url(../images/bullet3.png); margin-left:15px; padding:5px 0;}

.msgtitle{font-size:16px; font-weight:bold; color:#4f4f4f; padding-top:20px;}
.msg img{width:543px; margin:10px 0 20px 90px;}

.benefits li{font-size:15px; color:#4f4f4f; list-style-image:url(../images/bullet3.png); margin-left:15px; padding:5px 0;}

.sign{color:#326f9c; font-size:16px;}

.contactcontainer{border-top:solid 1px #e7e7e7; margin:10px 0; margin-bottom:0px; overflow:hidden;}
.contactcontent{width:725px; height:310px; background:#11335c; margin:20px 0; color:#fff; position:relative;}

.contactleft{float:left; padding-left:25px; padding-top:28px; position:absolute; z-index:1;}
.contacttitle{font-size:28px;}
.contactleft ul{white-space:nowrap;}
.contactleft ul li{font-size:14px; background:url(../images/bullet5.png) 0px 8px no-repeat; padding:5px 0 5px 25px;}

.contactright{float:right;}
.contact a{font-size:16px; color:#fff; padding-left:160px;}
.contactright img{padding-top:30px;}

.discuss{border-top:solid 1px #9a9a9a; border-bottom:solid 1px #9a9a9a; padding:5px 0 20px 0; color:#4f4f4f;}
.sign1{color:#326f9c;}
.last{margin-bottom:50px;}


/****  case   ****/
.casecontainer { border:1px solid #ccc; border-radius:5px;}
.casecontainer:hover {border:1px solid #11335c; border-radius:5px;}
.casecontainer:hover div:nth-child(1){ background:#1f3e64; color:#c8d6e0;}
.casetitle{border-bottom:solid 1px #e7e7e7; padding: 5px 0 5px 0;}
.caselist{height:auto; padding-bottom:18px;  margin-bottom:25px}/*width:800px;*/

.caselist li{width:223px; height:297px; float:left; margin-right:10px; margin-bottom:20px;}/*width:256px;*/


.caselist li .caseimage img{width:214px; height:170px; padding:4px;}/*width:245px;*/
.caselist li:hover .caseimage img{width:214px; height:170px; }/*padding:4px;*/
.caselist li .casecontent{width:214px; height:111px;}
.caselist li:hover .casecontent{background-color:#94c2e0;}
.caselist li:hover .caseimage{background-color:#94c2e0;}
.casecontent{padding:5px 3px 0 4px;}
.casecontent p{font-size:14px;}

.pagebar{ height:34px; text-align:center; margin-bottom:20px;float:left;margin-left: 130px;}/*width:736px;*/
.pagebar b, .pagebar a{border:solid 1px #ddd; padding:8px 12px; margin:0 4px; border-radius:5px;}
.pagebar b{background-color:#e7e7e7;}


/*******案例 弹出框*********/
.casedetail{width:830px; height:auto; min-height:500px; position:relative; padding-top:25px; border-radius:10px; border:2px solid #326f9c; background-color:#fff; position:fixed; top:20%; left:30%; display:none; z-index:999;}
.casedetailshow .ViewPage {position:absolute;bottom:10px; right:70px; padding:2px; border:1px solid yellow; border-radius:5px;  background-color:yellow;}
.casedetailcontainer{width:780px; height:563px; margin:0 25px;}
.casedetailtop{height:43px; background-color:yellow;}
.casedetailtitle{height:43px; line-height:43px;}
.casedetailtitle{float:left;}
.casedetailclose{float:right; line-height:25px;height:25px;cursor:pointer; }
.casedetailtitle big, .casedetailclose big{color:#538304;line-height:20px; height:20px;  }
.casedetailshow{width:780px; height:400px;}

.casedetailshowleft{width:600px; height:400px; float:left; text-align:center; margin-right:10px; background-color:#4d4d4d;}
.casedetailshowleft img{width:420px; height:400px;}
.casedetailshowright{width:170px; height:400px; float:left;}
.casedetailsubshow{width:170px; height:126px; text-align:center; margin-bottom:10px; background-color:#4d4d4d;}
.casedetailshowright img{width:146px; height:126px;}
.casedetailintro{    clear: both; 
    padding-top: 30px;
    line-height: 25px;
    height: 25px;
    font-size: 14px;}
/** solution 解决方案***/


/* ******底部****** */
.footer{clear:both; width:100%; height:400px; background-color:#f0f0f0; border-top:solid 1px #d2d2d2; color:#464646;}

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

.footertop{width:980px; height:240px; padding-top:20px;}
.footertop ul{width:205px; padding-top:10px; padding-right:40px;}
.footertop ul li{padding-top:3px; }
.footertop ul li a:hover{text-decoration:underline;}

.footerlist{float:left;margin-left:10px;}

.footerlist4{float:left; width:200px; padding-left:10px; border-left:solid 1px #d2d2d2;}

.footertitle{font-size:16px; font-weight:bold;}
.footerlist4 .footertitle{font-size:18px;}
.footerlist4 p{padding:5px 0;}
.footerlist4 p a:hover{text-decoration:underline;}

.footerbottom{clear:both; border-top:solid 1px #d2d2d2; padding:20px 30px 15px 10px;}
.online_itembox{float: left;width: 80px;text-align: right; padding-right: 10px; padding-bottom: 2px;padding-top: 5px;}
.online_selectbox{float: left;width: 615px;padding-top: 5px;padding-bottom: 8px;}
.online_inputbigbox{float: left;width: 622px;padding-bottom: 5px;}
.txt_detail{width: 712px;overflow: hidden;padding: 10px 10px 0px 10px; margin-bottom:20px; border: 1px solid #ccc;border-radius: 3px; }
.company_iput{width: 327px;height: 23px;border: 1px solid #dcdcdc;padding-left: 4px;padding-top: 4px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.blacklinebox{float: left;padding-top: 2px;padding-left: 5px;}
.blackline{float: left;border: 1px solid #000000;}
.online_buttonbox{width: 660px;padding-top: 20px;padding-left: 75px;}
.pagebg_solution{float: left;width: 741px;padding: 15px 15px 30px 21px;background: url(../images/pagebg_solu.png) repeat-y;background-color: white;}
.red{color:red;}

/*requestForm2样式*/
.online_itembox2{float: left;width: 150px;text-align: right; padding-right: 10px; padding-bottom: 2px;padding-top: 5px;}
.online_selectbox2{float: left;width: 466px;padding-top: 5px;padding-bottom: 8px;}
.online_inputbigbox2{float: left;width: 480px;padding-bottom: 5px;}
.txt_detail2{width: 700px;overflow: hidden;padding: 10px 10px 0px 10px; margin-bottom:20px; border: 1px solid #ccc;border-radius: 3px; }
.company_iput2{width: 327px;height: 23px;border: 1px solid #dcdcdc;padding-left: 4px;padding-top: 4px;font-family: Verdana, Arial, Helvetica, sans-serif;}

.submitbutton
{
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
border-radius: .5em;
color: #d9eef7;
border: solid 1px #0076a3;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
}


/* 当小于955px的时候**/
/*@media screen and (max-width : 955px){
    .caselist li{width:310px; height:297px; float:left; margin-right:10px; margin-bottom:20px;}
    .caselist li .caseimage img{width:310px; height:170px; padding:4px;}
    .caselist li:hover .caseimage img{width:310px; height:170px; padding:4px;}
}*/