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

/*case*/
.contentss{
    width: 1200px;
    margin: 0 auto;
}
.case_bj{height:783px; overflow:hidden; background:url(../images/bj.gif) no-repeat center bottom;background-color: #fff;} 

.t_h2{ margin:43px auto 38px; background:url(../images/cs_t.gif) no-repeat center 50px;  height:124px; overflow:hidden;color:#3a3a3a; text-align:center; font: 28px/39px "Microsoft Yahei"; }
.t_h2 a{ color:#3a3a3a;}
.t_h2 a:hover{ text-decoration:none;}
.t_h2 i{ display:block; color:#3a3a3a; font:32px/35px "Times New Roman", Times, serif; text-transform: uppercase;}
.t_h2 em{ margin:6px auto 0; height: 42px; padding:0 30px; width: 700px; border:1px solid #d5d5d5; display:block; color:#606060; font:20px/42px "Microsoft Yahei";}

.case2{ height: 578px; overflow: hidden;}

.roll1,.roll2{ margin:177px 0 0 0; width:36px; height:41px; overflow:hidden;}
.roll1 a,.roll2 a{ width:36px; height:41px;overflow:hidden; display:inline-block;}
.roll1 a{ background:url(../images/roll1.gif) no-repeat left top;}
.roll1 a:hover{ background:url(../images/roll11.gif) no-repeat left top;}  
.roll2 a{ background:url(../images/roll2.gif) no-repeat left top;}
.roll2 a:hover{ background:url(../images/roll22.gif) no-repeat left top;}  

.case_c{ margin-left: 73px; display: inline; height: 578px; width: 982px; overflow:hidden; background:url(../images/cs_ibj.jpg) no-repeat left top;}
.cs_dl dl{width: 982px; height: 407px; overflow: hidden;}
.cs_dl dt { float:left; margin:41px 0 0 47px; width:402px; height:324px;overflow:hidden;}
.cs_dl dt img{width:402px; height:324px;}
.cs_dl dd{ float:right; width:380px; padding-right:78px; padding-top: 85px; display:inline; overflow:hidden; }
.cs_dl dd h3{ height:55px; overflow:hidden; }
.cs_dl dd h3 a{ color:#4e4e4e;}
.cs_dl dd h3 span{ float: left; margin-right: 14px; display:block; width: 50px; height: 50px;}
.cs_dl dd h3 span img{ width: 50px; height: 50px;}
.cs_dl dd h3 p{ float: left;  color: #202020;font:22px/33px "Microsoft Yahei";}
.cs_dl dd h3 p i{ display: block; color: #bfbfbf; text-transform: uppercase;font:12px/20px Arial, Helvetica, sans-serif; }
.cs_dl dd h3 a:hover{ text-decoration:none;}
.cs_dl dd em{ display: block; margin-top: 18px; color: #3a3a3a;font:14px/28px "Microsoft Yahei";}
.cs_dl dd b{ margin-top: 20px; display: block; width: 200px; height: 34px; overflow: hidden; text-align: center; font:14px/34px "Microsoft Yahei"; background: #F2B934;}
.cs_dl dd b a{color: #FDFDFD;}

.case{ position: relative; height:783px; overflow:hidden;}
.case ul{ position: absolute; left: 200px;bottom:20px; height: 105px; width:1000px;  overflow: hidden;}
.case li{ float: left; height: 105px; overflow: hidden; margin-right: 60px;}
.case li a{ display:inline-block; border-top: 1px solid #939187; width:96px; height: 105px; overflow: hidden;}
.case li span{ margin-top: 17px; display: block; width: 39px; height: 33px; overflow: hidden;}
.case li span img{ width: 39px; height: 33px;}
.case li p{ margin-top: 17px; display: none; width: 280px; height: 86px; overflow: hidden;}
.case li p img{ margin-right: 10px; float: left; width: 58px; height: 50px;}
.case li p em{ float: left; color: #131313; font:16px/24px "Microsoft Yahei";}
.case li p em b{display: block;color: #131313;  font:bold 20px/28px "Microsoft Yahei";}
.case li a:hover,.case .cur a{ width: 280px; overflow: hidden; border-top:1px solid #F2B934;}
.case li a:hover span,.case .cur a span{ display: none;}
.case li a:hover p,.case .cur a p{ display: block;}
.case .nones{ margin-right: 0px;}




.ind-contact {
    height: 465px;
    background: url('../images/contact_bg.jpg') no-repeat center;
        position: relative;
        
}.wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}
.note {
    width: 500px;
    position: relative;
    left: 634px;
    top: 240px;
    background-color: #fff;
}
.note p {
    margin-bottom: 15px;
}
.note label {
    font-size: 15px;
    color: #666;
    vertical-align: top;
}
.note .btn input {
    width: 120px;
    height: 36px;
    border: none;
    border-radius: 18px;
    color: #fff;
    background-color: #f56c4a;
}
.note label {
    font-size: 15px;
    color: #666;
    vertical-align: top;
}
.note input{
    color: #333;
    font-size: 14px;
    line-height: 1.5rem;
    font-family: '\5FAE\8F6F\96C5\9ED1';
}
.note .btn {
    padding-left: 45px;
}


.freeri_sever{ height:480px; position:relative;    overflow: hidden;}
.freeri_sever .name{ position:relative; text-align:center; top:60px; z-index:9}
.freeri_sever ul li{ position:absolute; top:0; left:50%; margin-left:-960px;}
.freeri_sever ul li img{ display:block;}
.freeri_sever ol{ position:absolute; left:50%; margin-left:-550px; top:144px}
.freeri_sever ol li{ float:left;position:relative; cursor:pointer;}
.freeri_sever ol li a{ display: block; width: 100%; height: 100%;}
.freeri_sever ol li .min_pic{ position:absolute; width:45%;top:20px;left:25%;}
.freeri_sever ol li a>img{visibility:hidden; }
.freeri_sever ol li .min_pic svg{ transition: all .5s;-webkit-transition: all .5s; position:absolute; top:20px}
.freeri_sever ol li:hover .min_pic svg{stroke:#15489b;}
.freeri_sever ol li:after{ position:absolute; content:''; bottom:-6px; height:1px; width:32px; background:#15489b; left:50%; margin-left:-16px; transition:all .6s;-webkit-transition:all .6s; opacity:0}
.freeri_sever ol li img{ display:block; position:relative}
.freeri_sever ol li .title_name{ position:absolute; bottom:0; width:100%; text-align:center; color:#fff; font-size:18px}
.freeri_sever ol li .Explain{ height:75px; position:absolute; bottom:-85px; color:#fff; width:80%; left:10%; text-align:center; opacity:0; transition:all .6s;-webkit-transition:all .6s;}
.freeri_sever ol li:hover .Explain{ opacity:1}
.freeri_sever ol li:hover:after{ opacity:1}