@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;
	padding: 0px;
	color: #fff;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	font-size:12px;
background: #09674C;
text-align:left;position:relative;line-height:20px;min-width:1000px;}
img {border:0;position:relative;}
.clear {height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;overflow:hidden;padding:0;margin:0;}
div,
ul,dl,dd,dt,li,td,tr,table,p,span,h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;list-style:none;list-style-type: none; word-wrap:break-word;position:relative; border:none;font-weight:400;}
a {color:#fff;text-decoration:none;position:relative;cursor:pointer;}
header, footer, nav, section, article, menu, aside {display:block;position:relative;} 
textarea { resize:none;font-family:"微软雅黑";font-size:14px;}
table { border-collapse:collapse;border-spacing:0;}
th , td { text-align:left;}
input {font-family:"微软雅黑";font-size:12px;}
input:focus {outline:none;}
input.sub {cursor:pointer; background:none; border:none;}
input.text {background:none; border:none;}
/* common main */
.clear{ clear: both; }
.trans{ transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; }
.main{ width: 1000px; margin:0 auto; }
.cyellow{ color: #ffe51a; }
.cys{ color: #fc8d00; }
.cred{ color: #ff0000; }
.fl{ float: left; margin-top:35px;}
.fr{ float: right;margin-top:-15px; }
.cgreen{ color: #22e512 }
.cz{ color: #ff00f6; }
.cblur{ color: #00f8fb }
.ct{ color: #d54706 }
.cblur2{ color: #0a62b9 }
.h180{ height: 180px; clear: both; }

.head{ padding-top: 50px; position: relative; z-index: 2; height: 104px; box-shadow: 0 0 20px rgba(0,0,0,1); margin-top:20px; }
.head .main{ position: relative; }
.logo_tit{ margin-left: 50px; margin-top:-15px; }
.container .main{ position: relative; padding-bottom: 40px; }
.con_float_left {
    position: absolute;
    z-index: 3;
    left: -38px;
    top: 0;
    width: 231px;
    height: 216px;
    background: url(../images/light_left.png) no-repeat center;
}

.con_float_right{ position:absolute; z-index: 3; right: -38px; top: 0; width: 231px; height: 216px; background:url(../images/light_right.png) no-repeat center; }

.con_float_left:hover,
.con_float_right:hover{ z-index: 1; }
.indexlev1{ /*background: #002003; border:1px solid #043c12;*/ padding:0 20px;  padding-top: 16px; border-top:none;}
.headlinks{ position: absolute; 
            right: 278px;
           padding:9px 0;
           padding-left: 35px; 
           height: 60px; border:1px solid #32c832; 
           background: url(../images/headbgs.png) no-repeat left 34px center ;
           border-radius:5px;}
.headlinks span{ position: absolute; left: 8px; top: 5px; width: 16px; height: 78px; color:#32c832; font-size: 16px; line-height: 16px; }
.headlinks a{ display: block; white-space: nowrap; padding:0 6px; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; text-transform: uppercase; color:#c2ffc2; }
.headlinks a:hover{ color:#fcff2a; }
.noticescrollwrap,
.indexhdlist{position: relative;}

.noticescrollwrap:hover,
.indexhdlist:hover{ z-index: 4; }

.noticescrollwrap{ width: 700px; padding-left: 166px; height: 56px; line-height: 56px; background: url(../images/bg_notice.png) no-repeat center; margin:0 auto; }
.notice_tit{ position: absolute; left: 0; top: 0; width: 150px; text-align: right; display: block; height: 56px; line-height: 56px; font-size: 16px; color: #ffe51a; }
.scrollwrap{ width: 680px; height: 56px; line-height: 56px; overflow: hidden; }
.indexhdlist{ padding-top: 40px; }

.indexhdlist{ width: 100%; overflow: hidden; }
.indexhdlistwrap{ width: 105% }


.indexhdlistwrap li { 
    border-radius:5px;
    display: block;
    padding: 8px 8px;      
    overflow: hidden;
    /*background: url(../images/bg_hd.png) no-repeat center;*/
    float: left;
    margin-right: 13px;
    margin-bottom: 16px;
}
.ulList_a .img {
    overflow: hidden;
    width: 293px;
    height: 293px;
}
.indexhdlistwrap li:hover{ background-image:url(../images/bg_hd_h.png); border-radius:5px;}
.indexhdlistwrap li .ihd_img{ display: block; width: 100%; height: 164px; }
.ihd_tit{ display: block; height: 34px; line-height: 38px; overflow: hidden; font-size: 16px; text-align: center; }
.ihd_link{ display: block; height:35px; line-height: 35px; text-align: center; }
.ihd_link a{ display: inline-block; *display: inline; *zoom:1; width: 96px; margin:0 8px; height: 35px; line-height: 35px; background:url(../images/bg_butom.png) no-repeat center; }
.ihd_link a:hover{ background-image:url(../images/bg_butom_h.png); color:#ffe51a; }
.i_hd_desc{ display: block; padding:30px 0; line-height:38px; text-align: center; }


.footer{ display: block; background: #000f01; padding-top:24px; border-top:1px solid #1a271b; text-align: center; }
.f_icon{ display: block; text-align: center; }
.f_copy{ display: block; text-align: center; height: 48px; line-height: 48px;  }
.f_copy a:hover{ color: #ffe51a; }
.leftfloat{ position: fixed; z-index: 9; left: 5%; top: 50%; margin-top: -245px; height: 84px; width: 84px; }
.leftfloat a{ display: block; /*width: 84px; height: 91px; */margin-bottom: 10px; }
.leftfloat a img{ display: block; width: 100%; height: 100%; }
.leftfloat a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
.floatbg{ position: fixed; display: none; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black.png) repeat center; }
.floatwrap{ position: fixed; display: none; z-index: 10; background: #083808; left: 50%; top: 50%; margin-left: -345px; border-radius:5px; margin-top: -233px; width: 666px; height: 442px; padding:12px; }





.floatyh{ position: absolute;
    display: none;
    z-index: 10;
   
    left: 50%;
     top: 14%; 
    margin-left: -550px;
   
    width: 1200px;
    
    padding: 12px;
}

      


#J-xl{ background: #fff url(../images/icon_rl.png) no-repeat right 16px center; }
.floatbox{ position: relative;   overflow: hidden;}
.floatyh .floatbox{ }




.closefloat{
    border-radius: 5px;
    position: absolute;
    display: block;
    z-index: 2; right: 8px; top: 8px; width: 68px; height: 57px; background: url(../images/bg_close.png) no-repeat center; }
.closefloat:hover{background: url(../images/bg_close_h.png) no-repeat center;}


.fblogo{text-align:center; margin-top: 5px;}

.fbtit{ display: block; height: 90px; line-height: 90px; color: #31ff22; font-size: 26px ;text-align: center; font-weight: bold; }

.fbtitb{width:120px;height:50px;display:block; line-height:35px;text-align:center; background: url(../images/subbtn.png) no-repeat; margin-top:20px;}


.fbitem{ position: relative; display: block; margin:0 auto; width: 380px; padding-bottom: 20px;  padding-left: 140px; }



.fbitem .fbitemtit{ position: absolute; left: 0; top: 0; width: 130px; font-size: 16px; text-align: right; color: #fff; height: 45px; line-height: 45px; }
.fbitem input{ display: block; width: 100%; height: 43px; border:none; margin:none; text-indent: 16px; }
.fbitem select{ display: block; width: 100%; height: 43px; border:none; margin:none; text-indent: 16px; background:#fff url(../images/icon_form.png) no-repeat right 10px center; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.morebuttom{ display: block; width: 156px; height:46px; border-radius:5px; line-height: 46px; text-align: center; margin:0 auto; overflow: hidden; border:none; text-align: center; color: #054911; text-shadow: 1px 1px 0 rgba(255,255,255,0.6); font-size: 20px; font-weight: bold;  background:url(../images/bg_but.png) repeat-x center;}
.morebuttom:hover{ color: #000; }
.continfomation{ padding:0 20px; }
.innerl1{ background: #002003; border:1px solid #043c12; padding:0 20px;  padding-top: 16px; padding-bottom: 54px; border-top:none; font-size: 14px;}
.coninfotit{ display: block; height: 100px; line-height: 100px;font-size: 45px; line-height: 100px; color: #fcff2a; text-align: center; }
.coninfot2{ display: block; height: 30px; line-height: 30px; color: #ffe51a; font-size: 16px; }
.innerl1 p{ margin-top:10px; }

.coninfotab{ margin-bottom: 70px; }
.coninfotab tr th,
.coninfotab tr td{ border:1px solid #1acc0c; text-align: center; height: 32px; line-height: 32px; }
.coninfotab tr th{ background: #0a641a; font-size: 18px; font-weight: normal; color: #ffe51a }
.innerl2{ background: #002003; border:1px solid #043c12; padding:0 40px;  padding-top: 16px; padding-bottom: 54px;font-size: 14px; margin-top: 30px; }
.sqform{ padding-top: 30px; }
.sqformitem{ position: relative; display: block; padding-left: 150px; padding-bottom: 10px; line-height: 34px; }
.sqftit{ position: absolute; left: 0; top: 0; width: 140px; height: 34px; line-height: 34px; text-align: right; }
.sqformitem input{ display: block; width: 230px; height: 34px; padding:0 13px; margin:0; border:none; }
.sqfcode{ position: absolute; left: 302px; top: 0px; }
.sqfcode img{ height: 34px; width: 104px; }
.buttom{ display: block; width: 130px; height: 36px; text-align: center; color: #002303; font-size: 16px; border-radius:18px; background: #fcff00; line-height: 36px; margin-left: 210px; }
.buttom:hover{ font-weight: bold; }
.innerl2notice{ display: block; text-align: center; line-height: 30px; margin-top: 24px; font-size: 13px; }
.innerlinks{ display: block; height: 36px; text-align: center; padding-top: 20px; }
.innerlinks a{ display: inline-block; width: 156px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; background: url(../images/bg_but.png) repeat-x center; font-weight: bold;  border-radius: 18px; color: #054911;}   
.innerlinks a:hover{ color: #000; }

.floatcxjg{ height:240px; padding:0 40px; overflow: auto; }
.floatcxjg table{width: 100%}
.floatcxjg table tr td{ height:41px; line-height: 41px; border:1px solid #fff; text-align: center;  }


/*--结合原站设定--*/
.main{padding-bottom:15px;/*background:#10061e*/; url(../images/mainbg.jpg) top center no-repeat;}
.mainitem{margin:0 auto;position:relative; overflow:hidden}
.mainitem ul{ width:105%;}
.mainitem ul li{float: left;width:326px; height:198px;margin-right:10px; margin-bottom:12px; position:relative;transition:all 0.3s;}
.mainitem ul li a{display: block; width:326px; height:198px; position: relative; text-align:center; overflow:hidden}
.mainitem ul li a:after{ content:""; width:326px; height:154px; display:block; position:absolute; left:0;  top:0; background:url(../images/hover.png) no-repeat;opacity: 0;filter:alpha(opacity=0); transition:all 0.2s}
.mainitem ul li a img{ display:block; width:326px; height:154px;}
.mainitem ul li p{ height:43px; line-height:43px;text-align:center; font-size:15px;color:#fff; font-weight:bold;background:#2b1b3e; transition:all 0.2s; border:1px solid #40275d; border-top:none;}
.mainitem ul li:hover p{color: #ffe74d; }
.mainitem ul li:hover a:after{opacity: 1;filter:alpha(opacity=100);}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}




/*--结合原站设定2--*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        margin:0 auto;

       
}

.popup_box{ background:#000;opacity:0.7;filter:alpha(opacity=70);width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0;  z-index:5; font-family:"微软雅黑"; }

.popup_box_content{z-index:10; position: fixed; top:50%;  left:50%; margin-left:-300px; margin-top:-230px;  height:auto;  width:600px;}

.popup_box_content_1{z-index:10; position: fixed; top:50%;  left:50%; margin-left:-300px; margin-top:-230px;  height:400px;  width:600px;}

.input_box{ width:100%;}

.close_btn{ background: url(../images/close.png) no-repeat; width:132px; height:88px; float:right;z-index: 1;}

.close_btn:hover{ background: url(../images/close_over.png) no-repeat; width:132px; height:88px; float:right; }

.input_content{  width:100%;}

.input_box_img{ float:left; text-align:center; margin-left:185px; margin-top:20px;}

.input_content div{ margin-bottom:5px; width:100%;overflow:hidden}

.input_content input{ width:275px; height:30px; float:left; border:1px solid #b6b6b6; border-radius:5px; font-size:12px;font-family:"微软雅黑"; padding:0px 10px;}

.span1{ width:30%; text-align:right; float:left; line-height:30px; color:#ffffff; font-size:14px; font-weight:bold;}

.span2{ width:70%; text-align:left; float:left;line-height:30px; color: #FFFF00; font-size:14px;}

.span3{ width:100%; text-align: center; float:left;line-height:30px; color: #FF0000; font-size:18px;}

.identify_code{ float:left; margin-left:-65px; margin-top:3px;}

.btn_div{width:100%; margin-bottom:30px; margin-top:10px;}

.btn_t{float:left; width:297px; height:38px; margin-left:30%; background: url(../images/subbtn.png) no-repeat; display:inline-block;}


.btn_1{ 
    color:000000;
    font-weight:600;
    background:url(../images/subbtn.png) no-repeat;
     width:124px;
      height:45px; 
      text-align: center;
      border-radius:5px;
      line-height: 35px; 
      display:block; }
    
   


.btn_2{ background:url(../images/btn_2.png) no-repeat; float:left; width:161px; height:38px; margin-left:15px;}


.btn_1:hover{
    color:#E53333;
    font-weight:600;
    background:url(../images/subbtn.png) no-repeat; 
    width:124px; height:45px;
     text-align: center;
     border-radius:5px;
     line-height: 35px;
      display:block;}


.btn_2:hover{ background:url(../images/btn_2_over.png) no-repeat; float:left; width:161px; height:38px; margin-left:15px;}

.btn_3{ background:url(../images/btn_3.png) no-repeat; float:left; width:297px; height:38px; margin-left:30%}

.btn_3:hover{ background:url(../images/btn_3_over.png) no-repeat; float:left; width:297px; height:38px; margin-left:30%}

.btn_4{ background:url(../images/btn_4.png) no-repeat; float:left; width:297px; height:38px;margin-top:30px; margin-left:150px;}

.btn_4:hover{ background:url(../images/btn_4_over.png) no-repeat; float:left; width:297px; height:38px; margin-top:30px; margin-left:150px;}

#progress{ display: none}

.input_content select{ width:297px; height:30px; float:left; border:1px solid #b6b6b6; border-radius:5px; font-size:12px;font-family:"微软雅黑"; padding:0px 10px;}

#result{ display:none;margin-top:40px;}

#result table{ width:500px; text-align:center; }

#result td{border:1px solid #000000; line-height:30px; text-align:center}

#result tr{ height:30px; text-align:center;}

#result th{ height:30px; text-align:center; border:1px solid #000000;}
  
.detail_youhui{ float:right; padding:0px 15px; border-radius:10px; height:0.55rem; line-height:0.55rem; margin-right:0.08rem;margin-top:0.08rem; color: #ffffff; background:#40CE86; font-family:"微软雅黑"; font-size:0.3rem;}
.youhui_left{ float:left; font-family:"微软雅黑";padding-left:15px;font-size:0.3rem;}






.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.ulList {
	width: 976px;
	margin-right: -16px;
}
.ulList li {
	margin: 0 13px 15px 0;
	float: left;
	width: 231px;
}

.ulList_a .hov {
    margin: 0 auto;
    display: none;
    position: absolute;
    top: 50px;
    left: 1px;
    width: 293px;
    height: 135px;
    background: url(../images/hov_bg.png) no-repeat center top;
}

.ulList_a .hov p {
    margin: 15px 0 0 85px;
    width: 110px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #31ff22;
    border: 2px solid #31ff22;
    border-radius: 5px;
    cursor: pointer;
    font-weight:600;
    /* margin: 0 auto; */
}


.ulList_a {
	display: block;
	background-color: #1b334a;
	padding: 1px;
	border-radius: 3px;
	position: relative;
}
.ulList_a:hover {
	background-color: #40CE86;
}
.ulList_a span {
  border: 1px solid #40275d;
	background-color: #2b1b3e;
	padding: 12px 11px 10px;
	text-align: center;
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: bold;
}

.ulList_a:hover .hov {
	display: block;
}



.ulList_a .img img {
	transition: all 0.4s;
}
.ulList_a:hover img {
	transform: scale(1.1);
}




/*--查看详情设定--*/


.mainitem{margin:0 auto;position:relative; overflow:hidden}
.mainitem ul{ width:1010px;}
.mainitem ul li{float: left;width:326px; height:198px;margin-right:10px; margin-bottom:12px; position:relative;transition:all 0.3s;}
.mainitem ul li a{display: block; width:326px; height:198px; position: relative; text-align:center; overflow:hidden}
.mainitem ul li a:after{ content:""; width:326px; height:154px; display:block; position:absolute; left:0;  top:0; background:url(../images/hover.png) no-repeat;opacity: 0;filter:alpha(opacity=0); transition:all 0.2s}
.mainitem ul li a img{ display:block; width:326px; height:154px;}
.mainitem ul li p{ height:43px; line-height:43px;text-align:center; font-size:15px;color:#fff; font-weight:bold;background:#2b1b3e; transition:all 0.2s; border:1px solid #40275d; border-top:none;}
.mainitem ul li:hover p{color: #ffe74d; }
.mainitem ul li:hover a:after{opacity: 1;filter:alpha(opacity=100);}

.mainxq{ margin-top:10px; margin-bottom:10px;}

.box1{ border:2px solid #40275d; height:auto; min-height:300px; padding-bottom:20px; background:#2b1b3e; margin-top:20px;padding-top:20px;border-radius: 3px;  }
.box2 .boxtitle{
          text-align: center; 
          width:30%;
          height:70px; 
         line-height:70px; 
         border-bottom:1px solid #40275d; 
          padding-left:35px; color:#fff; 
          font-size:24px; 
         font-weight:bold; /*margin-bottom:20px;*/}
.box1 .boxcon{ 
    width:30%;
    height:70px;
    line-height:70px;
    padding-left:35px;
    color:#fff; 
    font-size:14px; 
    line-height:28px; 
    padding-top:20px; 
    padding-right:30px;}
.box1 .boxcon h2{ color:#9d4b00; font-size:15px;}
.box1 .boxcon table{ margin:10px 0; width:600px;}
.box1 .boxcon td,.box1 .boxcon th{ border:1px solid #fff; height:30px;}

.box2{margin:0 auto;border:2px solid #40275d; height:auto; min-height:200px; padding-bottom:20px;background:#2b1b3e; border-radius: 5px;}
.box2 p{ /*height:60px; line-height:60px;*//*padding-left:150px;*/ }
.box2 p span{display:inline-block; /*text-align:right;*/ /*width:180px;*/ color:#fff; font-size:14px;}
.box2 p input{ width:245px; height:38px; border:none; background:#fff; border-radius:5px; font-size:15px; padding-left:15px;}
.box2 p .codeimg{ margin-left:5px; position:relative; top:6px;}
.box2 .subbtn{background: url(../images/subbtn.png) no-repeat; display:inline-block; width: 100px; height: 40px;line-height: 35px; cursor: pointer; color: #361905; font-size: 14px;text-align: center;border: none;margin-top: 15px; padding:0; font-weight:bold;}
.box2 .check{background: url(../images/subbtn2.png) no-repeat; display:inline-block; width: 120px; height:40px;line-height:40px; cursor: pointer; color: #fff; font-size: 14px;text-align: center;border: none;margin-left: 12px; margin-top: 15px;padding:0; font-weight:bold;}

.box2 .mobilesub{background: url(../images/subbtn.png) center center no-repeat; display:inline-block;width:60px; height:40px;line-height:40px; cursor: pointer; color: #361905; font-size: 14px;text-align: center;border: none; margin-left:5px; padding:0;font-weight:bold;}













/*底部横栏信息设定*/


#home-about{height:368px;background:url('../images/bg.png') no-repeat center top}
#home-about>.wrapper{height:100%;background:url('../images/license.png') no-repeat center center}
#home-about ul {
    position: absolute;
    bottom: 42px;
    left: 0;
    font-size: 0;
}

#home-about ul{position:absolute;bottom:42px;left:0;font-size:0}#home-about ul li{display:inline-block;vertical-align:top;padding-left:26px;color:#a795aa;font-size:16px;line-height:22px;background-repeat:no-repeat;background-position:left center}
#home-about ul li a{color:inherit;text-decoration:none}
#home-about ul li.qq{width:160px;background-image:url('../images/qq.png')}
#home-about ul li.mail{width: 158px;
    margin-right: 255px;background-image:url('../images/mail.png')}
#home-about ul li.mobile{margin-right: 80px;background-image:url('../images/mobile.png')}
#home-about ul li.chat{background-image:url('../images/chat.png')}
.wrapper {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
ol, ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

#home-about ul li {
    display: inline-block;
    vertical-align: top;
    padding-left: 26px;
    color: #a795aa;
    font-size: 16px;
    line-height: 22px;
    background-repeat: no-repeat;
    background-position: left center;
}






.bottom{height:208px;background:#10061e;overflow: hidden;border-top: 1px solid #271a35;/*border-bottom: 1px solid #271a35;*/padding-top:20px;}
.quicklink{background:#2b1b3e; height:188px; border:1px solid #40275d; overflow:hidden}
.quicklink ul{ margin:0 9px; }
.quicklink ul li{ float:left; border-bottom:1px dotted #40275d; height:94px; width:196px; text-align:center; line-height:92px;}
.quicklink ul li a{ display:block; color:#fff; font-weight:bold;  font-size:14px;}
.quicklink ul li a img{ position: relative; top:-2px; vertical-align:middle; margin-right:10px;}
.quicklink ul li a:hover{ color:#ffe74d;}


/*footer设定*/



#footer{height:200px;background:#09674C url('') repeat-x center top}
#footer-logo{height:110px;background:url('../images/footer_logo.png') no-repeat center;border-bottom:1px dotted #313131}
#footer-nav{display:block;padding:15px 0 10px;text-align:center}
#footer-nav li{display:inline-block;margin:0 5px}
#footer-nav a{color:#b7aeb8;font-size:12px;text-decoration:none}
#footer-nav a:hover{color:#fff}
#footer-suggest{margin:0;color:#b7aeb8;font-size:12px;text-align:center}
aside.services{position:fixed;z-index:2;top:210px;background-repeat:no-repeat;background-position:center top}aside.services li{width:130px;color:#fff227;font-size:20px;font-weight:bold;text-align:center}aside.services li.closed{width:88px;margin:0 auto;height:30px;cursor:pointer}aside.services li a{display:inline-block;width:100%;height:100%}aside.service-left{left:0;background-image:url('http://cdn.ccpt-cn.com:8888/Web.Portal/IB002-01.Portal/Content/Views/Shared/images/services/left.png')}aside.service-left li.slot{height:74px}aside.service-left li.promotion{height:51px}aside.service-left li.agentqq{height:99px;padding-top:58px}aside.service-right{right:0;background-image:url('http://cdn.ccpt-cn.com:8888/Web.Portal/IB002-01.Portal/Content/Views/Shared/images/services/right.png')}aside.service-right li.chat{height:72px}aside.service-right li.qq{height:65px;padding-top:34px}aside.service-right li.mobile{height:106px}#review-list{position:fixed;bottom:-77px;left:0;width:100%;height:77px;background:rgba(0,0,0,.8);background:#000\9;color:#fff;z-index:1;-webkit-transition:bottom .4s;-o-transition:bottom .4s;-moz-transition:bottom .4s;transition:bottom .4s}#review-list.open{bottom:0}#review-list .up,#review-list .down{position:absolute;top:-24px;left:0;width:150px;height:24px;line-height:24px;text-align:center;background:url('http://cdn.ccpt-cn.com:8888/Web.Portal/_Common/Content/Views/Shared/images/review/tab.png') no-repeat}#review-list .up:after,#review-list .down:after{content:'';display:inline-block;margin-left:5px;width:7px;height:8px}#review-list .up:after{background:url('http://cdn.ccpt-cn.com:8888/Web.Portal/_Common/Content/Views/Shared/images/review/up.png') no-repeat}#review-list .down:after{background:url('http://cdn.ccpt-cn.com:8888/Web.Portal/_Common/Content/Views/Shared/images/review/down.png') no-repeat}#review-list .wrapper{padding-left:80px;height:77px;background:url('http://cdn.ccpt-cn.com:8888/Web.Portal/_Common/Content/Views/Shared/images/review/txt.png') no-repeat 20px 15px}#review-box li{display:inline-block;position:relative;margin:10px 8px 0;width:60px;height:60px}#review-box li.no-review{line-height:60px}#review-box li img{width:60px;height:60px}#review-box li div{display:none;position:absolute;top:-31px;left:-5px;padding-top:2px;width:70px;height:29px;text-align:center;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url('http://cdn.ccpt-cn.com:8888/Web.Portal/_Common/Content/Views/Shared/images/review/title.png') no-repeat}#review-box li:hover div{display:block}#mailbox{position:relative;display:inline-block;width:24px;height:24px;vertical-align:top;text-decoration:none;background:url('http://cdn.ccpt-cn.com:8888/Web.Portal/_Common/Content/Views/Shared/images/m_icon.png') no-repeat}#mailbox>span,#mailbox>span:hover{position:absolute;left:80%;bottom:60%;min-width:16px;padding:0 2px;height:16px;color:#000;font-size:12px;text-align:center;line-height:16px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff47e}


/*验证码设定*/

.code
    {
            background:url();
            font-family:Arial;
            font-style:italic;
             color:blue;
             font-size:18px;
             border:0;
             padding:2px 3px;
             letter-spacing:3px;
             font-weight:bolder;             
             float:left;            
             cursor:pointer;
             width:80px;
             height:30px;
             line-height:30px;
             text-align:center;
             vertical-align:middle;

    }
   .code a
    {
        text-decoration:none;
        font-size:12px;
        color:#288bc4;
        }

/* 下方链接跳转设定*/


.box{position:relative;margin:40px 0;}
.box .h{position:absolute;top:45px;left:0;display:block;width:100%;height:1px;background:#3a3a3a;}
.box a{position:relative;/*z-index:999;*/float:left;display:block;text-align:center;}
.box a .pic{display:block;margin:0 auto;margin-bottom:10px;width:88px;height:88px;}
.box a .title{display:block;color:#fff;font-size:16px;line-height:30px;}
.box a .en{display:block;color:#999;font-size:10px;line-height:22px;}
.box a.fore1{width:140px;}
.box a.fore2{width:140px;}
.box a.fore3{width:140px;}
.box a.fore4{width:140px;}
.box a.fore5{width:140px;}
.box a.fore6{width:140px;}
.box a.fore7{width:140px;}
.box a.fore8{width:140px;}
.box a.fore1 .pic{background:url(../images/b1.png) no-repeat center top;}
.box a.fore2 .pic{background:url(../images/b2.png) no-repeat center top;}
.box a.fore3 .pic{background:url(../images/b3.png) no-repeat center top;}
.box a.fore4 .pic{background:url(../images/b4.png) no-repeat center top;}
.box a.fore5 .pic{background:url(../images/b5.png) no-repeat center top;}
.box a.fore6 .pic{background:url(../images/b6.png) no-repeat center top;}
.box a.fore7 .pic{background:url(../images/b7.png) no-repeat center top;}
.box a.fore8 .pic{background:url(../images/b8.png) no-repeat center top;}
.box a.fore1:hover .pic{background:url(../images/1h.png) no-repeat center top;}
.box a.fore2:hover .pic{background:url(../images/2h.png) no-repeat center top;}
.box a.fore3:hover .pic{background:url(../images/3h.png) no-repeat center top;}
.box a.fore4:hover .pic{background:url(../images/4h.png) no-repeat center top;}
.box a.fore5:hover .pic{background:url(../images/5h.png) no-repeat center top;}
.box a.fore6:hover .pic{background:url(../images/6h.png) no-repeat center top;}
.box a.fore7:hover .pic{background:url(../images/7h.png) no-repeat center top;}
.box a.fore8:hover .pic{background:url(../images/8h.png) no-repeat center top;}

/*弹框*/
.tanin {
    width:600px;
    background:url(../images/popup.png) no-repeat;
    background-size:100% 100%;
    padding-top:20px;
    padding-bottom:5px;
}
    .tanin {
        position:absolute;
        right:0px;
        top:0px;
        z-index:1
    }
    .tanin .tac {
        text-align:center;
    }