@charset "utf-8";
body {margin:0px; padding:0px; font-size:12px; color:#8e8e8e; line-height:25px;font-family:'微软雅黑' }
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none;}
img{ border:none; vertical-align:middle;}
a{ color:#8e8e8e; text-decoration:none;}
a:hover{ color:#00a6ec;}
.clear{ clear:both;}
input,textarea{ outline:0; resize:none;}
input{ margin:0; padding:0;}
.auto{ margin:0 auto; width: 1100px; }
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.yahei{ font-family:'微软雅黑'}

.header{ height:106px;}
.nav{ width: 580px; height:106px;}
.nav ul li{ height:106px; line-height:106px; width:72px; text-align:center; float:left; margin: 0 0px;  display:inline;}
.nav ul li.last{ margin-right:0;}
.nav ul li a{ display:block; width:72px; height:106px; font-size:14px;}
.nav ul li a:hover,.nav ul li a.cur{ background:url("../images/index_05.jpg") no-repeat center bottom #00a6ec; color:#fff;}

.about{ margin: 25px auto 10px;}
h2.yahei{ text-align:center; background:url("../images/index_19.jpg") no-repeat center; padding: 10px 0 30px;}
h2 .china{ font-size:24px; color:#818181; font-weight:normal}
h2 .eng{ font-size:18px; color:#00a6ec; font-weight:normal; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
.about_l{width:502px;font-size: 16px;line-height: 31px;color:#747474}
.about_r{ width: 587px;}
.img2_1{ display:block; margin-bottom:6px;}
.more{ padding:30px 0; text-align:center;}
.more a{ display:block; width:162px; height:42px; line-height:42px; font-size:18px; border:1px solid #00a6ec; border-radius:8px; margin:0 auto;}
.more a:hover,.more a.cur{ background:#00a6ec; color:#fff; transition:all ease-in 0.2s;}

.pro{ position:relative;}

.pro_list{ /*width:940px;*/ margin:0 auto;}
.pro_list li{ position:relative; width: 246px; /* height: 246px; */ float:left; margin-right:18px; display:inline;}
.pro_list li span{ position:absolute;/* left:10px; top:0; */left: 0px; top: 0px;z-index:2; background:rgba(0,0,0,0.3) !important; /*width:221px; height:267px;*/width: 241px; height: 241px;filter:Alpha(opacity=30); background:#000; display:none;transition:all ease-in 0.2s; }
.pro_list li:hover span{ display:block; transition:all ease-in 0.2s;}
.pro_list li span a{ display:block; line-height: 177px; text-align:center; font-size:14px; color:#ffffff; position:relative;}
.pro_list li.last{ margin-right:0;}
.prev,.next{ position:absolute; top:80px;}
.prev{ left:-30px;}
.next{ right:-30px;}


.newlist{}
.newlist li{ width: 244px; /* height: 304px; */ float:left; margin-right:40px; display:inline;}
.newlist li span{ font-size: 14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#4c4c4c}
.newlist li .li_img{ width: 244px; /* height: 204px; */}

.patner{ margin-bottom: 30px;}
.partnerlist .li_img{height:0px;}
.partnerlist li{ width:235px; height:141px; float:left; margin-right:18px; display:inline;}

.footer{ width:900px; margin:0 auto;}
.footer dl{ width:95px; float:left; margin:0 26px; padding-bottom:30px; _display:inline;}
.footer dl dt a{ font-size:16px; color:#191919; border-left:5px solid #00a6ec; line-height:22px; padding-left:6px;}
.footer dl dd{ font-size:14px;}
.copy{ font-size:14px; background:#dfdfdf; color:#6b6b6b; line-height:50px;}

.detail_title{ text-align:center; line-height:200%;}
/*neiye*/
.main{ margin:20px auto 60px;}
.mai_l{ width:223px;}
.mai_l h3{ font-size:14px; color:#fff; background:url("../images/nye_05.jpg") no-repeat left top; height:30px; line-height:30px; padding:0 20px;}
.item_list{ border-left:1px solid #e0e3e2; border-right:1px solid #e0e3e2; padding-top:10px;}
.item_list li{ width:196px; height:30px; line-height:30px; text-align:center; background:url("../images/nye_12.jpg") no-repeat center; margin:0 auto 10px; border:1px solid #dbdbdb}
.item_list li a{ display:block; color:#848484; font-family:'宋体'}
.item_list li a:hover,.item_list li a.cur{ background:url("../images/nye_09.jpg"); color:#dbdbdb;}
.bg{ height:10px; background:url("../images/nye_15.jpg") no-repeat left top; margin-bottom:15px;}
.con_img{ display:block; margin:0 auto;}
.contact p{ color:#535353; padding:0 10px;}
.contact h4{ font-size:14px;color:#535353; padding:0 10px;}



.main_r{ width: 860px;}
.location{ height:40px; line-height:40px; background:url("../images/nye_06.jpg") repeat-x; padding:0 10px; border-radius:8px; border:1px solid #dbdbdb; font-size:14px;}
.location span{ font-size:12px;}
.pro_list1{ padding-top:10px;}
.pro_list1 li{ width: 265px; height: 275px; float:left; line-height:34px; text-align:center; font-size:14px;  padding: 10px 10px 10px 10px;}
.pro_list1 li a{ color:#646464}
.pro_list1 .li_img{border: 3px solid #808080;}
.li_img{ /* width: 269px; */ /* height: 268px; */display:table; text-align:center; *position:relative; *overflow:hidden;}
.li_img a{display:table-cell; vertical-align:middle; text-align:center; *position:absolute; *left:50%; *top:50%;}
.li_img a img{*position:relative; *left:-50%; *top:-50%;height: 241px;width: 241px;}
.last{padding-right: 0;}


/*prod*/
.prod{ padding-top:20px;font-family:'宋体';}
.prod_l{ width:338px; height:374px;display:table; text-align:center; *position:relative; *overflow:hidden;}
.prod_l span{display:table-cell; vertical-align:middle; text-align:center; *position:absolute; *left:50%; *top:50%;}

.prod_l span img{*position:relative; *left:-50%; *top:-50%;}

.prod_r{ width:400px;}
.prod_r h1{ font-size:26px; color:#24b2ef; font-weight:normal; padding:30px 0; line-height:35px;}
.prod_con{  line-height:30px;}

.prod_tit{ font-size:18px; margin:30px 0; color:#00a6ec}


.z_body{padding: 15px;line-height: 200%;}
.left_lx{padding:10px;}
.newss{padding: 20px;}
.newss li{line-height: 35px;height:35px;border-bottom: 1px dashed #dbdbdb;}
.newss li span{float: right;}
.detail_page h2{background:none;}


.nt_con{ margin-top:21px;}


.wt_box{ float:left;}
.wt_box .wt_top{ padding-left:14px; background:url(/images/fyImg.png) no-repeat left center; margin-bottom:15px;}
.wt_box .wt_top a{font-size:18px; color: #00A8EE;}
.wtjd{ width:306px; height:376px; border:1px solid #e8e8e8; background:#fff; overflow:hidden;}
.wtjd dl{ margin:11px 8px 0 9px; padding-bottom:13px; border-bottom:1px solid #cbcbcb; font-size:12px; color:#666;}
.wtjd dl dt{ background:url(/images/wenImg.png) no-repeat left center;  padding:2px 0 2px 30px;}
.wtjd dl dd{ background:url(/images/daImg.png) no-repeat left 5px; padding-left:30px; margin-top:12px; line-height:20px;}
.ntzx{ width: 758px; float:right;}
.zx_top{ overflow:hidden;}
.zx_top a{ display:block; float:left; width:117px; height:35px; text-align:center; 
           line-height:35px; font-size:16px; color:#fff;background:#4d4d4d; margin-left:4px;}
/*.zx_top .zx_top_a1{ background:#0065ce;}*/
.zx_top a.cur , .zx_top a:hover{background: #04A5EB;}
/*.zx_top .zx_top_a2{ background:#4d4d4d; margin-left:4px;}*/
.zx_com{ width: 756px; height:376px; background:#fff; border:1px solid #e7e7e7;}
.zx_com dl{ margin-top:20px; margin-left:14px; overflow:hidden;}
.zx_com dl dt{ padding:9px; border:1px solid #eaeaea; float:left;}
.zx_com dl dd{margin-left:271px; }
.zx_com dl dd  h4 a{font-size:14px; color: #09A7FE; }
.zx_com dl dd  h4{padding-top:20px; }
.zx_com dl dd p{ width:360px; height:104px; font-size:12px; color:#666; line-height:22px; margin-top:15px;}
.zx_com dl dd .gdxq{ display:block; width:69px; height:21px; text-align:center; line-height:21px; font-size:12px; color:#fff; margin-top:32px; background:#666;}
.zx_com ul{ margin-left:15px; width: 726px; margin-top:20px; overflow:hidden;}
.zx_com ul li{ float:left; /* margin-bottom:12px; */ width:50%;}
.zx_com ul li a{}
.zx_com ul li em{ float:right; margin-right:20px;}
.ybdw{ background:url(/images/blbg.png) no-repeat 20px 20px; margin-top:49px;}
.ybdw h3{ font-size:26px; color:#666; margin-left:369px;}
.ybdw h5{ font-size:20px; color:#0065ce; margin-top:10px; margin-left:435px;}
.gg_box7{ margin:53px auto 66px auto; width:851px;}


.MyPage {
	TEXT-ALIGN:right; margin:10px 0px 10px 0px;height:20px;
}
.MyPage li{
	float: left; margin:10px 0px 10px 0px;
}
.thisclass{padding:0 9px;}
.MyPage A {padding:5px 10px 5px 10px;background-color:#FBFBFB; border:1px solid #E8E8E8; color:#8A8A8A;margin-right:2px;text-decoration:none;}
.MyPage A:hover {padding:5px 10px 5px 10px;background-color:#078BEF; color:#FFFFFF;margin-right:2px;text-decoration:none;}
.MyPage A:active {padding:5px 10px 5px 10px;background-color:#078BEF; color:#FFFFFF;margin-right:2px;text-decoration:none;}
.MyPage span.current {padding:5px 10px 5px 10px;background-color:#078BEF; COLOR: #fff; margin-right:2px;text-decoration:none;}
.MyPage SPAN.pageinfo {padding:5px 10px 5px 10px; color:#383838; margin-right:2px;}


/*pc-kefu*/

.kf-shqi {
    width: 100%;
    height: 40px;
}

    .kf-shqi .m-icon:hover {
        opacity: 1;
    }

.gr_kefu.show .m-icon {
    transform: rotate(0);
}

.gr_kefu {
    position: fixed;
    width: 50px;
    height: 154px;
    right: 0;
    top: 50%;
    margin-top: -77px;
    z-index: 100;
}

    .gr_kefu ul li {
        width: 50px;
        height: 50px;
        position: relative;
        margin-bottom: 1px;
        font-size: 14px;
        line-height: 50px;
    }

        .gr_kefu ul li .sidebox {
            position: absolute;
            width: 50px;
            height: 50px;
            top: 0;
            right: 0;
            transition: all 0.3s;
            color: #fff;
            background: #1c86f3;
            overflow: hidden;
            opacity: .7;
        }

        .gr_kefu ul li.kf2 .sidebox {
            overflow: visible;
        }

        .gr_kefu ul li .sidebox:hover {
            opacity: 1;
        }

        .gr_kefu ul li .sidebox3 {
            font-size: 16px;
        }

    .gr_kefu .kf-icon {
        float: left;
        width: 50px;
        height: 50px;
        font-size: 26px;
        text-align: center;
        line-height: 50px;
    }

    .gr_kefu .kf_wx {
        position: absolute;
        top: 0;
        left: -140px;
        width: 110px;
        display: none;
        background: #fff;
        border: 1px solid #dadada;
        padding: 14px;
        line-height: 20px;
        color: #333;
        text-align: center;
        display: none;
    }

        .gr_kefu .kf_wx img {
            display: block;
            width: 110px;
            height: 110px;
            margin-bottom: 5px;
            float: none;
            margin-right: 0;
            padding-right: 0;
        }

    .gr_kefu .qq {
        height: 0;
        position: relative;
        z-index: 2;
    }

        .gr_kefu .qq .sidebox {
            border: 1px solid #78be21;
            height: auto;
            border-radius: 5px 0 0 5px;
            width: 140px;
            background: #fff;
            opacity: 1;
            bottom: -50px;
            top: auto;
            text-align: center;
            padding-bottom: 5px;
            right: -150px;
        }

        .gr_kefu .qq h5 {
            height: 35px;
            line-height: 35px;
            background: #78be21;
            font-weight: normal;
            color: #fff;
            font-size: 14px;
            padding: 0 10px;
            text-align: left;
            margin-bottom: 10px;
        }

            .gr_kefu .qq h5 i {
                float: right;
                cursor: pointer;
                transition: all 0.3s;
                position: relative;
                z-index: 5;
            }

                .gr_kefu .qq h5 i:hover {
                    transform: rotate(90deg);
                }

        .gr_kefu .qq a {
            display: block;
            height: 32px;
            line-height: 32px;
            border-radius: 18px;
            border: 1px solid #78be21;
            margin: 5px 15px
        }

    .gr_kefu span {
        float: left;
    }

.kf-shqi .m-icon {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #018fd7 url(../images/kf-close.png) no-repeat center;
    background-size: 15px;
    opacity: .7;
    cursor: pointer;
    transform: rotate(45deg);
    transition: all 0.3s;
}

.kf2 .kf-icon {
    background: url(../images/kf-wx.png) no-repeat center;
    background-size: 27px;
}

.kf3 .kf-icon {
    background: url(../images/kf-phone.png) no-repeat center;
    background-size: 27px;
}

.kf4 .kf-icon {
    background: url(../images/kf-email.png) no-repeat center;
    background-size: 27px;
}

.kf-gotop .kf-icon {
    background: url(../images/kf-top.png) no-repeat center;
    background-size: 25px;
}



/*app-客服*/