@charset "utf-8";

/*全局控制*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.left{float:left; _display:inline;}
.right{float:right; _display:inline;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.clear{clear:both;font-size:0px;height:0px;_height:0px;overflow:hidden; }
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.filter_bg{ filter: alpha(opacity=80); opacity: 0.8; }
.ie6_bg{ background: url(../images/bg.png) no-repeat center;  _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '../images/bg.png', sizingMethod = 'scale');}

body{margin:0;padding:0;font-size:14px;font-family:'Microsoft YaHei',"宋体",Arial，Helvetica,'方正兰亭粗黑简体';color:#333;}
a{color:#333;text-decoration:none;cursor :pointer; outline: none; transition: all 0.3s;}
a:hover{ color:#f08d00;  }
/********************* 以下(结束标识)代码请在实际开发中删除 *********************/

/* CSS banner */
.banner{height:100%; text-align:center; overflow:hidden; margin:0px auto;}
.page_banner{ height:250px; min-width: 1200px; background: url(../images/page_banner.jpg) no-repeat center;}
/* CSS Main */

/* CSS Home */
#name_box_w {
    width: 100%;
    height: 110px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

#name_box {
    width: 1200px;
    margin: 0 auto;
    height: 110px;
    position: relative;
    z-index: 9;
}
.logo {
    margin-top:25px;
    float: left;
}
.tel{ float: right;margin-top:45px; }
.cz{ height: 25px; position: absolute; right: 10px; top: 10px; }
.cz a{ width:40px; height: 25px; line-height: 25px; border-radius:5px; background: #D1D3D4; color: #fff; float: left; text-align: center;}
.cz a.cza1{ background: #f08d00; }

#nav{ height: 50px; background:#D1D3D4; min-width: 1200px;  }
.nav{width: 1200px; height:50px; }
.nav li{ float: left; }
.nav a{width:150px; height:50px; line-height: 50px; font-size: 16px; color:#000; text-align:center;float: left;}
.nav a:hover,.nav li a.on{ color:#fff; background:#f08d00; }
#navpro{ position: relative; }
.npro{width: 180px; position: absolute; top: 50px; left: -15px; display: none; padding-bottom: 20px;padding-top:5px; z-index: 999; background: #D1D3D4;}
.npro a{ width: 180px; height: 35px; line-height: 35px; font-size: 15px;}
.npro a:hover{ color:#f08d00; background:none; }
#navpro:hover .npro{ display: block; }


.search{ margin-top:40px; margin-left: 60px; }
.search_txt{ width: 200px; height: 35px; line-height: 35px; border: solid 1px #ddd; padding: 0px 15px; }
.search_btn{ width: 100px; height: 37px; border: 0px; cursor: pointer; line-height: 37px; text-align: center; background: #D1D3D4; color: #fff; font-size: 16px; }
.search_btn:hover{ background:#f08d00;  }

#in_case_box {
    width: 100%;
    margin: 20px auto;
    padding: 0 0 30px 0;
}

.in_case_title {
    font-size: 26px;
    color: #D1D3D4;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    height: 60px;
    margin-top: 30px;
}
.in_case_title a{ color: #D1D3D4; }
.tejia_con3 a img {
    transition: all 0.3s;
    max-width: 184px;
    height: 136px;
    overflow: hidden;
}

.tejia_con3 .img {
    width: 184px;
    height: 136px;
    position: relative;
    background: #efefef;
    text-align: center;
    border:3px solid #ececec;
}

.tejia_con3 ul li {
    width: 190px;
    margin:0 5px; 
    height: 140px;
    float: left;
}

.tejia_con3 ul li a {
    text-align: center;
    position: relative;
    display: block;
    color: #fff;
}
.tejia_con3 {
    position: relative;
    width: 1200px;
    height: 140px;
    overflow: hidden;
}

.tejia_cc3 {
    position: relative;
    width: 1200px;
    height: 140px;
    margin: 10px auto;
    overflow: hidden;
}

.tejia_con3 a:hover img {
    transform: scale(1.05);
}
.tejia_cc1 {
        position: relative;
        width: 900px;
        height: 742px;
        float: right;
    }

    .tejia_con1 {
        position: relative;
        width: 900px;
        height: 620px;
        overflow: hidden;
        margin-top: 10px;
    }
    .tejia_con1 li {
        height: 100%;
        overflow: hidden;
        float: left;
    }

    .tejia_con1 li .pro_img_box {
        width: 284px;
        height: 292px;
        margin: 10px 8px;
        text-align: center;
        display: block;
        overflow: hidden;
        background: #fff;
    }

    .tejia_con1 a img {
        max-width: 284px;
        height: 213px;
        transition: all 0.3s;
    }

    .tejia_con1 .img {
        width: 284px;
        height: 213px;
        background: #fff;
        position: relative;overflow: hidden;
    }
    /*.tejia_con1 ul .big_img a { width: 563px !important; height: 368px !important; margin: 10px; border:10px solid #f5f5f5; }
    .tejia_con1 ul .big_img a img{ width: 563px !important; height: 368px !important; }*/

    .tejia_con1 a:hover img {
        transform: scale(1.05);
    }

    .tejia_con1 li .gd_title {
        padding: 10px;
        height: 50px;
        line-height: 25px;
        text-align: left;
        font-size: 16px;
        overflow: hidden;
        margin: 5px 0;
        position: relative;
    }
    .tejia_con1 li .pro_img_box:hover { background: #0076CA;color: #fff; }
    .tejia_con1 li .pro_img_box:hover .gd_title a{ color: #fff; }
    .tejia_con1 li .pro_img_box:hover i{ color: #fff; }
    .tejia_con1 li .gd_title i {
        position: absolute;
        top: 30px;
        right: 10px;
        color: #767676;
        font-size: 20px;
    }
    .gd_title .gd_title_link a{ font-size: 14px; color: #848484; }
    .gd_title .gd_title_link a:hover{ font-size: 14px; color: #f00; }
    .in_product_title {
        width: 100%;
        height: 72px;
        font-size: 16px;
        color: #333;
        position: relative;
    }
    .in_product_title big {
        font-size: 26px;
        font-weight: bold;
        color: #f08d00;
    }
    .in_product_title a {
        position: absolute;
        top: 0;
        right: 10px;
        line-height: 72px;
    }
#in_product_w {
    width: 100%;
    height: 742px;
    background: url(../images/in_product_bg.jpg) repeat-x;
    position: relative;
}

#in_product {
    width: 1200px;
    margin: 0 auto;
}
#left_box {
    width: 260px;
    float: left;
    background:#D1D3D4;
}

.lf_title {
    text-align: center;
    line-height: 72px;
    color: #fff;
    font-size: 28px;
}

.lf_title a {
    background: #D1D3D4;
    width: 100%;
    height: 72px;
    display: block;
    color: #fff;
}

.lf_title a:hover {
    background: #f08d00;
    color: #fff;
}
.proleft{ position: relative; padding: 15px 0px;}
.proleft .proli{ height: auto; margin-top: 5px;}
.proleft .proli p{ height:35px; line-height: 35px; background: #f4f4f4; padding: 0px 10px; margin: 0px 15px; width: 210px; border-bottom: solid 1px #2a8ad9;}
.proleft .proli a{  font-size: 16px;}
.proleft .proli .prosub{ width:350px; background:#D1D3D4; overflow-y:scroll; overflow-x:hidden;   padding: 10px; display: none; position: absolute; top: 0px; left: 260px; z-index: 999;}
.proleft .proli .prosub li{ height: 35px; line-height: 35px; }
.proleft .proli .prosub li a{ font-size: 14px; color: #000;}
.proleft .proli .prosub li a:hover{ color: #f08d00; }
.proleft .proli:hover p{ background: #f08d00;}
.proleft .proli:hover p a{ color: #ffffff; }


.in_box {
    width: 1170px;
    padding: 15px;
    margin: 40px auto;
    height: 100%;
    overflow: hidden;
    background: #eee;
}
#in_cjwt {
    width: 350px;
    float: left;
    height: 400px;
}

.in_cjwt_title {
    height: 60px; line-height: 60px;
    font-size: 24px;
    color: #333333;
    position: relative;
}

.in_newslist_cont {
    padding: 10px 0;
}

.in_newslist_cont li {
    width: 100%;
    height: 38px;
    line-height: 35px;
    margin: 0px auto;
}
.in_newslist_cont li a{ margin-left: 8px; font-size: 16px;}
.in_newslist_cont li a:hover{ margin-left: 15px; }
.news_box a {
    display: block;
    width: 100%;
    height: 80px;
    position: relative;
}

.news_box a .qs {
    position: absolute;
    top: 10px;
    left: 0;
}

.news_box a:hover {
    transform: translateY(5px);
}

.news_box .news_txt {
    padding-left: 40px;
    height: 80px;
    overflow: hidden;
}

.news_txt .news_tit {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    position: relative;
    font-weight: bold;
}

.news_txt .news_con {
    font-size: 12px;
    line-height: 25px;
    color: #a3a3a3;
    height: 50px;
}


#in_news {
    width: 350px;
    height: 340px;
    float: left;
    margin-left: 40px;
}

.in_news_title {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #333333;
    position: relative;
}
.in_news_c1{ height: 150px; margin-top: 2px;}
.news_class1 {
    width: 347px;
    height: 250px;
    padding: 10px 0;
}


.news_class1 li {
    width: 347px;
    height: auto;
    margin-bottom: 20px;
}


.news_class1 li .in_news_list_txt {
    width: 347px;
    height: auto;
}

.news_class1 li .img {
    width: 347px;
    height: 146px;
    overflow: hidden;
    margin: 5px 0 30px 0;
}


.news_class1 li .in_news_list_txt .t1 {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_class1 li .in_news_list_txt .t2 {
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    color: #888888;
    overflow: hidden;
    text-align: justify;
}


.news_class1 li .in_news_list_txt .t3 {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    color: #888888;
    overflow: hidden;
    text-align: justify;
}


.news_class1 li a {
    display: block;
}

.news_class1 li a:hover {
    transform: translateY(5px);
}

.news_class1 li a:hover .in_news_list_txt {
    padding-right: 20px;
}

.news_class1 li a .in_news_date {
    transition: all 0.3s;
}

.news_class1 li a:hover .in_news_date {
    padding-left: 10px;
}


.in_more {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 60px;
}

.in_more a {
    color: #333;
    font-size: 12px;
}

.in_more a:hover {
    color: #D1D3D4;
}

/* CSS Footer */
#in_link {
    width: 1200px;
    margin: 30px auto;
}

.in_link_title {
    height: 60px;
    line-height: 60px;
    font-size: 23px;
    color: #252525;
    text-align: center;
}


.in_link_cont {
    line-height: 40px;
    text-align: center;
}

.in_link_cont a {
    margin: 0 5px;
    font-size: 16px;
    color: #666666;
}

.in_link_cont a:hover {
    margin: 0 5px;
    font-size: 16px;
    color: #f08d00;
}
#end_wrap {
    width: 100%;
    overflow: hidden;
    background:#D1D3D4;
    position: relative;
    padding:20px 0; 
}

.end_txt {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    color: #333;
    height: 200px;
    font-size: 14px;
    text-align: left;
    line-height: 40px;
}

.end_txt a {
    color: #333;
}

.end_txt a:hover {
    color: #ffff00;
}

.e_title {
    font-size: 23px;
    line-height: 50px;
    color: #ffffff;
    height: 50px;
    margin-bottom:20px; 
}


#end_r {
    width: 900px;
    height: 200px;
    float: left;
    line-height: 35px;
    position: relative;font-size: 16px;
}
.wx{ position: absolute; top: 40px; right: 0px; }
#end_mess {
    width:390px;
    height: 320px;
    position: relative;
    margin-top: 3px;
}

.e_ewm {
    float: right;
    position: relative;
    top: 20px;
}

.mess {
    width: 390px;
    margin-left: 40px;
    float: left;
}


.e_name {
    position: absolute;
    top: 0;
    left: 0;
    color: #bbbcbe;
    padding: 5px;
    width: 380px;
    height: 35px;
    background: #fff;
    border: none;
    line-height: 35px;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

.e_tel {
    position: absolute;
    top: 55px;
    left: 0px;
    color: #bbbcbe;
    padding: 5px;
    width: 380px;
    height: 35px;
    background: #fff;
    border: none;
    line-height: 35px;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

.e_email {
    position: absolute;
    top: 110px;
    left: 0px;
    color: #bbbcbe;
    padding: 5px;
    width: 380px;
    height: 35px;
    background: #fff;
    border: none;
    line-height: 35px;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

.e_content {
    position: absolute;
    top: 165px;
    left: 0;
    color: #bbbcbe;
    padding: 5px;
    width: 380px;
    height: 80px;
    background: #fff;
    border: none;
    line-height: 35px;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

.e_yanzheng {
    position: absolute;
    top: 265px;
    left: 0;
    color: #bbbcbe;
    padding: 5px;
    width: 172px;
    height: 35px;
    background: #fff;
    border: none;
    line-height: 35px;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

.e_submit {
    position: absolute;
    top: 265px;
    right: 0;
    width: 144px;
    height: 39px;
    line-height: 39px;
    background: #ffb400;
    color: #fff;
    border: none;
    font-size: 14px; text-align: center;
    font-family: "微软雅黑", "Microsoft YaHei";cursor: pointer;
}
.e_submit:hover{ color: #fff; }
#e_txt_w {
    width: 100%;
    height: 237px;
    background: #1f2227;
}

#e_txt {
    width: 1200px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    color: #fff;
    padding: 30px 0;
}

#e_txt a {
    color: #fff;
}

#e_txt a:hover {
    color: #FF0;
}

.end_tel {
    text-align: center;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
}

.end_tel span {
    font-size: 30px;
    font-weight: bold;
}

.end_tel {
    text-align: center;
    font-size: 16px;
    line-height: 40px;
}

.end_type {
    width: 1000px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    height: 60px;
    overflow: hidden;
    line-height: 60px;
}

.end_type a {
    margin: 0 5px;
}


#e_message {
    width: 403px;
    height: 171px;
    position: relative;
    font-size: 14px;
}

#e_message li {
    margin: 10px 0;
}

#e_message #e_name {
    width: 183px;
    padding: 5px;
    height: 36px;
    line-height: 36px;
    background: #3b3b3b;
    border: 0;
    color: #ffffff;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

#e_message #e_tel {
    width: 183px;
    padding: 5px;
    height: 36px;
    line-height: 36px;
    background: #3b3b3b;
    border: 0;
    color: #ffffff;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

#e_message #e_add {
    width: 163px;
    padding: 5px;
    height: 14px;
    line-height: 14px;
    background: #3b3b3b;
    border: 0;
    color: #ffffff;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

#e_message #e_content {
    width: 393px;
    padding: 5px;
    height: 78px;
    line-height: 26px;
    background: #3b3b3b;
    border: 0;
    color: #ffffff;
}

#e_message .e_submit {
    width: 100px;
    height: 36px;
    margin: 0 10px;
    background: #ffd200;
    color: #000;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    font-family: "微软雅黑", "Microsoft YaHei";
}

#e_message .e_submit:hover {
    background: #000;
    color: #fff;
}

#e_message #e_yzm {
    width: 80px;
    padding: 5px;
    height: 26px;
    line-height: 26px;
    background: #3b3b3b;
    border: 0;
    color: #ffffff;
    font-family: "微软雅黑", "Microsoft YaHei";
    font-size: 16px;
    text-align: center;
}

#e_message #e_code {
    margin: 0px 20px;
    position: relative;
}

/*子页样式*/
.wrap{ width: 1200px; height: 100%; overflow: hidden; margin:30px auto;}

/*CSS Left_side*/
.left_side{ width:252px;  float:left; display:inline; margin-top:30px; }



.pcontact_us{ width:252px; height:100%;  margin-top:20px; }
.pcontact_p1{ height:22px; border-bottom:solid 1px #0078CC;}
.pcontact_p2{ height:122px; margin-top:20px;}
.pcontact_p3{ height:43px;}
.pcontact_p3 a{}
.pcontact_usa1{ float:left; margin-top:12px; margin-left:1px;}
.pcontact_us01{ width:230px; border:solid 1px #DBDBDB; padding:10px; margin-top:18px;}
.pcontact_us_01{ line-height:27px; margin-top:10px;}
/*CSS Right_side*/
.right_side{ width:920px; height:100%; overflow:hidden;  float:right; display:inline;   }
.right_title{ height:36px; line-height:36px; background:#2F3F56; }
.right_title_left{ float:left;  font-size:16px; color:#3E3E36; font-weight:600; padding-left:20px;}
.right_title_right{ color:#fff; float:left;  display:inline;margin-left:13px;}
.right_title_right a{ color:#fff;}
.right_title_right a:hover{ text-decoration:underline; }
.right_title_right_sp1{ width:0px; height:10px;  float:left; margin-top:3px; margin-right:0px;}
.right_title_right_sp2{ float:left;}
.right_content{width:920px; min-height:471px; _height:471px;padding:15px 0px; }




/********************* 以上(结束标识)代码请在实际开发中删除 *********************/

/*新闻栏目*/
.news_list li{line-height:30px;background:url(../images/dot_line.gif) repeat-x 0 30px;padding-top:1px;}
.news_list li a:hover{text-decoration:none;color:#B20011;}
.news_list span{float:right;font-family:Arial;color:#5868bf;}
.news_list strong{padding-right:5px;font-size:8px;color:#fc0000;}
.news_list2 li{line-height:30px;border-bottom:1px solid #eff2f4;padding:6px 0 5px 0;color:#a0a0a0;}
.news_list2 li span.title a{float:left;color:#D1D3D4;font-weight:bold; font-size:16px;}
.news_list2 li span.title a:hover{color:red;}
.news_list2 li span.time{float:left;}
.news_list2 li span.hits{float:right;}
.news_list2 li span.class{margin-left:12px;}
.news_list2 li span.class a{text-decoration:underline;color:#a0a0a0;}

/* CSS Pic */
#picUL{ padding:0px; font-size:13px;}
#picUL li{height:246px;width:287px;float:left;margin:8px 6px;text-align:center; display:inline;}
#picUL li .pic_01{width:285px;height:214px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;transition: all 1s;
-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
#picUL li .pic_01 a:hover{ filter:alpha(opacity=80);opacity:0.8;-webkit-transform:scale(1.5) rotate(10deg); 
-moz-transform:scale(1.5) rotate(10deg); 
-o-transform:scale(1.5) rotate(10deg);  }
#picUL li .pic_01:hover{ border:1px solid #1C5FB8; cursor:pointer;}
#picUL li .pic_01 img{height:212px;max-width:283px; _width:283px; vertical-align:middle; padding:1px;}
#picUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#picUL li .pic_02{width:285px;text-align: center;line-height:30px;}
#picUL li a{color:#585858;}
#picUL li a:hover{color:#1C5FB8; }

#proUL li{  width:283px; height:361px; float:left; margin:7px 7px;  overflow:hidden; background-color:#F2F2F2; border:solid 1px #EEEEEE;}
#proUL li .pic_01{ width:283px; height:212px; text-align:center; overflow:hidden;}
#proUL li .pic_01 a{ width:283px; height:212px;  background:#fff; float:left; position:relative;}
#proUL li .pic_01 a:hover{ filter:alpha(opacity=80);opacity:0.8;-webkit-transform:scale(1.5) rotate(10deg); 
-moz-transform:scale(1.5) rotate(10deg); 
-o-transform:scale(1.5) rotate(10deg);  }
#proUL li .pic_01 img{ max-width:283px; height:212px;}
#proUL li .pic_02{ width:253px; height:25px; line-height:25px; margin-top:9px; padding-left:15px;} 
#proUL li .pic_02 a{color:#2E2323; font-size:14px; font-weight:bold;}
#proUL li .pic_02 a:hover{ color:#004390;}
#proUL li .pic_03{ width:253px; height:48px; line-height:24px; margin-top:6px; padding-left:15px; color:#676161;}
#proUL li .pic_04{ width:253px; padding-left:15px; height:26px; margin-top:15px;}
#proUL li .pic_04 a{ width:82px; height:26px; float:left; margin-left:15px;}
#proUL li .pic_04 a:hover{ filter:alpha(opacity=80);opacity:0.8;}
#proUL li a.pic_04a1{ background:url(../images/pro_icon1.jpg) no-repeat;}
#proUL li a.pic_04a2{ background:url(../images/pro_icon2.jpg) no-repeat; margin-left:50px;}

#piclist{ margin-top:15px;}
#piclist li{ position:relative; padding:10px; height:218px;}
.lpic_01{ width:289px; height:218px; position:absolute; top:0px; left:0px;}
.lpic_01 a{width:283px; height:212px; padding:2px; border:solid 1px #999999; float:left; }
.lpic_01 a img{ max-width:283px; height:212px;}
.lpic_01 a:hover{ background:#1B77C2; border:solid 1px #1B77C2;}
.lpic_02{ width:580px; position:absolute; top:0px; right:0px; height:45px; line-height:45px; font-size:16px; font-weight:bold; }
.lpic_02 a{ color:#D1D3D4;}
.lpic_02 a:hover{ color:red;}
.lpic_03{ width:580px;position:absolute; top:50px; right:0px; line-height:27px; color:#666; font-size:14px; }
/*产品栏目*/
.product_list li{width:33.3%;float:left;margin-bottom:7px;}
.product_list li a.img{width:220px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.product_list li a.img img{vertical-align:middle;}
.product_list li a.img:hover{border:1px solid #F90;}
.product_list li p.info{width:222px;line-height:30px;}
.product_list li p.info span{font-family:Verdana;color:#d94f44;float:right;}
.product_list li p.info a{float:left;color:#555;}

/*案例样式*/
.caselist li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;clear:both;}
.caselist li p.preview{display:block;width:100px;height:80px;float:left;margin-right:12px;}
.caselist li p.desc{padding:0 10px;line-height:20px;color:#999;}
.caselist li a.img{width:100px;height:80px;margin:0 0 0 10px;padding:1px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:70px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.caselist li a.img:hover{border:1px solid #ff9900;}
.caselist li a.img img{vertical-align:middle;}
.caselist li a.type{color:#ff9900;font-weight:bold;}
.caselist li a.title{font-weight:bold;font-size:12px;color:#333;}
.caselist span{display:block;line-height:22px;font-family:Arial;color:#666;}
.caselist span small{font-size:12px;margin-right:10px;}

/*软件下载*/
.softlist li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee;clear:both;font-family:Verdana;}
.softlist li .preview{float:left;margin-right:10px;}
.softlist li .preview .img{width:50px;height:50px;padding:1px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:29px;*font-family:Arial;overflow:hidden;}
.softlist li .preview .img img{vertical-align:middle;}
.softlist li .cont{float:left;}
.softlist li .title{font-weight:bold;}
.softlist li .cont_area{float:left;width:500px;}
.softlist li .size{padding-left:8px;font-size:10px;}
.softlist li .desc{display:block;line-height:20px;}
.softlist li .dl_btn{float:right;width:67px;height:26px;line-height:26px;background:url(../images/bkgnormal.png) no-repeat;text-align:center;margin-top:12px;}
.softlist li .dl_btn:hover{background:url(../images/bkghover.png) no-repeat;text-decoration:none;}
.softlist li .dl_btn:active{background:url(../images/bkgdown.png) no-repeat;}

/*列表内容页*/
.listConts{line-height:26px;color:#666;}
.listConts .title{font-size:24px;text-align:center;line-height:40px;color:#000;}
.listConts .info{width:500px;height:27px;line-height:28px;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.listConts .info small{margin-left:8px;margin-right:3px;color:#999;font-size:12px;}
.listConts .info .small,.info .big{font-family:Georgia;font-weight:bold;cursor:pointer;}
.listConts .info .small{font-size:10px;padding-right:3px;}
.listConts .info .big{color:#003ba6;padding-left:3px;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #f4e4b4;background:#fffff0;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #B20011;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}

#textarea table {
    width:900px!important;
    margin:20px auto;
    border-width:1px;
    font-family: verdana,arial,sans-serif;
    color:#333;
    border-color: #eee !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
#textarea table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #eee !important;
    background-color: #dedede;
}
#textarea table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #eee !important;
}
#textarea table td a { text-decoration:underline; color: #333;}

/*软件内容页*/
.softConts{position:relative;line-height:26px;color:#666;}
.softConts .view{top:40px;right:0;position:absolute;}
.softConts .pic{width:82px;height:82px;background:url(../images/soft_logo_bg.png) no-repeat;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:75px;*font-family:Arial;}
.softConts .pic img{width:72px;height:72px;vertical-align:middle;}
.softConts .title{padding-bottom:6px;font-weight:bold;}
.softConts .title .softname{font-size:30px;color:#000;}
.softConts .title .green{font-size:14px;color:#44AC05;}
.softConts .info span{color:#000;}
.softConts .tabs{border-bottom:1px solid #ccc;height:28px;margin-bottom:15px;}
.softConts .tabs li{float:left;margin-right:5px;}
.softConts .tabs li a{width:83px;height:29px;display:block;text-align:center;line-height:29px;font-size:12px;font-weight:bold;}
.softConts .tabs li a:hover{text-decoration:none;}
.softConts .tabs li.active a{background:url(../images/soft_tabs_on.png) no-repeat;}
.softConts .tabs li.normal a{background:url(../images/soft_tabs.png) no-repeat;}

#company_main{ line-height: 35px; font-size: 16px; }
#company_main strong{ font-size: 25px; }
/*招聘详细*/
.jobConts{line-height:30px;color:#666;}
.jobConts .line{background:#ccc;height:1px;overflow:hidden;font-size:0;margin:10px 0;}
.jobConts .jobdesc{background:#f5f5f5;padding:10px;color:#333;}
.jobConts strong{color:#333;}

/*留言栏目*/
.msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;}
.message_block{color:#666;}
.message_block p{padding:12px;}
.msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}
.message_labes{font-size:14px;}
.message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;}
.message_title h2{color:#376b88;font-size:14px;float:left;}
.message_title span{float:right;font-weight:bold;color:#999;}
.message_info{color:#8ea6b6;text-align:right;}
.message_replay{background:#f5f5f5;padding:0 12px;}
.msg_btn_area{margin:16px 0;text-align:right;}
.msg_btn_area a{display:inline-block;padding:5px 15px;background:#09F;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;}
.msg_btn_area a:hover{text-decoration:none;background:#F60}
.msgflag{margin-left:4px;font-size:12px;color:#900;}

/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:685px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle;}
.picarr .preview li.current a{border:1px solid #000;}

/*详细页功能区*/
.preNext{position:relative;}
.preNext .line{height:10px;overflow:hidden;clear:both;background:url(../images/box_dotline.gif) left 15px repeat-x;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.preNext .text{color:#999;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(../images/actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -73px;}
.preNext .actBox li#act-pnt{background-position:4px -109px;}
.ptextarea{ line-height:28px; text-indent:2em; }
.goods-tab{ margin-top:20px; width:920px;}
.goods-tab .tab-head{width:918px; height:40px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; }
.goods-tab .tab-head ul li{ float:left; border-right:1px solid #e8e8e8; }
.goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:40px; line-height:40px; color:#555; font-size:14px; }
.goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background:#0089cd; }
.pro_pagep1{ height:41px; line-height:41px; border-bottom:solid 1px #E8E8E8; font-size:16px; color:#0079CC; font-weight:bold;}
.tab-content{ margin-top:15px; font-size:14px;}
.porder_ul{ margin-top:5px;}
.porder_ul li{ margin-top:10px;}
.porder_ul li input{ border:0px; cursor:pointer;font-size:14px; border:solid 1px #E8E8E8; padding:10px;  -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */}
.porder_ul li textarea{ border:0px; cursor:pointer;font-size:14px; border:solid 1px  #E8E8E8; padding:10px;  -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */}
.pmsg_input{ width:500px; height:25px; line-height:25px;}
.pmsg_input_on{ border:solid 1px #0079CC;width:500px; height:25px; line-height:25px;}
.pmsg_input2{ width:500px; height:149px; line-height:47px; }
.pmsp1{ height:35px; line-height:35px; color:#78A3C4;}
.pmsg_input3{ width:120px; height:25px; line-height:25px; float:left; padding:0px;}
.pmsg_input3_on{ width:120px; height:25px; line-height:25px; float:left;padding:0px;  border:solid 1px #0079CC; }
.pmimg{ height:45px; }
.pma1{ height:45px; line-height:45px; color:#78A3C4;}
.pmbtn{ width:170px; height:45px; line-height:45px; background:#227ECB; color:#fff; text-align:center; margin-left:15px;}
.pmbtn:hover{ background: #f08d00; color: #fff; }
/*评论样式*/
.commnet{margin:20px 0 30px;padding:8px 0 0 8px;background:url(../images/commnet_bg.png) repeat-x;border:1px solid #ccc;border-radius:3px;}
.commnet textarea{width:100%;height:59px;border:none;background:transparent;outline:none;font-size:14px;color:#999;overflow:auto;}
.commnet .toolbar{padding-top:8px;_padding-top:5px;*padding-top:5px!important;height:30px;line-height:30px;overflow:hidden;}
.commnet .options{float:left;}
.commnet .button,
.commnet .button_on{float:right;width:100px;height:30px;border:none;border-left:1px solid #ccc;font-size:14px;font-weight:bold;cursor:pointer;}
.commnet .button{background:url(../images/commnet_btn_bg.png) repeat-x;}
.commnet .button_on{background:url(../images/commnet_btnon_bg.png) repeat-x;}
.commlist{margin-top:20px;}
.commlist li{border-bottom:1px solid #eaeaea;word-wrap:break-word;}
.commlist li p{line-height:20px;color:#999；}
.commlist li span.uname{color:#D32;font-family:Verdana;font-weight:bold;}
.commlist li span.time{color:#bbb;}
.commnum span{display:inline-block;width:70px;margin-top:20px;line-height:24px;border:1px solid #ccc;background:#f5f5f5;border-radius:3px;text-align:center;}
.commnum span i{color:#900;font-family:Verdana;font-weight:bold;}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #227ECB;background:#227ECB;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}


/*在线客服*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.kf{width:127px;border:1px solid #51b5f0;position:fixed;top:45%;right:0;background:url(../images/kf_ico.png) no-repeat 7px 10px #1a98d5;min-height:50px;_height:auto!important;_height:50px;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||130)-(parseInt(this.currentStyle.marginBottom,10)||130)));}
.kf_r{margin-left:37px;background:#16a2dd;color:#fff;text-align:center;padding:10px 0 10px;}
.kf_r img{margin-bottom:5px;}

/*页面加载css*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999999999;
}

.spinner {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	-webkit-animation: rotatee 2.0s infinite linear;
	animation: rotatee 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #0a9fd8;
	border-radius: 100%;
	-webkit-animation: bouncee 2.0s infinite ease-in-out;
	animation: bouncee 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatee {
	100% {
		transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes bouncee {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes bouncee {
	0%, 100% {
		transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
}