﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
img{border:0;}
body { margin:0 auto;background:url(../images/1_20.jpg) repeat-x center top #3870c8 ; font-family:Arial;}
body,td,th {font-size:12px;color:#333; line-height:20px;}
a{ color:#333; text-decoration:none;}
a:hover{color:#43944d;}
.clear{ clear:both;}
ul{ list-style-type:none;}
/* 整体 */
#frame{ margin:0 auto; width:1000px;}
#top{ float:left; width:1000px;}
.log{ float:left; padding-top:7px; padding-left:164px;}
#mframe{ margin:0 auto; width:1000px;}
#main{ float:left; width:1000px;background:#326fcf; margin-top:25px; padding-bottom:8px;}
.mtop{ float:left; width:1000px; }
.mtop img{ float:left;}
.mmilld{ float:left; width:1000px; background:url(../images/1_23.jpg) repeat-x #2c80c3; min-height:613px;}
.mbott{ float:left; width:1000px;}
.mbott img{ float:left;}

#fframe{ float:left; width:100%; background:url(../images/1_25.jpg) repeat-x; height:71px;}
#left{ float:left; width:147px; padding-left:7px; }
#left ul{ float:left; width:147px;}
#left ul li{ float:left; width:147px; padding-bottom:10px;}
#left ul li a{ float:left; width:137px; font-size:14px; line-height:33px; padding-left:10px; color:#fff;}
#left ul li a:hover{ float:left; width:137px; background:url(../images/1_26.jpg) no-repeat; font-size:14px; line-height:33px; padding-left:10px; color:#000}
#left ul li a.hover{ float:left; width:137px; background:url(../images/1_26.jpg) no-repeat; font-size:14px; line-height:33px; padding-left:10px; color:#000}
#right{ float:left; width:835px;}
.rnr{ float:left; width:805px; background:url(../images/1_29.jpg) no-repeat #2c7ac8; min-height:610px; padding:15px;}
.rtop{ float:left; width:805px;}
.rtop img{ float:left;}
.rbot{ float:left; width:805px;}
.rbot img{ float:left;}
.rmidd{ float:left; width:785px; background:#fff; color:#000; padding:10px; padding-top:0px; padding-bottom:0px; min-height:460px;}
.rntop{ float:left; width:805px;}
.ptp{ float:left; width:84px; padding-bottom:11px; padding-right:25px; padding-left:15px;}
.pcp{ float:left; width:84px;}
.pwz { float:left; width:84px; text-align:center;}
.pwz a{ color:#000}
.ptp:hover{ float:left; width:84px; padding-bottom:11px; background:url(../images/1_29.png) no-repeat bottom center}
.ptp.hover{ float:left; width:84px; padding-bottom:11px; background:url(../images/1_29.png) no-repeat bottom center}
  .pcp3{ float:left; width:170px; padding-bottom:10px; padding-right:15px; padding-top:10px; padding-left:10px;}
.pip_3{ width:160px;  border:#d9d9d9 solid 1px; padding:4px;}
.pip_3 img{ width:160px; }
.ptp_3{ width:160px; height:22px; padding-top:5px; text-align:center; overflow:hidden;}
.ptp_3 a{ color:#333;}
.rcerp{ float:left; padding-top:15px; width:785px;}

#foot{ float:left; width:1000px;}
.fnt{ float:left; width:1000px; text-align:center; }
.fnt p{ float:left; width:1000px; text-align:center; font-weight:bold; color:#fff;}


#fgj{float:left;width:985px; padding-left:12px; padding-top:12px; padding-bottom:8px;}
.gj{ float:left;margin-right:10px; }
.gj img{ float:left;margin-right:10px;padding-top:6px; }
.gj a{color:#333333; float:left; line-height:22px; color:#fff; font-family:Tahoma; font-size:11px;}


#newslist{ float:left; width:785px;}
#newslist ul{ float:left; width:785px;}
#newslist ul li{ float:left; width:785px; border-bottom:#9fa0a0 1px dotted; padding-bottom:8px; padding-top:8px;}
#newslist ul li a{ float:left; padding-left:10px;}
#newslist ul li span{ float:right; padding-right:10px;}


.newsf{ float:left; width:785px;} 
.newsdesc1{line-height:58px; margin-left:10px; float:left; border-bottom:1px dashed #CCC; margin-bottom:10px; padding-bottom:5px; width:775px;}
.newsdesc1 img { width:785px;}
.newsdesc1 p{width:785px; }

.newstitle1{font-size:15px; font-weight:bold;  text-align:center; margin-left:10px; padding-bottom:5px;}
.newstitle2{line-height:16pt; border-top:1px dashed #CCC; text-align:center;}
.cssback{font-size:14px; font-weight:bold; width:785px; text-align:center;border-top:1px dashed #CCC; padding-top:5px;}



.form_list li { margin:0 0 8px; float:left; width:600px;}
.form_list li:after{content: '\0020';display: block;height: 0;clear: both;}
.form_list label {margin:2px 10px 0 0; text-align:right;  display:inline-block; color:#3D4146;  font-size:12px; float:left; zoom: 1; }
.form_list label em { padding-right:3px; font-style:normal; color:#f24300;  }
.form_list input.input_t { width:260px; height:20px; float:left; border:1px solid #d5d5d5;}
.form_list textarea { width:260px; height:100px; float:left; border:1px solid #d5d5d5; resize:none; }
 
.form_list label.error { display:inline; width:auto;min-height:13px; margin:3px 0 0 150px; padding-left:8px; background:url(../images/bg_required.png) no-repeat 0 4px; font-size:10px; line-height:13px; text-align:left; color:#f24300;  }
.form_list input.error,.form_list textarea.error,.form_list select.error { border:1px solid #f15c22; background:#fff7f5;  }

.w100{ width:150px!important;}
.message{ width:280px; height:120px;}
.form_list input.text,.form_list textarea{ width:260px; height:16px;}
.form_list input,.form_list select,.form_list textarea{ float:left; padding:3px 2px; border-width:1px; border-style:solid; border-color:#9f9f9f #dddddd #dddddd #9f9f9f; background-color:#f7fbfd;}
.form_list .check span{padding-right:15px;}
.form_list .check a{padding-left:12px; color:#4848b9; text-decoration:underline; }
.form_list .check a.add{background:url(../images/icon_add.png) no-repeat 0 4px;}
.form_list .check a.minus{ background:url(../images/icon_minus.gif) no-repeat 0 4px;}
.form_list .count{text-align:right;}
.form_list .count span{ margin-right:98px; display:inline-block;padding:2px 5px;border:1px solid #ccc; color:#3f3f3f; background-color:#f4fff2; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.form_list .input_c{ float:none; width:16px; height:16px; padding:0; margin:2px 2px 2px 0; overflow:hidden; vertical-align:bottom}
.form_list .btn{border:0;width:161px;height:27px;background:url("../images/bg_next_step.png") no-repeat scroll 0 0 transparent;border:0 none;cursor:pointer; color:#425281; font-size:11px; font-weight:bold; text-indent:-999em;}
.form_list .info{color:#3f3f3f; font-weight:bold; font-size:13px;}
.form_list .check label{vertical-align:top; float:left;}
.form_list .check div{ float:left; width:360px; margin-left:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.form_list .check div span{ display:inline-block; float:left; white-space:nowrap;}
.input1{ float:left; width:300px; height:20px; margin:5px 0px;}
.textarea{ float:left; width:300px; height:100px;}

.feedbackBox
{
    float: left; 
        padding: 15px;

}

.Feedbackbg
{
    float: right;
    width: 300px;
    height: 140px;
}
.textStyle
{
    width: 350px;
    height: 20px;
    line-height: 20px;
    background-color: #ffffff;
    border: solid 1px #C5C5C5;
    padding-left: 2px;
}
.textAreaStyle
{
    width: 350px;
    line-height: 20px;
    background-color: #ffffff;
    border: solid 1px #C5C5C5;
    padding-left: 2px;
}
#FeedbackContext table
{
    margin-bottom: 15px;
    border-collapse: collapse;
    margin-left: 30px;
    width: 510px;
}
#FeedbackContext table tr
{
    margin-top: 10px;
}
#FeedbackContext table th
{
    text-align: right;
    font-weight: lighter;
    padding-top: 5px;
    padding-bottom: 5px;
color:#3D4146;    width: 140px;
    padding-right: 6px;
}
#FeedbackContext table td
{
    padding-top: 5px;
    padding-bottom: 5px;
color:#3D4146;    padding-left: 5px;
    text-align: left;
}
.red{ color:Red;}

/********
#btnFeedbackSend{ border:none; cursor:pointer;  width:96px; height:40px; background-image:url(../picture/btnfeedback.jpg);  text-indent:-9999px; background-position:left top;}
#btnFeedbackReset{ border:none; cursor:pointer; width:96px; height:40px; background-image:url(../picture/btnfeedback.jpg); text-indent:-9999px;}
**********/

.FeedbackUsText
{
 width:auto;
  clear:both;
      /*border-top: solid 1px #cccccc;*/


 padding-bottom:15px;
        background:url(../images/Feedback.jpg) no-repeat 0px 25px;
        /*        background-image: url(../images/Feedback.jpg);
*/
}
.FeedbackUsText p
{ clear:both; 
 color:#3D4146;  padding-top:0px; margin:0px;
   text-indent:15px; line-height:24px;
  }
  
  
             
                            .contact ul
                            {
                                float: left;
                                width: 785px;
                                overflow: hidden;
                                color: #666;
                            }
                            .contact ul li
                            {
                                float: left;
                                width: 785px;
                                overflow: hidden;
                                border-bottom: 1px solid #d1d1d1;
                            }
                            .contact ul li .t
                            {
                                height: 42px;
                                line-height: 42px;
                                cursor: pointer;
                                overflow: hidden;
                                width: 785px;
                            }
                            .contact ul li .t strong
                            {
                                font-size: 14px;
                                float: left;
                                padding-left: 17px;
                                background: url(/images/arrowc.gif) 3px center no-repeat;
                            }
                            .contact ul li .t span
                            {
                                float: right;
                                padding-left: 15px;
                                background: url(/images/arrowd.gif) left center no-repeat;
                                padding-right: 10px;
                            }
                            .contact ul li .t .ss
                            {
                                background: url(/images/arrowu.gif) left center no-repeat;
                                display: none;
                            }
                            .contact ul li .c
                            {
                                padding: 10px 25px;
                                background-color: #e5e5e5;
                                border-top: 1px solid #d1d1d1;
                                float: left;
                                width: 750px;
                                display: none;
                            } 
                            .ssmor{ float:left; width:750px;}
                            .ssmor a{ float:right; padding-right:10px;}
                             .contact ul li .c img
                            {
                             max-width:750px;
                            } 
                            .contst
                            {
                               width:55px; float:left; 
                            }
                            .rxs{ float:left; width:785px;}
                            .rxsbt{ float:left; width:785px;}
                            .rxsbt strong{ float:left; font-size:14px;}
                            
                            
                            .rmitop{ float:left; width:320px; padding-left:232px; padding-top:15px;}
                            .rmsear{ float:left; width:700px; padding-left:42px;}
                            
                            #sform{ float:left; width:700px; height:42px; padding-top:15px;}
#sform input{ }
#stext{ float:left; width:580px; height:40px; line-height:40px;color:#333; padding-left:10px; border:#d8d8d8 1px solid;}
#sbut{ float:left; width:105px; height:42px; cursor:pointer; background:#2c7ac8; font-size:16px; color:#fff;border:0;}


.mod18Box { padding: 10px; border: 1px solid #CCC; margin: 0px auto; width:765px; background: #FFF;  }
.mod18{ width:630px; height:700px; position: relative; padding-left:135px;}
.mod18 .btn{position:absolute;width:15px;height:70px;top:536px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:286px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;height:700px;position:absolute;color:#fff;width:495px; text-align:center;}

.mod18 .picBox{height:700px;position:relative;overflow:hidden; width:495px; }
.mod18 .picBox ul{height:700px;position:absolute;}
.mod18 .picBox li{width:495px;height:700px;}
.mod18 .listBox{ width: 642px; height: 166px; margin: 0 auto; position: relative; padding: 6px 0 0px; overflow: hidden; }
.mod18 .listBox ul{height:166px;position:absolute;}
.mod18 .listBox li{width:129px;height:166px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:166px;}
.mod18 .listBox li img{width:124px;height:166px;}
.mod18 .listBox .on img{width:118px;height:166px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}

.rdes{ float:left; width:785px; padding-top:10px;}


.rmilet{ float:left; width:350px; padding-top:15px;}
.rmilet strong{ float:left; width:350px; padding-left:15px; font-size:14px; padding-top:8px;}
.rmilet img{ float:left; width:350px;}

.rmilri{ float:right; width:350px; padding-top:15px; padding-right:15px;}
.rmilri strong{ float:left; width:350px; padding-left:15px; font-size:14px; padding-top:8px;}
.rmilri img{ float:left; width:350px;}