body {background: url("../images/bg.gif") repeat-x scroll 0 0 #FFFFFF;}
/*header开始*/
.top1 {margin: 0 auto 4px;width: 100%;max-width: 947px;display: flex;align-items: center;justify-content: space-between}
.top1 .logo {margin-top: 20px;}
.top1 h1{margin-top: 10px}
.top_nav {float: right;}
.top_nav li {background: url("../images/home.gif") no-repeat scroll 0 50% transparent;float: left;font: 12px/18px Arial;height: 16px;overflow: hidden;padding-left: 

20px;padding-right: 8px;}
.top_nav li a {color: #373737;}
.top_nav li a:hover { color: #1D2089;text-decoration: underline;}
.top_nav li span {color: #747474;padding: 0 10px;}
.top_nav li.li2 {background-image: url("../images/email.gif");}
.top_nav li.li3 {background-image: url("../images/email.gif");}
.top_nav li.li4 {background-image: url("../images/index.gif");}
.top2 { margin: 0 auto;max-width: 947px;width: 100%;}
.search form {padding-right: 0;}
.search ul {padding: 0 0 0 15px;height: 20px;line-height: 20px;}
.search li {color: #666666;float: left; overflow: hidden;}
.search li span {border: 1px solid #E9E9E9;display: inline-block;height: 18px;}
.search li span input {background: url("../images/search_bg.gif") no-repeat scroll 5px 50% #FFFFFF;border: medium none;height: 18px;line-height: 18px;padding-left: 20px;width: 

190px;}
.search li.btn input {background: url("../images/search_but.gif") no-repeat scroll 0 0 transparent;border: medium none;cursor: pointer;height: 20px;overflow: hidden;width: 

32px;}
.navmenu {height: 30px;width: 100%;line-height: 30px;}
.nav{max-width: 947px;width: 100%;margin: 0 auto;display: flex;height: 30px;justify-content: flex-end;}
.mainmenu .cd-navigation{display:flex; align-items: center; justify-content:flex-end;}
.mainmenu .cd-navigation li a{display:block;position:relative;}
.nav .cd-navigation li {float: left;font-size: 13px;height: 30px;line-height: 30px;overflow: hidden;text-align: center;width: 120px;}
.nav .cd-navigation li a {background: url("../images/menu_bg.gif") no-repeat 1px transparent;color: #444444;display: block;font-size: 14px;}
.nav .cd-navigation li:first-child a{ background:none;}
.nav .cd-navigation li a:hover{color: #1C449A;display: block;}


 .sjcon {
        position: relative;
    }

    .select {
        display: block;
        margin: 0 auto;
        color: #ccc;
        vertical-align: middle;
        text-align: left;
        user-select: none;
        -webkit-touch-callout: none;
    }

        .select .placeholder {
            position: relative;
            display: block;
            z-index: 1;
            padding: 1px;
            cursor: pointer;
            height: 30px;
            line-height: 30px;
            font-size: 20px;
            color: #fff;
        }

            .select .placeholder em {
                font-style: normal;
                display: block;
                width: 30px;
                margin: 0px auto;
            }
	.select .placeholder ~ ul{
		
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-out 0s;
		
	}
	.select:hover .placeholder ~ ul{
		
		opacity:1;
		visibility: visible;
		top: 30px;
	}
        .select.select--white .placeholder {
            background: #fff;
            color: #999;
        }

            .select.select--white .placeholder:hover {
                background: #fafafa;
            }

        .select ul {
           
position: absolute;
           
overflow: hidden;
           
width: 100%;
           
background: #fff;
           
top: 60px;
           
left: 50%;
           
list-style: none;
           
padding: 0;
           
z-index: 100;
           
border: solid 1px #ddd;
           
min-width: 120px;
           
margin-left: -60px;
        }

            .select ul li {
                display: block;
                text-align: center;
                color: #999;
                cursor: pointer;
      
            }

                .select ul li em {
                    font-style: normal;
					

                }

                .select ul li i {
                    float: left;
                    /*width: 18px;
                    height: 15px;*/
                    margin-right: 5px;
                }

                .select ul li:hover {
                    background: #008b8b;
                    color: #fff;
                }

        .select .placeholder i {
            float: left;
            /*width: 18px;
            height: 15px;*/
            margin: 0px 5px 0 0;
        }


/*header结束*/
/*home开始*/
.wrap {background: url("../images/main_bg.gif") repeat-x scroll 0 0 transparent;}
.main-content{display: flex;max-width: 947px;width: 100%;margin: 0 auto;}
.h2 {color: #FFFFFF;font-size: 14px;}
.h2 span {height: 18px;padding-right: 10px;}
.main_l {flex: 0 0 calc(26% - 20px);background:#3678bb;padding: 15px 10px;}
.main_l .text {line-height: 12px;margin-top: 10px;}
.main_l .text a {color: #FFFFFF;}
.main_m .text {width:calc(100% - 26px);background: none repeat scroll 0 0 #4481BF;margin-top: 15px;padding: 13px;}
.main_m .text object,.main_m .text embed{width: 100%!important;}
.main_m {flex: 0 0 calc(50% - 20px);padding: 15px 10px;background:#296fb6;overflow: hidden;}
.main_r {flex: 0 0 calc(24% - 20px);padding:15px 10px;background:#3678bb;}
.main_r .contact-con{margin-top: 10px}
.contact-img img,.main_l .text .link img{margin-bottom: 10px}
.contact-con .contact-pra p{line-height: 16px;margin-bottom: 10px;color:#fff}
.contact-con .contact-pra p .email{color:#fff}
.contact-con .contact-pra p:hover .email{color:#333;text-decoration: underline}
.main_l ul li {background: url("../images/news_inco.gif") no-repeat scroll 0 10px transparent; border-bottom: 1px dotted #CCCCCC;color: #FF9900;line-height: 30px;padding-left: 

10px;}
.main_l .nr { margin-top: 10px;}
.main_l .MsoNormal {line-height: 18px;font-size: 12px;color:#fff;}
.main_l ul li a {font-weight: bold;line-height: 20px;}
.main .about-con{padding: 10px 0 20px}
/*home结束*/
/*左侧内容开始*/
.pro_h4 {background: none repeat scroll 0 0 #3778BB;color: #FFFFFF;font-size: 12px;height: 24px;line-height: 24px;padding-left: 10px;}
.prolist{margin-bottom: 10px}
.prolist p{overflow: hidden}
.prolist p a {padding:5px 0 5px 10px;display: block;width: 100%;border-bottom: 1px solid #3778BB;}
.prolist p a:hover {background: none repeat scroll 0 0 #FF9900;border-bottom: 1px solid #CCCCCC;color: #FFFFFF;display: block;width: 100%;}
.contact_text{margin-top: 10px}
.contact_text .contact_t{font-size: 12px;line-height: 20px}
/*左侧内容结束*/
/*about开始*/
.column_m {margin-left: 5%;flex: 0 0 71%;}
.column_m .pro_h4{display: none}
.column_l {flex: 0 0 24%;}
.column_m .bt {border-bottom: 1px solid #3778BB;height: 24px;line-height: 24px;position: relative;text-indent: 0;}
.column_m .bt h4 {color: #3778BB;font-size: 12px;font-weight: bold;padding-left: 10px;}
.column_m .bt span {font-size: 10px;position: absolute;right: 10px;top: 2px}
.column_m .nr .nr_text{margin: 10px}
.nr_text .MsoNormal{font-size: 12px;line-height: 24px;margin-bottom: 20px;color:#333}
.nr_text .MsoNormal span{font-weight: 700;font-size: 13px}
.nr_text .about-pra{font-size: 13px;color:#333;font-weight: 700;line-height:22px}
.nr_text .contact-us{font-weight: normal;font-size: 12px}
.nr_text .contact-us span{font-weight: 700;font-size: 13px}
.nr_text .underline{text-decoration: underline}
/*about结束*/
/*product开始*/
.posts {margin-top: 20px;overflow: hidden}
.posts .productlist{display: flex;flex-flow: row wrap} 
.posts .productlist li{flex:0 0 calc(25% - 20px);margin:0 20px 20px 0;overflow: hidden}
.posts .productlist li a{display: block}
.posts .productlist li .post-img{border: 1px solid #dcdcdc;padding: 2px}
.posts .productlist li .post-img img{width: 100%;height: 100%}
.posts .productlist li .product_name{text-align: center;font-size: 12px;line-height: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 5px}
.posts .productlist li:nth-child(4n){margin-right: 0}
.page-con {background:#ccc;height: 24px;line-height: 24px;margin: 10px 0 0;padding: 0 10px}
.page-con .page{font-size: 12px;color:#333}
.page-con span, .page-con a{padding: 0 3px;display: inline-block}
.page-con a{cursor: pointer}
.page-con .page-dis,.page-con a:hover{color: #3778bb}
/*product结束*/
/*product-detail开始*/
.product-tab{display: flex}
.product-tab .tab-left{flex:0 0 45%}
.product-tab .tab-right{flex:0 0 52%;margin-left: 3%}
.product-detail{margin-top: 30px}
.product-tab .tab-right h2{border-bottom: 1px solid #fff;color: #222222;font-size: 12px;margin: 10px 0;padding-bottom: 10px}
.product-tab .tab-right .detail-pra{font-size: 12px;color:#222;line-height: 16px;margin-bottom: 15px}
.product-tab .tab-right .application{margin-bottom: 15px}
.de_slide{overflow: hidden;margin-bottom: 20px}
.product-detail .proproperty{color:#ff9900;font-size: 16px;margin-bottom: 15px}
.product-detail .procontent .pro-par{font-size: 12px;color:#222;margin-bottom: 20px;line-height: 20px}
.tab-left .lts{float: left;width:100%;}
.tab-left .lts .hd{margin-top: 10px;overflow: hidden;}
.tab-left .lts .next,.tab-left .lts .prev{float: left;width: 10px;height:45px;background: url(../images/left.gif) no-repeat center;cursor: pointer;transition: all 0.3s;}
.tab-left .lts .next{float: right;transform: rotate(180deg)}
.tab-left .lts .hd .tempWrap{float: left;margin: 0 12px;overflow: hidden;}
.tab-left .lts .hd li{margin: 0 2px;width:calc(60px - 6px);float: left;cursor: pointer;position: relative;padding: 2px;border: 1px solid #ccc}
.tab-left .lts .hd li:after{content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);}
.tab-left .lts .hd li.on:after{display: none;}
.tab-left .lts .hd li img{width: 100%;display: block;}
.tab-left .lts .bd img{width:100%; display: block;}
.de_main{position: relative;padding-top: 60px;z-index: 11;}
.de_main .de_sub{position: absolute;left: 0;right: 0;top: 0;z-index: 11;}
.de_main .de_sub ul{overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.de_main .de_sub li{float: left;margin-right: 24px;position: relative;top: 1px;}
.de_main .de_sub li a{padding: 0 14px;font-size: 16px;color: #333333;line-height: 48px;display: block;}
.de_main .de_sub li.on a,.de_main .de_sub li a:hover{background: #f7931e;color: #fff}
.table-con{border:1px solid #333;width:calc(100% - 2px);margin-bottom: 30px}
.table-con tr td,.table-con tr th{border:1px solid #333;text-align: center;padding: 5px}
.table-con tr td p{text-align: left!important}
.table-con .tr-bg{background: #f2f2f2}
.table-con .table-bg{background:#8db3e2}
.page-lable{margin: 10px 0 0}
.page-lable .prenext{font-size: 12px;color:#222;margin-bottom: 10px}
.page-lable .prenext span{font-weight: bold;display: inline-block;margin-right: 10px}
/*product-detail结束*/
/*footer开始*/
.footer {background: url("../images/foot_bg.gif") repeat-x scroll 0 0 transparent;border-top: 1px solid #FFFFFF;height: 50px;margin: 0 auto;max-width: 947px;width: 100%;}
.footer .footer-con{display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
.footer_nav a {padding: 0 5px;}
.footer_nav a:hover {text-decoration: underline;}
/*footer结束*/