﻿@charset "utf-8";
/* CSS Document */
.boby{font-family: microsoft yahei, Arial, Helvetica, sans-serif;font-size: 14px;}
html{font-family: microsoft yahei, Arial, Helvetica, sans-serif;}
li{ list-style:none;}
*{ padding:0; margin:0;}
.remove{ clear:both;}
a{ color:#000;font-family: microsoft yahei, Arial, Helvetica, sans-serif;font-size: 14px;text-decoration:none;}
a:hover{ color:#000;}

.ba{ color:#FF6600;font:bold 18px/20px "微软雅黑";text-decoration:none;}
.ba:hover{ color:#000;}

.font_weight {font-weight: 600;}
img{ border:0;}

/* CSS 首页 */
.banner1{ width:100%; height:510px;overflow:hidden; }
.about-banner{ width:100%; height:310px;overflow:hidden; background:url(../images/about_banner.jpg) no-repeat center;}
.contact-banner{ width:100%; height:310px;overflow:hidden; background:url(../images/contact_banner.jpg) no-repeat center;}
.pro-banner{ width:100%; height:310px;overflow:hidden; background:url(../images/pro1_banner.jpg) no-repeat center;}
.job-banner{ width:100%; height:310px;overflow:hidden; background:url(../images/job_banner.jpg) no-repeat center;}
.news-banner{ width:100%; height:310px;overflow:hidden; background:url(../images/news_banner.jpg) no-repeat center;}
.net-banner{ width:100%; height:310px;overflow:hidden; background:url(../images/net_banner.jpg) no-repeat center;}
.zz{ width:100%; height:21px; background:url(../images/sj.png) no-repeat center;top:580px; position:absolute; z-index:100; left:0}
.top-menu{width:100%; height:50px; margin:0 auto; position:absolute; z-index:1000; top:90px;background:url(../images/menu-bg.png) bottom;}
.top-menu1{width:100%; height:50px; margin:0 auto; position:absolute; z-index:1000; top:90px;background:url(../images/menu-bg1.png) bottom;}
.top-menu .l5{width:16%; height:50px; float:left;}
.top-menu .l6{width:1200px; height:50px; margin:0 auto;}
.menu6{ width:100%; height:39px;}
.menu6 .title_nr{  height:39px; margin:0 auto; overflow:hidden;}
.menu6 .title_nr li{ width:15%; float:left; text-align:center; height:39px; }
.menu6 .title_nr li a{ color:#fff; display:block;font:bold 15px/39px "微软雅黑"; width:100%; height:39px; text-decoration:none;}
.menu6 .title_nr li a:hover{ color:#DEAF35; display:block; height:39px; line-height:39px;text-decoration:none; background:url(../images/line2.png) bottom;}
.content{ width:1200px; margin:0 auto; }
.top{ width:1200px;overflow:hidden;  margin:0 auto; height:90px; }
.top .logo{ width:210px; float:left; margin-top:8px;}
.top .lang{ width:360px; float:right;margin-right:10px;}
.menu_opt {
    float: right;
    text-align: right;
	width:500px;
    /*overflow: hidden;
    _zoom: 1;*/
}

    .menu_opt:after {
        clear: both;
    }

    .menu_opt > div {
        /*float: left;*/
        padding: 38px 0px 23px;
        display:inline-block;
        /*position: static;*/
    }
/*.menu_opt > div.menu_language {
        position:relative;
        }*/
.menu_language1{ margin-left:15px;}
.menu_opt_search, .menu_opt_language, .menu_opt_account {
    background: url(../images/inno.png) no-repeat;
    background-position: -69px -130px;
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin: 0 15px;
}

.menu_opt_language {
    background-position: -140px -131px;
    position:relative;
}

.menu_opt_account {
    background-position: -210px -130px;
    margin-right: 0;
}
/* dropdown-menu */
.menu_dropdown, .menu_dropdown_language, .menu_dropdown_account {
    text-transform: none;
    background-position: initial;
    display: none;
    position: absolute;
    z-index: 30000000;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4e167f',endColorStr='#1398d1',gradientType='1');
    background-image: linear-gradient(45deg, rgb(78, 22, 127), rgb(19, 152, 209));
    background-size: initial;
    /*background-repeat-x: initial;
    background-repeat-y: initial;*/
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    min-width: 100%;
    top: 90px;
    color: #ffffff;
    right: 0;
}

.menu_dropdown {
}
    /* dropdown-menu-style1 */
    .menu_dropdown > ul {
        overflow: hidden;
        _zoom: 1;
        width: 65%;
        margin: 0px auto;
        /*height: 380px;*/
    }

        .menu_dropdown > ul > li {
            float: left;
            width: 33%;
            line-height: 50px;
        }

            .menu_dropdown > ul > li > ul {
                width: 90%;
                margin: 0 auto;
                /*text-align: center;*/
                padding-top: 25px;
                padding-bottom: 15px;
            }

                .menu_dropdown > ul > li > ul > li {
                    padding-left: 30px;
                }

    .menu_dropdown a {
        color: #d3d5e4;
        font-size: 14px;
    }

.menu_dropdown_first {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    /*border-bottom: 1px solid #6169af;*/
    margin-bottom: 15px;
}

    .menu_dropdown_first a {
        font-weight: 500;
        color: #fff;
    }

/* dropdown-menu-style2 */
.menu_dropdown > .menu_dropdown_c2 {
    overflow: hidden;
    _zoom: 1;
    width: 800px;
    margin: 5px auto;
    line-height: 56px;
}

    .menu_dropdown > .menu_dropdown_c2 > .c2_left, .menu_dropdown > .menu_dropdown_c2 > .c2_right {
        float: left;
        width: 48%;
        margin: 25px auto;
        /*text-align: center;*/
    }
.c2_right a {
    font-size: 16px;
}

.c2_left li {
    border-bottom: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.2);
    /*border-bottom: 1px solid #6169af;
          border-right: 1px solid #6169af;*/
    font-size: 16px;
    padding-left: 30px;
}

.c2_left > li > span {
    padding-right: 10px;
}

.c2_left > .c2_left_active {
    border-right: none;
    background-color: rgba(255,255,255,0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
}

.c2_left > .c2_left_f_active {
    border-right: none;
    border-top: none;
    background-color: rgba(255,255,255,0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
}

.c2_left > .c2_left_l_active {
    border-right: none;
    border-bottom: none;
    background-color: rgba(255,255,255,0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
}

    .c2_left > .c2_left_active > a, .c2_left > .c2_left_f_active > a, .c2_left > .c2_left_l_active > a {
        font-weight: 500;
        color: #fff;
    }

.c2_left .c2_left_border_bottom {
    border-bottom: none;
}

.c2_right {
    background-color: rgba(255,255,255,0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
    padding-top: 4px;
    height: 223px;
}

    .c2_right > ul > li {
        line-height: 42px;
        vertical-align: middle;
        padding-left: 60px;
    }

.menu_dropdown > .menu_dropdown_c2 > .c2_right > ul {
    display: none;
}
/* dropdown-menu-style3(search) */
.menu_dropdown > .search {
    height: 250px;
    text-align: center;
    padding-top:100px;
}

.search form {
    width: 80%;
    margin: 0px auto;
    position: relative;
}
.search_list {
    width: 98%;
   overflow:hidden;
   _zoom:1;
}
#search_input {
    width:92%;
    float:left;
    display:block;
    background: none;
    border: none;
    border-bottom: 1px solid #ffffff;
    height: 45px;
    line-height: 45px;
    font-size: 30px;
    color: #fff;
    outline: medium;
    /*position: relative;*/
    padding-left: 30px;
}
.search_close {
    display: block;
    width: 30px;
    float:left;
    height: 30px;
    background: url(../images/inno.png) no-repeat;
    background-position: -420px -200px;
    margin-top:10px;
}

.search_btn {
    background: url(../images/inno.png) no-repeat;
    background-color: none;
    background-position: -342px -200px;
    border: none;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: -10px;
    /*position: absolute
    left: 160px;
    top: 84px;;*/
}

.cursor_pointer {
    cursor: pointer;
}


/*.menu_dropdown > .search > .search_close > .fa-close {
    font-size: 28px;
    padding-left: 50px;
    font-weight: 100;
}*/

/* dropdown-menu-style3(language) */
.menu_opt > div > .menu_dropdown_language {
    /*height: 130px;*/
    min-width: 8%;
    right: 90px;
    text-align: center;
    line-height: 40px;
}

.menu_dropdown_language > ul, .menu_dropdown_account > ul {
    margin: 30px auto;
    width: 60%;
}

    .menu_dropdown_language > ul > li > a, .menu_dropdown_account > ul > li > a {
        display: block;
        color: #ffffff;
        text-decoration: none;
    }

        .menu_dropdown_language > ul > li > a:hover, .menu_dropdown_account > ul > li > a:hover {
            background-color: #fff;
            color: #3e8cca;
        }
.overview {margin-top:32px;}
.overview:after {clear: both;}
.overview > h2 {color: #0177be; font-family: microsoft yahei, Arial, Helvetica, sans-serif; }
.overview > ul {overflow: hidden;zoom: 1;margin-top: 10px;}
.overview > ul > li {display: block;}
.overview > ul > .view_l {line-height: 22px;width: 83%;float: left;color: #545454; font-family: microsoft yahei, Arial, Helvetica, sans-serif; font-size:14px;}
.overview > ul > .view_r {width: 16%;float: right;text-align: center;margin-top: 20px;}
.overview_more { border-radius: 5px;padding: 10px 20px;border: 1px solid #0276bf; background-color: #0276bf;color: #ffffff;font-family: microsoft yahei, Arial, Helvetica, sans-serif; font-size:14px;}
.overview_more:hover {border: 1px solid #11B5E8;background-color: #11B5E8;}

.index_title {
    width: 100%;
    border-top: 1px solid #e8e8e8;
    position: relative;
    text-align: center;
    margin-top: 40px;
}

    .index_title > span {display: inline-block;height: 3px;width: 100px;background-color: #0177bd;position: absolute;top: 0;left:0;}
.index_title > p {display: inline-block;height: 3px;width: 100px;background-color: #0177bd;position: absolute;top: 0;left:1100px;}
    .index_title > a {
        position: absolute;
        right: 0;
        top: 5px;
        right: 5px;
        font-size: 12px;
        color: #adadad;
    }

        .index_title > a:hover {
            color: #65c412;
        }

    .index_title > h1 {
                color: #545454;
		height:30px; background-color:#FFF;position: absolute; left:40%;top:-20px;
		font-size:26px;
    }

.product_details {
    margin-top: 60px;margin-bottom: 60px;
    overflow: hidden;
    _zoom: 1;
}

    .product_details > .product_details_left {
        float: left;
        width: 49%;
    }

    .product_details > .product_details_right {
        float: right;
        width: 49%;
    }

.product_content {
    background-color: #dedede;
    overflow: hidden;
    _zoom: 1;
}

    .product_content:hover {
        background-color: #0177be;
        color: #ffffff;
    }

    .product_content img {
        width: 180px;
        height: 180px;
        background-color: #ffffff;
        margin: 10px;
    }

    .product_content > div {
        float: left;
    }

    .product_content > ul {
        float: left;
        width: 55%;
        margin-top: 20px;
    }

        .product_content > ul > li {
            line-height: 26px;
        }

.pro_des {height: 110px;overflow: hidden; font-size:13px;}

.view_details {color: #65c412;font-weight: 400;padding-right: 25px;}
.view_details_cn {background-position: 60px 0px;}

.proml {border-top: 1px solid #dddddd; margin-top: 10px; margin-bottom: 60px;padding-top:40px;}
.promls {overflow: hidden;_zoom: 1;margin: 10px 0;border-bottom: 1px solid #dddddd;}
.promls_left {float: left;width: 20%;}
.promls_right {float: left;width: 75%;margin-left: 10px;vertical-align: middle;}
.promls_right .more {margin-top: 10px;}
.event {border-top: 1px solid #dddddd; margin-top: 10px; margin-bottom: 60px;padding-top:40px;}
.events {overflow: hidden;_zoom: 1;margin: 0px 0px 15px 0; border-bottom:1px  dashed #DFDFDF; padding-bottom:10px;}
.events_left {float: left;width: 15%;}
.events_right {float: left;width: 83%;margin-left: 10px;vertical-align: middle;}

.events_move {margin-top: 20px;}

.events_des { margin-bottom: 10px; font-size:13px;}

.release_border {
    border-bottom: 1px solid #e8e8e8;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #c0c0c0;
}
.release_more {
    border-radius: 5px;
    padding: 5px 10px;
    /*border: 1px solid #e8e8e8;*/
    border: 1px solid #0276bf;
    background-color: #0276bf;
    color: #ffffff;
}

    .release_more:hover {
        border: 1px solid #11B5E8;
        background-color: #11B5E8;
    }
	.link{ width:100%; height:49px; background:url(../images/bottom-bg.jpg) repeat-x; color:#95BBE7;line-height:49px; margin-top:15px;}
.link .link1{ width:1200px; margin:0 auto;}
.link .link1 .logo1{ width:400px; float:left;}
.link .link1 .logo1 a,link{ color:#95BBE7;font-size:14px;line-height:49px;}
.link .link1 .logo1 a:hover{ color:#fff;font:14px;line-height:49px;}
.link .link1 .nr{ width:600px; float:right;color:#95BBE7;font-size:14px;}
.link .link1 .nr a{ color:#95BBE7;font-size:14px; line-height:49px;}  
.link .link1 .nr hover{ color:#95BBE7;font-size:14px; line-height:49px;} 
.text-bt1{font:25px/25px "微软雅黑"; color:#0276BF; }
.text-bt2{color:#ffffff; }
.about-title{font:14px/52px  microsoft yahei, Arial, Helvetica, sans-serif; color:#6F6F6F; width:1200px; height:52px; border-bottom:1px solid #D8D8D8; margin:0 auto;}
.about-content{width:1200px; margin:10px auto; line-height:26px;padding:10px 0px; color:#353535; font-size:13.6px;}
.about-content h2{font:25px/28px  microsoft yahei, Arial, Helvetica, sans-serif; color:#0561AC; }
.job-pic{width:400px; float:left;}
.job-nr{width:780px; float:left; margin-left:15px;}

/*news*/
.news {
    overflow: hidden;
}

    .news li {
        line-height: 26px;
        margin-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #efefef;
    }

    .news a {
    }

.news_hide {
    height: 365px;
}

.news_show {
    height: 100%;
}

.btn_news {
    line-height: 26px;
    height: 26px;
    cursor: pointer;
    margin-bottom: 60px;
    width: 60px;
}

    .btn_news > span {
        display: inline-block;
        width: 22px;
        height: 22px;
        background: url(../images/share.png) no-repeat;
    }

    .btn_news > .bg_show {
        background-position: -207px -54px;
    }

    .btn_news > .bg_hide {
        background-position: -280px -54px;
    }

.news span {
    font-style: italic;
    color: #d1d1d1;
}


.prol{width:800px; float:left;}
.pror{width:400px; float:right; text-align:right;}
.pror img{ border:1px solid #E7E7E7;padding:3px;}
.news_title{ border-bottom:1px solid #E7E7E7;padding:3px; height:30px; font-size:20px; text-align:center}
.news_info{ text-align:center; color:#999; font-size:12px;}