.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
ul,li{ list-style:none;}
.logo{ float:left; width:33%; margin-top:17px;}
.nav_r{}
.case{ width:100%; background:url(../Image/case.jpg) no-repeat center; height:755px; padding-top:90px;}
.about{ margin-top:100px; width:100%; height:auto; overflow:hidden;}
.about_r{ width:50%;}
.about_l{ width:40%; margin-left:4%;}
.ywsm{ margin-top:52px; height:auto; overflow:hidden;}
.ywsm ul li{ list-style:none; float:left; height:auto;;background:url(../Image/line.png) no-repeat right; width:25%; text-align:center;}
.ywsm ul li .ywsm_tit{ color:#0462b3; font-size:24px; font-weight:bold;}
.ywsm ul li .ywsm_tex{ margin-top:10px;}
.sczj{ width:100%; height:500px;background:url(../Image/bg1.jpg) no-repeat center; margin-top:60px;}
.sczj_tit{ text-align:center; color:#fff; font-size:29px; font-weight:bold; padding-top:99px;}
.sczj_tit_eng{ text-align:center;color:#fff;}
.sczj_mid{ margin-top:30px;}
.sczj_mid ul li{ float:left; width:23%; text-align:center; margin:0px auto; margin-right:23px;}
.sczj_mid ul li .name2{ color:#fff;}
.sczj_mid ul li:nth-of-type(4){ margin-right:0px;}
.sczj_mid ul li img{ text-align:center; margin:0px auto; height:227px;}
.fhlc{ margin-top:100px;}
.fhlc ul li{ float:left; text-align:center; width:12%;}
.row1{ margin-top:73px; margin-left:20px;margin-right:20px;}
.fhlc ul li .fh_tex{ margin-top:11px;}
.news{ width:100%; height:835px;background:url(../Image/bg2.jpg) no-repeat center; margin-top:100px;}
.news_l{ width:50%;}
.news_r{ width:48%; margin-top:50px;}
.fwys{ margin-top:90px;}
.ico_tel{ color:#fa4922; font-size:24px; font-weight:bold; margin-left:18px;}
.youxiang{ color:#0462b3; font-size:16px; margin-top:14px;}
.ico{ margin-top:5px;}
.ewm1{ margin-left:22px;}


.separator1{
    display: block;
    width: 60px;
    height: 5px;
	margin-top:15px; margin-bottom:15px;
    background-color: #cccccc;
    position: relative;
    border: 1px solid #cccccc;
}
.news_r_tit{ color:#2a2a2a; font-weight:bold; font-size:23px;}
.news_r_tex{ margin-top:20px;}
.more{ margin-top:10px;}

.links{ width:100%; background:#fff; height:70px;}
.links_l{ line-height:70px;}

.foot{ width:100%; height:auto; overflow:hidden; background:#2a2a2a;}
.logo1{ text-align:center; margin:0px auto; width:100%; margin-top:41px;}
.top2{ text-align:center; margin-top:29px;}
.top2 ul li{ display:inline-block; width:10%;}
.top3{ text-align:center; color:#fff; margin-top:20px; margin-bottom:14px;}
.copy{ width:100%; line-height:51px; background:#3e3e3e; color:#b1b1b1; text-align:center;}
.banner_inside{ width:100%;}
.company{ margin-top:98px;}
.company_l{ margin-top:50px;}
.comany_r{ width:37%; margin-left:2%; margin-top:50px;}
.qywh_tit{ margin-top:52px;}
.qywh_tex{ text-align:center; margin-top:39px;}
.cultre{padding-top:100px;}
.cultre ul li{ float:left; width:25%;}
.cultre ul{ margin-top:64px;}
.honor{padding-top:100px;}
.honor_mid{ text-align:center;}
.mid1{ color:#0462b3; font-size:27px; font-weight:bold;}
.mid2{ margin-top:30px;}
.honor_pic{ text-align:center; margin-top:78px;}
.mess1{ height:40px; border:1px solid #ccc; width:100%;}
.me_l{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.mess2{ height:auto; border:1px solid #ccc; width:100%;}
.topp{ width:100%; height:40px; background:#0462b3; color:#fff;}
.nav_r{ width:100%; height:50px; background:url(../Image/nav.png) repeat-x; margin-top:30px;}
.ser_r {
    position: relative;
    margin-top: 6px;
}

.search-text {
    background: #ffffff;
    border: none;
    height: 35px;
    width: 288px;
    padding-left: 20px;
    padding-right: 2px;
    font-size: 12px;
    border: 1px solid #bfbfbf;
    position: relative;
}
.search-btn {
    position: absolute;
    width: 47px;
    height: 35px;
    line-height: 24px;
    top: 0px;
    right: 0px;
    border: none;
    font-size: 12px;
    background: url(../Image/search_btn.png) no-repeat top right;
}

@media (max-width: 767px){
.logo{ width:100%; text-align:center;}
.logo img{ width:90%;}
.nav_r{ width:100%;}
.case{ background:none; height:auto; padding-top:60px;}
.about_r{ width:100%;     padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
.about_l{ width:100%; margin-left:0px; margin-top:30px;padding: 0 15px;}
.ywsm ul li{ width:50%; margin-top:10px;}
.sczj_mid ul li{ width:50%; margin-top:10px;}
.sczj{ height:auto; background:#000; padding-bottom:30px;}
.fhlc ul li{ width:50%; margin-top:20px;}
.row1{ display:none;}
.news_l{ width:100%;}
.news_r{ width:100%;}
.news{ height:auto; background:none;}

.company_l{ margin-top:10px; width:100%;padding: 0 15px;}
.cultre ul li{ width:50%; margin-top:10px;}
.cultre{ margin-bottom:40px;}
}


/*产品详情*/

.o_product{

    clear: both;

    padding: 18px 22px;

}

.o_product .o_product_img{

    float: left;
	width:40%;

}

.o_product .o_product_img .o_product_thumb{

  

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

.o_product .product_small{

    margin-top:10px;

    height: 55px;

    position: relative;

}

.swiper-container{

    width: 240px;

    height: 50px;

    overflow: hidden;

}

.o_product .product_small .arrow-left{

    width: 10px;

    height: 20px;

    display: block;

    background: url(../Image/swiper-l.png) no-repeat;

    position: absolute;

    left: -15px;

    top: 16px;

    transition: all 0.5s;

}

.o_product .product_small .arrow-right{

    width: 10px;

    height: 20px;

    display: block;

    background: url(../Image/swiper-r.png) no-repeat;

    position: absolute;

    right: -12px;

    top: 16px;

    transition: all 0.5s;

}

.o_product .product_small ul{

    padding: 0px;

    margin: 0px;

    overflow: hidden;

}

.o_product .product_small ul li{

    float: left;

    height: 50px;

    width: 50px;

    margin: 0px;

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

.o_product .product_small ul li.select img{

    border: 1px solid #C4C4C4;

}

.o_product .product_small ul li img{

    height: 50px;

    width: 50px;

    display: inline-block;

    box-sizing: border-box;

}

.o_product .o_product_img .o_product_thumb img{

 

    display: inline-block;

    vertical-align: middle;

}



.o_product .o_product_info{

    float: right;

    width: 50%;

}

.o_product .o_product_info h2{

    color: #3f3f3f;

    font-size: 16px;

    line-height: 25px;

    font-weight: 600;

}

.o_product .o_product_info .o_product_detail{

    background: #F6F6F6;

    font-size: 14px;

    color: #999;

    padding: 15px 10px;

    margin-top: 10px;

}

.o_product .o_product_info .o_product_detail .o_product_data{

    clear: both;

    width: 100%;

}

.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{

    display: block;

    content: '';

    clear: both;

    height: 0;

    width: 0;

}

.o_product_data span{

    display: inline-block;

    float: left;

    line-height: 22px;

}

.o_product_data span.key{

    width: 56px;

    text-align: right;

}

.o_product_data span.val{

    width: 339px;

}

.colhs{

    color: #FE4200;

}

.o_product_data span.val b{

    color:#FE4200;

    font-size: 16px;

}

.o_product_info .go_order{

    padding: 8px 25px;

    color: #fff;

    font-size: 16px;

    border-radius: 5px;

    background: #ff5e25;

    border: none;

    margin-top: 50px;

    outline: none;

}

.o_product_info .go_order:hover{

    background: #FE4200;

}

.order-content{

    padding: 20px 30px;

    background: #fff;

}



.order-content .order-line{

    color: #333;

    height: 30px;

    line-height: 30px;

    margin-bottom: 12px;

    font-size: 14px;

}

.order-content .order-line:after{

    display: block;

    content: '';

    clear: both;

    height: 0;

    width: 0;

}

.order-content .order-line lable{

    width: 70px;

    margin-right: 5px;

    display: inline-block;

    float: left;

    text-align: right;

}

.order-content .order-line .order-zhi{

    float: left;

    padding: 10px;

    line-height: 30px;

    padding: 0px 10px;
	width:80%;

    border: 1px solid #d2d2d2;

}
.order-content .order-line .order-zhi1{

    float: left;

    padding: 10px;

    line-height: 30px;

    padding: 0px 10px;
	width:40%;

    border: 1px solid #d2d2d2;

}

.order-content .order-line .order-zhi.noborder{

    border:none;

}

.order-content .order-line  .order-zhi.overword{

    height: 30px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;



}

.order-line.bz-line{

    height: auto;

}

.order-content .order-line .beizhu{

    padding: 10px;

    float: left;

    border: 1px solid #d2d2d2;

}

.order-content .order-line .dwid{

    width: 80%;

}

.order-content .order-line img{

    display: inline-block;

    float: left;

    margin-left:15px;

}

.order-content .go-sub{

    margin-left:70px;

    border: none;

    color: #fff;

    background: #ff5e25;

    font-size: 14px;

    padding: 8px 28px;

    margin-top:8px;

    border-radius: 5px;

    outline: none;

}

.order-content .go-sub:hover

{

    background: #FE4200;

}
@media screen and (max-width: 768px) {
	
	.order-content .order-line .order-zhi{ width:60%;}
	.order-content .order-line .dwid{ width:60%;}
		.order-content .order-line .order-zhi1{ width:33%;}
		.tel{ display:none;}
		.nav_r{ height:auto; background:none;}
	
	}
	
	.nav > li:hover{ color:#F00;}
	.page{ text-align:center;}
	
	
	
/*main css*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../Image/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../Image/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../Image/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../Image/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../Image/open_im.png) no-repeat left top;}


.honor_pic ul li{ float:left; width:24%; border:2px solid #2f78bb; margin-top:20px; margin-right:14px;box-shadow: 0px 20px 20px -20px #5E5E5E;}
.honor_pic ul li:nth-of-type(4n+4){ margin-right:0px;}
