@charset "gb2312";
/* CSS Document */
.topbox{ height:40px; border-bottom:1px solid #d3d3d3;}
.top_nr{ width:1200px; margin:0 auto; height:40px; line-height:40px; color:#803b94; font-size:12px;}
.top_nr span{ float:right;}
.top_nr span a{ padding:0 10px; color:#803b94; font-size:12px;}
.logobox{height:122px; border-bottom:1px solid #d3d3d3; }
.top{ width:1200px; margin:0 auto; }
.logo{ width:574px; height:78px; float:left; margin:22px 0;  }
.logoright{ width:150px; padding-left:60px; height:50px; line-height:50px; float:right; background:url(../images/tel.png) no-repeat top left; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#803b94; margin-top:32px;}

.button {-webkit-transition: .25 all;-moz-transition: .25 all;-ms-transition: .25 all;-o-transition: .25 all;    transition: .25 all;    display: inline-block;    font-size: 16px;    padding: 5px 30px;    border-radius: 10px;}
.button:hover {    opacity: .8;}

.part-sshd .for-more {    border: 1px solid #fff;    color: #fff;}
.btn-red {    background: #920482;    color: #fff;    color: #fff !important; margin-top:15px;}

/*======================== nav ======================== */
.nav_wai{ width:100%; height:56px;}
.nav{ width:1200px; margin:0 auto;  position:relative; z-index:30; }

.nav ul li{ float:left; }

/* µ¼º½ */
#navigation, #navigation li ul {list-style-type:none;}

#navigation {width:1200px; }

#navigation li {float:left;  padding:0px 5px; font-size:16px; position:relative; width:159px; }
#navigation li a.dot01{background:url(../images/arrow-downs.png) #803b94 125px center no-repeat; color:#FFF;}
#navigation li a.dot02{background:url(../images/arrow-down.png) 125px center no-repeat;color:#000;}
#navigation li a{display:block;text-decoration:none; color:#000; height:56px;line-height:56px;  text-align:center; letter-spacing:3px;}

#navigation li a:hover {color:#fff; background:#803b94; text-align:center;}
#navigation li a.dot01:hover {color:#fff; background:url(../images/arrow-downs.png) #803b94 125px center no-repeat;display:block; height:56px;}

#navigation li ul.nav {display:none; position:absolute; top:55px; margin-top:1px; width:149px;  font-size:12px; background:#9851ac; min-height:65px; padding:0px 5px; }

#navigation li ul li {clear:both; font-size:12px; font-weight:normal; border-bottom:1px dotted #d6a5e4 ;width:132px; }

#navigation li ul li a { background:none;  color:#fff;height:46px;line-height:46px; font-size:15px;}

#navigation li ul li a:hover { background:none; text-decoration:underline;color:#fff;}


/*======================== banner ======================== */

.bannerpic{ width:100%;  height:287px;overflow:hidden; min-width:1200px; background:#000;}
.flexslider{position:relative;height:287px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; min-width:1200px;}
.slides{position:relative;z-index:1;}
.slides li{height:287px;overflow:hidden;}
.slides li a{ height:287px; width:100%; display:block;overflow:hidden;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:18px;height:5px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:18px;height:5px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.main{width:1200px; margin:0 auto;}
.so_L{ height:50px; line-height:50px; float:left;}
.so_R{ height:40px;  float:right; margin-top:10px;}
.so_R .box {display: block;float: left;height: 27px;width: auto;}

.mail01{width:100%; height:380px; background:#ececec; padding:20px 0;}
.tj_t{ width:1200px; margin:0 auto;padding-top:10px;}
.tj_t .T{ background:url(../images/t_1.png); height:55px; }

.xwtp_nr{ width:1200px; margin:10px; margin-bottom:0px; padding-left:2px;}
.xwtp_nr .part-content-left {width: 440px; float:left; font-size:16px; color:#666666; line-height:26px;}
.xwtp_nr .part-content-right {width: 700px;height: 300px; border-radius: 3px;overflow: hidden; float:right;}
.xwtp_nr .info:after{content: '';    position: relative;    display: block;    margin: 10px 0;    width: 50px;height: 2px;    background: #999;}

.M_tit{ margin:40px 0; text-align:center; }
.M_tit a{ font-size:30px; color:#000; line-height:30px;}
.M_tit a:hover{ text-decoration:none;}
.M_tit m{ width:75px; margin:20px auto; height:3px; line-height:3px; display:block; background:#803b94;}
.M_tit .M_js{ font-size:16px; color:#ababab; line-height:18px;}

/*=========================products=====================*/

.main_03{width:1200px; margin:0 auto; padding-top:20px;}
.cpzs-left {
    position: relative;
    z-index: 2;
}
.cpzs-right {
    position: relative;
    z-index: 1;
}
.left-nav {
    float: left;
    height: auto;
    min-height: 520px;
    width: 248px;
    padding-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    opacity: 0.98;
    filter: "alpha(opacity=98)";
    -ms-filter: "alpha(opacity=98)";
}
.tt {
    height: 50px;white-space: nowrap; 
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    color: #666;
    margin-left: 10px;
    margin-right: 10px;
}
.tt-bottom {
    position: relative;
    font-size: 16px;
    height: 51px;
    overflow: hidden;
    border-bottom: 1px solid #E2E2E2;
}
.tt-bottom .square {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #803b94;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.tt-icon-m {
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    height: 50px;
    overflow: hidden;
}
.cptx-list {
    /*width: 220px;*/
    margin: 24px 14px 0; margin-top:0px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 12px;
    border: 1px solid #cecece;
}
.cptx-list .item a {
    width: auto;
    height: 30px;
    padding-right: 8px;
    padding-left: 8px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
   
}

.cptx-list .item on{ color: #FB6C01;}
.cplist-box {
    float: left;
    width: 930px;
    height: auto;
    min-height: 440px;
    padding-bottom: 20px;
    margin-left: 14px;
    overflow: hidden;
}
.tt .location-a {
    float: right;
    font-size: 12px;
    margin-top: 15px;
    height: 22px;
    line-height: 22px;
    padding-right: 0px;
    color: #999999;
}
.tt .location-a a {
    display: inline-block;
    color: #999;
    height: 20px;
    line-height: 20px;
    width: 42px;
    text-align: center;
    border: 1px solid #D3D6D9;
    border-radius: 12px;
    transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.tt .location-a a:hover {
    color: #803b94;
    border: 1px solid #803b94;
}
.tt-icon-h {
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    height: 50px;
    overflow: hidden;
}
.tt .location_a_n {
    float: right;
    font-size: 12px;
  
    padding-right: 0px;
    color: #999999;
}
.tt .location_a_n a {color: #999;}
.tt .location_a_n a:hover {color: #803b94;}

.cplist-wrap {
    width: 930px;
    clear: both;
    float: none;
    height: auto;
    padding-left: 15px;
    overflow: hidden;
}
.cp-list {
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-bottom: 5px;
}
.cp-list .item {
    width: 202px;
    height: 202px;
    overflow: hidden;
    text-align: center;
    float: left;
    padding-top: 14px;
    margin-right: 30px;
}
.cp-list .item>a {
    position: relative;
    overflow: hidden;
    width: 99%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    display: table;
    max-height: 200px;
    border: 1px solid #E7E7E7;
    background: #fff;
    box-sizing: border-box;z-index:1;
}
.cp-list .item>a figure {
    position: relative;
    margin: 0;
    height: 202px;
}
.cp-name {
    text-decoration: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 12px;
    /*color: #FFF;*/
    line-height: 36px;
    background: rgb(226, 226, 226) none repeat scroll 0% 0%;
    background: #000\9;
    filter: Alpha(opacity=60);
    display: block;
    height: 36px;
    width: 100%;
}
.cp-list .item figure img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.cp-list .item>a:hover {
    border-color: #803b94;
}
.cp-list .item>a:hover .cp-name {
    color: #fff;
    background-color: #803b94;
}
.chakan {
    display: none;
    position: absolute;
    height: 24px;
    width: 24px;
    bottom: 50%;
    left: 44%;
    background: url(../img/chakan.png) 0px 0px no-repeat;
    z-index: 9;
}
.cp-list .item>a:hover .chakan {
    display: block;
}

/*======================== news ======================== */
.pro_t{ background:url(../images/dot2_b.jpg) repeat-x top; height:89px;}
.pro_t_m{ background:url(../images/dot2.jpg) no-repeat; width:88px; margin:0 auto; height:89px;}
.pro_t2{ background:url(../images/dot3_b.jpg) repeat-x top; height:89px;}
.pro_t2_m{ background:url(../images/dot3.jpg) no-repeat; width:88px; margin:0 auto; height:89px;}

.Newsbox{width:100%;margin-top:50px;}
.main2{background:#f0f1f3; }
#xwdt {  padding: 0 0 80px;}
.xwdt-wrap {padding: 0 20px;overflow: hidden;}
.xwdt-title {padding: 0 0 25px;color: #333;text-align: center;}
.xwdt-title h1 {position: relative;font-size: 25px;font-weight: normal;}
.xwdt-title h1::after {content: '';display: block;position: relative;width: 2em;border: 1px solid #2d8dc9;margin: 8px auto 0;
}
.xwdt-left {width: 535px;margin-right: 90px;}
.xwdt-right {width: 535px;}
.xwdt-tt {overflow: hidden;}
.xwdt-tt .title {   float: left; position: relative;padding: 6px 14px 7px;font-size: 16px;font-size: 1.6rem;text-align: center;color: #fff;   background: #803b94;}
.xwdt-tt .more {float: left;margin-top: 39px;margin-left: 15px;font-size: 12px;font-size: 1.2rem;color: #727272;}
.xwdt-list{ margin-top:20px;}
.xwdt-list .item {overflow: hidden;}
.xwdt-list .date {float: left;margin-right: 15px;font-size: 12px;
color: #803b94;}
.xwdt-list .item {padding: 10px 10px;border-bottom: 1px solid #d9d9d9;}
.xwdt-list .wxdt-info {float: left;max-width: 465px; font-size: 12px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; 
overflow:hidden;}
.xwdt-list .wxdt-info a {color: #000; font-size:14px;}
.xwdt-list .wxdt-info a:hover{ text-decoration:underline;}
#zzzs {padding: 10px 0 40px;}
.zzzs-list {overflow: hidden;}
.zzzs-list .item {float: left;width: 12.88%;margin: 0 .7%;border: 1px solid #d7d7d7;border-radius: 5px;box-sizing: border-box;}
.zzzs-list .item .zzzs-img {margin: 6.6%;overflow: hidden;}

#tjcp {padding: 10px 0 70px;}

#xwdtWrap {width: 1090px;margin: 0 auto;overflow: hidden;}

/*======================== cases ======================== */

#zzzs {padding: 10px 0 40px;}
.zzzs-list {overflow: hidden;}
.zzzs-list .item {    float: left;    width:18%;    margin: 0 .7%;    border: 1px solid #d7d7d7;    border-radius: 5px;    box-sizing: border-box;}
.zzzs-list .item .zzzs-img {margin: 6.6%; overflow: hidden;}

#hzdw {padding: 10px 0 40px;}
.hzdw-list {overflow: hidden;}
.hzdw-list img{ height:53px;}
.hzdw-list .item {    float: left;    width: 170px; height:100px; text-align:center; line-height:37px; margin: 0 .9%;    border-radius: 5px;    box-sizing: border-box;}
.hzdw-list .item .zzzs-img {width: 170px; height:60px;overflow: hidden;}
.hzdw-list .item a:hover{ text-decoration:underline;}



#yqlj {
    padding: 14px 0;
    background: #f7f7f7;
}
#yqlj .yqlj-box {
    min-width: 1200px;
    border: 1px solid #DEDCDD;
}
.block_title_a {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    padding-left: 30px;
    color: #535353;
    background: url(/cn/images/link.gif) no-repeat 10px 13px;
    border-bottom: 1px dashed #D8D8D8;
}
.linkbox {
    padding: 12px 0 0 0;
}
.linkbox span {
    line-height: 22px;
    white-space: nowrap;
    display: block;
    height: 22px;
    padding-right: 12px;
    padding-left: 12px;
    float: left;
    font-size: 12px;
}
.home-pic-list {
    overflow: hidden;
}
/*======================== footer ======================== */
.footerall {
    height: auto;
    width: 100%;
    overflow: hidden;
    background-color: #2a2a2a;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}
.footer {
    height: auto;
    width: 1200px;
    overflow: hidden;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #3F4143;
    margin-right: auto;
    margin-left: auto;
}
.footer_first { margin-left:20px;
    line-height: 24px;
}
.footer_first, .footer_second, .footer_third, .footer_fourth {
    float: left;
    color: #8d8d8e;
    width: 280px;
    margin-right: 20px;
    line-height: 24px;
}
.footer_third{ width: 300px;}
.footer_fourth {
    margin-right: 0px;
    width: 240px;
}
.footer h1 {
    font-size: 16px;
    color: #cac9c9;
    line-height: 32px;
    border-bottom: 1px solid #3f4143;
    margin: 10px 0px;
    padding: 10px 0px;
}
.footer .wxbg{ background:url(../images/wxbg.jpg)  70px center no-repeat;}
.footer_box .zk_f {
    height: auto;
    width: 1200px;
    padding-top: 2px;
    text-align: center;
}
.footer_box .zk_f a {
    color: #666;
}
.footerall .footer_first .ljxq_btn:hover {
    color: #E66300;
    border: 1px solid #E66300;
}
.footerall .footer_first .ljxq_btn {
    font-family: "ËÎÌå";
    display: block;
    color: #8D8D8E;
    height: 24px;
    line-height: 24px;
    width: 90px;
    margin: 12px 0px;
    text-align: center;
    border: 1px solid #8D8D8E;
    border-radius: 12px;
    -moz-radius: 12px;
    -webkit-radius: 12px;
    -ms-radius: 12px;
}
.footerall .footer_second .a_first {
    font-size: 14px;
    color: #CAC9C9;
    line-height: 32px;
}
.footerall .footer_second ul li.title {
    display: block;
    width: 100%;
}
.footerall .footer_second ul li {
    float: left;
    width: 100%;
    overflow: hidden;
}
.footerall .footer_second ul li a {
    display: block;
    text-align: left;
    line-height: 24px;
}
.footerall a:hover{ text-decoration:underline; color:#FFF;}
.footerall .footer_third .zxly_btn {
    font-family: "ËÎÌå";
    display: block;
    color: #8D8D8E;
    height: 24px;
    line-height: 24px;
    width: 90px;
    margin: 12px 0px;
    text-align: center;
    border: 1px solid #8D8D8E;
    border-radius: 12px;
    -moz-radius: 12px;
    -webkit-radius: 12px;
    -ms-radius: 12px;
}
.footer a {
    color: #8d8d8e;
}
.erweima_weibo {
    margin-right: 20px;
}
.erweima_title {
    height: auto;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 4px;
}
.a_icon {
    display: inline-block;
    width: 18px;
    height: 16px;
    vertical-align: text-bottom;
    font-style: normal;
    overflow: hidden;
    background: url(../imaes/icon.png) no-repeat;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.f_weibo_icon {
    background-position: -72px 0;
    padding-right: 4px;
    margin-right: 4px;
    border-right: 1px solid #464749;
}
.f_weixin_icon {
    background-position: -72px -21px;
    padding-right: 4px;
    margin-right: 4px;
    border-right: 1px solid #464749;
}
.erweima_weixin { padding-top:25px;}
.erweima_box{ font-weight:bold; height:50px; line-height:50px;}
.footerall .zk_f {
    height: auto;
    padding-top: 2px;
    text-align: center;
    color: #666;
    /*color: #a3a3a3;*/
}
.jiathis_button_tsina{ background:url(../images/fx01.png);}