﻿@charset "utf-8";
body{font:12px Arial;color:#555;width:100%;background:#fff; text-align:left; line-height:21px}
*{margin:0;padding:0;}
img{border:none; max-width:100%; height:auto; vertical-align:middle}
a{text-decoration:none;cursor:pointer;}
a:hover{ text-decoration:none !important;color:blue }
strong {font-weight:bold;}
ul, ol, li, dt, dd {list-style:none;}
.clear {clear:both;}
.obj-pos{position:relative}
.padding-buttom{padding-bottom:0 !important}
pre{line-height:21px;}
.preclass{border:0 !important;background:none !important; font-family:Arial !important; font-size:14px !important; line-height:23px !important;color:#555!important }
.preclass a{color:#555!important}
.nodata{color:#999;padding:0 0 30px 20px;font-size:14px; text-align:left}


.search-box{background:#252525;background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');width:100%;display:none;padding:20px 0; z-index:99998; position:fixed; top:60px; left:0;}
.search-box .search-btn{padding:3px 10px;float:right}
.search-box .searchTxt{padding:3px ;float:right}
.s-title{margin:40px 0 15px 0;padding-bottom:10px;border-bottom:1px solid #555;font-size:14px}

/* menu */
 .topdiv{background:#252525; position:absolute; top:0;left:0;width:100%; height:60px; z-index:0}
 .main-menu a{ font-family:Arial;font-size:16px;color:#fff; width:100%; height:60px; line-height: 60px; display: block;}
 .main-menu .en-txt{font-size:8px;margin-left:5px; font-family:Arial;}
 .list-unstyled li{margin-left:20px}
 .sub-menu-box{ position:absolute;top:59px; background:#fff;z-index:102; -webkit-box-shadow: 0 12px 12px rgba(0,0,0,0.2);box-shadow: 0 12px 12px rgba(0,0,0,0.2);  /*border-bottom: solid 1px #ddd;*/}
 .main-menu li{padding:0px 0; text-align:center; max-height:60px; overflow:hidden}
 .main-menu li:hover{background: #aaa;}
 .main-menu li:hover a{color: #fff;}
 .main-menu li.active{ background:#aaa;}
 .main-menu li.mcurr{ background:#aaa;}
.sub-menu{padding:30px 0 20px 0;display:none;} 
.drop-menu{padding-bottom:15px; }
.drop-menu .drop-item{}
.drop-menu .img-box img{ max-width:100%; max-height:120px;padding-left:5px}
.drop-menu .ab-theme{ margin-top:15px;color:#fff;}
.drop-menu .ab-offset{margin-left:15px;}
.drop-menu .ab-theme a{padding:5px 15px;color:#fff}
.drop-menu .ab-theme a:hover{background:#0d4686}

.drop-menu .pd_menu{margin:15px 0 0}
.drop-menu .pd_theme{margin-top:15px;color:#fff;font-size:14px;padding-left:5px}
.drop-menu .pd_menu li{margin:5px 0;padding:3px 0;}
.drop-menu .pd_menu li:hover{background:#f50707}
.drop-menu .pd_menu li.sd-menu-tit{max-width:130px;padding-left:5px}
.drop-menu .pd_menu li.sd-menu{max-width:130px;padding-left:5px}
.drop-menu .pd_menu li a{color:#fff}
.drop-menu .pd_menu li span.arrow{float:right;color:#eee;font-size:14px; margin-right:3px;}
.visible-sm{color:#fff;}
.drop-menu a,.drop-menu a:hover{color:#fff}
 
  /*barnner*/
#owl-demo{position:relative;width:100%;height:580px;margin:20px auto 0 auto;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:100%;height:580px;}
.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:21px;height:21px;margin:0 5px;background:url(../images/btn_main_img.png)  0 0 no-repeat;*display:inline;*zoom:1;}
.owl-pagination .active{background-position:0 -21px}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background:url(../images/left.png) 0 -30px; margin:0}
.owl-next{right:0;background:url(../images/right.png) 0 -30px; margin:0}
.owl-prev:hover{}
.owl-next:hover{}

/* clearfix */
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
  
/*index content*/
.indx-ctn{margin-top:30px;margin-bottom:30px}
.indx-ctn .left-box{color:#eee; height:410px; position:relative; overflow:hidden}
.indx-ctn .l-ico{padding:30px 0 0 50px; }
.indx-ctn .l-ico img{width:auto !important}
.indx-ctn .l-box{font-size:28px;  line-height:50px;padding:60px }
.indx-ctn .l_lag{font-size:14px;padding:0 60px}
.indx-ctn .right-box{padding-right:0;padding-left:30px}
.indx-ctn .right-box img{width:100%;}
.indx-ctn .right-box .r_tbox{ max-height:190px; overflow:hidden}
.indx-ctn .right-box .r_mbox{margin-top:30px;max-height:190px;padding:0 15px 0 0;overflow:hidden}
.indx-ctn .right-box .r_fbox{margin-top:30px;max-height:190px;padding:0 0 0 15px;overflow:hidden}

.index-bar{position:relative}
.index-bar .dsption{position:absolute;top:0;left:0;width:100%;height:100% ;padding:0; display:none}
.index-bar .dsption-box{background:#074e9e;color:#fff;height:100%;/*filter: alpha(opacity=80); opacity:0.8;*/ }
.index-bar .dsption-box .dsp-tit{font-size:22px; text-align:center;padding:50px 0 20px 0; }
.index-bar .dsption-box .dsp-ctn{font-size:14px; text-align:center;}
.idex-baro img{height:410px}

/*project*/
.p_pic{margin:20px 0;}
.p_pic img{width:100%}
.p_tit{font-size:36px;margin:30px 0 0 0;border-bottom:1px solid #999;padding:15px 0}
.r_name{padding-bottom:5px;border-bottom:1px solid #555;margin:20px 0; text-align: center;}
.r_name span{padding:0 5px}
.r_name span.cn_name{font-size:20px}
.r_name span.en_name{font-size:14px}
.rf_pro{margin:10px 0}
.rf_pro .pro_info{margin:10px 0;padding-bottom:5px;border-bottom:1px solid #999;}
.r_tp{font-size:16px;padding-bottom:5px;border-bottom:1px solid #999;}
.md_pro{padding:0 20px}
.pro_pic{ text-align:center;}
.pro_pic img{ max-width:100%}

.down-item{ margin-bottom:15px}
.down-item img{border:1px solid #ccc}
.pj-box{width:100%;border:1px solid #ccc; }

.pj-box .header{background:#252525;color:#ccc;}
.pj-box  td{text-align:center;padding:5px 0;border:1px solid #333; vertical-align:middle}

.pj_box .pj-item{ position:relative; overflow:hidden;margin-bottom:15px; }
.pj_box img{width:100%;border:1px solid #999;padding:2px; max-height:250px} 
.pj_box .dsption{position:absolute;top:0;left:0;width:100%;height:100% ;padding:0 10px; display:none}
.pj_box .dsption-box{background:#074e9e;color:#fff;height:100%;/*filter: alpha(opacity=80); opacity:0.8;*/ }
.pj_box .dsption-box .dsp-tit{font-size:22px; text-align:center;padding:80px 0 20px 0; }
.pj_box .dsption-box .dsp-ctn{font-size:14px; text-align:center;}



/*contact us*/
.ct_box{margin-top:30px;margin-bottom:30px}
.ct_box .ct_btit{font-size:26px; text-align:center;margin-bottom:15px;color:#333}
.ct_box .ct_img{margin:20px 0}
.ct_box .ct_img img{width:100%}
.ct_box .ct_tit{font-size:22px;color:#333;border-bottom:1px solid #555;padding-bottom:10px; max-width:280px}
.ct_box .cp_name{font-size:16px;margin:10px 0}
.ct_box .ct_item{margin:8px 0}
.ct_box .t_map{padding-top:10px;border-top:1px solid #999;padding-bottom:10px;border-bottom:1px solid #333;text-align:right;margin:20px 0}

.rc_tit{margin:50px 0;padding-bottom:20px; border-bottom:1px solid #333}
.jb_tit{margin:15px 0;padding:10px;border-bottom:1px solid #333;font-size:20px;}
.jb_rq{margin-bottom:5px;font-size:14px}



/*about*/
.bar-box{margin-bottom:20px}
.bar-box img{width:100%;}
.pro-box{margin:20px 0 30px 0;font-size:14px; overflow:hidden}
.pro-box img.lf{float:left;margin:0 10px 10px }
.ab_video{font-size:18px;margin:15px 0}
.video-box embed{width:100%;height:600px}
.gcimg img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.gcimg:hover img{
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter:;
}

/*download*/
.down-pbox {margin-bottom:20px; overflow:hidden}
.down-pbox img{border:1px solid #999;padding:2px; width:100%;}
.down-pbox img:hover{border-color:blue;}
.down-item{ margin-bottom:10px;font-size:14px;padding:5px;border-bottom:1px solid #999}
.ndate{color:#999; text-align:center}
.down-pbox .d-mbox{position:relative;width:100%; overflow:hidden}

.down-pbox .dsption{position:absolute;top:0;left:0;width:100%;height:100% ;padding:0; display:none}
.down-pbox .dsption-box{background:#074e9e;color:#fff;height:100%;/*filter: alpha(opacity=80); opacity:0.8;*/ }
.down-pbox .dsption-box .dsp-tit{font-size:22px; text-align:center;padding:80px 0 20px 0; }
.down-pbox .dsption-box .dsp-ctn{font-size:14px; text-align:center;}

.more-box{width:100%;color:#555; text-align:center;padding:15px 0}
.more-box .more{font-size:14px;color:#074e9e;}

/*news*/
.new-box{margin-bottom:20px;border-bottom:1px solid #555;padding-bottom:20px}
.new-box .new-pic {float:left; width:286px;}
.new-box .new-dspt-box{float:left; width:900px; padding-top:20px;}
.new-box .new-pic img{width:256px;}
.new-box .new-tit{font-size:22px;margin-bottom:10px;}
.new-box .new-tit a:hover{color:blue}
.new-box .new-tit a{color:#444}
.new-box .new-dspt{font-size:14px; word-break:break-all;}
.new-box .new-detail{padding:20px 0;border-top:1px solid #555;margin:20px 0;float:left; display:none}
.new-box .new-tool{float:left;width:100%; text-align:right; margin:40px 10px 0 0}


/*product*/
.sum-box{}
.sum-box .sum-img img{width:100px}
.sum-box .sum-dspt{font-size:14px}
.bpro-tit{font-size:36px;color:#333;padding:40px 0; text-align:center}
.bpro-tit span{padding:5px 10px; border-bottom:1px solid blue}
.product-list{margin-bottom:15px;text-align:center;overflow:hidden}
.product-list .product-itm{ padding-bottom:15px}
.product-list img{border:1px solid #ccc;padding:2px;width:100%; max-height:175px}
.product-list img:hover{border-color:blue}
.product-list .pro-tit{font-size:14px;margin-top:5px; text-align:center}

.product-list .product-name{ height:35px; line-height:35px; text-align:center; overflow:hidden}
.product-list .product-name a{color:#555}
.product-list .product-name a:hover{color:blue}
.product-list .productimg-box{width:100%;height:165px; position:relative; overflow:hidden}
.product-list .product-item{ margin-left:2% ;margin-bottom:20px; overflow:hidden}
.product-list .product-item img{width:100%;padding:2px;border:1px solid #999;}
.product-list .product-item img:hover{border-color:blue}

.product-list .product-item .dsption{position:absolute;top:0;left:0;width:100%;height:160px ;padding:0; display:none}
.product-list .product-item .dsption-box{background:#074e9e;color:#fff;height:100%;/*filter: alpha(opacity=80); opacity:0.8;*/ }
.product-list .product-item .dsption-box .dsp-tit{font-size:16px; text-align:center;padding:50px 0 20px 0; }
.product-list .product-item .dsption-box .dsp-ctn{text-align:center;}

.down-item .d-mbox{position:relative;width:100%; overflow:hidden}
.down-item .dsption{position:absolute;top:0;left:0;width:100%;height:100% ;padding:0; display:none}
.down-item .dsption-box{background:#074e9e;color:#fff;height:100%;/*filter: alpha(opacity=80); opacity:0.8;*/ }
.down-item .dsption-box .dsp-tit{font-size:22px; text-align:center;padding:50px 0 20px 0; }
.down-item .dsption-box .dsp-ctn{font-size:14px; text-align:center;}

/*system*/
.sys-ibox{width:100%;}
.sys-ibox img{width:100%}
.sys-tbox{margin:15px 0;font-size:14px}

.hd-des{ display:none;}

/*common*/
@media (min-width: 850px){
.margin-top-80{margin-top:80px}
.margin-top-30{margin-top:30px}
.margin-top-50{margin-top:50px}
.drop-contact-m{float:right;padding-right:30px;}
.drop-contact-m a{color:#fff;}
.m-bottom{padding-bottom:30px;padding-right:80px}
.s-result{ min-height:100px}
}

/*footer*/
.footer{background:#252525; color:#ccc;padding:30px 0;margin-top:50px}
.footer .ft-mene{margin:0}
.footer .ft-mene li{width:20%;float:left;margin:5px 0;}
.footer .ft-mene .m-item{ margin:5px 0}
.footer .ft-mene .m-item a{color:#ccc;}
.footer .ft-mene .tit{ margin-bottom:20px;}
.footer .ft-mene .tit a{font-size:14px;font-weight:bold}
.footer .ft-wx{ text-align:right}
.footer .ft-wx img{ margin-left:20px; margin-bottom:10px}




@media (max-width: 850px){
.footer .ft-mene{margin-left:5px;}
.footer .ft-wx{ text-align:center; margin-top:10px;}
.footer .ft-wx img{width:80px}
.md-contact{margin-top:20px}
.ct_box .t_map{margin-left:15px}
.video-box embed{width:100%;height:300px}
.down-pbox img{/*height:100px*/}
.pj_box .dsption-box .dsp-tit{padding:10px 10px 0;font-size:16px}
.dSmallPicBox{display:none}
.scrolltab .sLeftBtnA,.scrolltab .sLeftBtnASel,.scrolltab .sLeftBtnABan,.scrolltab .sRightBtnA,.scrolltab .sRightBtnASel,.scrolltab .sRightBtnABan{top:170px !important; position:absolute}
.new-box .new-dspt-box .new-tit{margin-top:20px;font-size:18px}
.container{padding:0 10px}
.product-list .productimg-box{width:100%;height:130px; position:relative; overflow:hidden}
.product-list .product-item .dsption{position:absolute;top:0;left:0;width:100%;height:120px ;padding:0; display:none}
.product-list .product-item .dsption-box .dsp-tit{font-size:14px; text-align:center;padding:30px 0 0 0; }
.product-list .product-item{ margin-left:0}
.product-list .product-item img{height:120px}

.indx-ctn .right-box .r_mbox{margin-top:30px;max-height:190px;padding:0;overflow:hidden}
.indx-ctn .right-box .r_fbox{margin-top:30px;max-height:190px;padding:0;overflow:hidden}
.indx-ctn .right-box .r_tbox{ max-height:190px; margin-top:30px}
.indx-ctn .right-box{padding-left:0}
.mborder{border-top:1px solid #ddd;padding:7.5px 0;} 
.drop-menu .ab-theme{ margin-top:15px;color:#eee;padding-bottom:10px}
.md-top{padding-top:0}


.down-pbox .dsption-box .dsp-tit{font-size:14px; text-align:center;padding:40px 0 0 0; }
.down-pbox .dsption-box .dsp-ctn{font-size:12px; text-align:center;}

.down-item .dsption-box .dsp-tit{font-size:14px; text-align:center;padding:40px 0 20px 0; }
.down-item .dsption-box .dsp-ctn{font-size:12px; text-align:center;}
.md_pro{padding:0}
#owl-demo img,#owl-demo {height:auto !important}
.index-bar .dsption-box .dsp-tit{font-size:16px; text-align:center;padding-left:15px;padding-right:15px }
.index-bar .dsption-box .dsp-ctn{font-size:14px; text-align:center;padding-left:15px;padding-right:15px}
.idex-bar1 .dsp-tit{padding-top:15px !important}

.indx-ctn .left-box{color:#eee; height:auto; position:relative; overflow:hidden}
.indx-ctn .l-ico{padding:20px 0 0 30px; }
.indx-ctn .l-ico img{width:auto !important}
.indx-ctn .l-box{font-size:18px;  line-height:50px;padding:20px 20px }
.indx-ctn .l_lag{font-size:14px;padding:0 20px}

.ms-logo{ height:45px; margin-top:8px}
.hd-des{ display:block ;padding-top:20px;padding-left:50px;text-align:right; z-index:999999}
}



/*share*/
.jtico { background:none !important;padding:15px 0 !important}
.jtico_weixin{background:url(../images/share-icon.png) no-repeat -5px -9px !important;width:25px;padding:15px 0 !important}
.jtico_tsina{background:url(../images/share-icon.png) no-repeat -40px -9px !important;width:25px;padding:15px 0 !important; margin-left:10px !important}

.left1{float:left; width:300px; text-align: center; color:#ccc;}
.left2{float:left; width:300px; text-align: center; color:#ccc;}
.copyright{float:right; width: 340px; line-height: 37px; margin-top: 35px;}
.friend2{float:right; width: 210px; margin-top: 35px;}
.friend2 img{height:37px; margin:0px 5px 10px 5px;}
.myfrom td{padding:10px;}
.d-mbox{text-align:center;}
.leftnavh a{ color:#333; padding:8px 15px; margin:0px 0px 10px 0; background:#ccc; display:inline-block;}
.leftnavn a{ color:#333; padding:8px 15px; margin:0px 0px 10px 0; background:#eee; display:inline-block;}
.leftnavh2 a{ color:#333; padding:8px 15px; margin:5px 0px; background:#ccc; display:inline-block;}
.leftnavn2 a{ color:#333; padding:8px 15px; margin:5px 0px; background:#eee; display:inline-block;}

.h2{text-align: center; margin-bottom: 35px;}
.input1{float:left; width:33.33%; text-align: left;}
.input2{float:left; width:33.33%; text-align: center;}
.input3{float:left; width:33.33%; text-align: right;}
.input1 input,.input2 input,.input3 input{width:97%; height:45px; background: #fff;}
.input4{float:left; width:100%; text-align: center; margin:20px 0 0 0;}
.input4 textarea{width:100%; height:150px; background: #fff; font-family:Arial; padding:5px;}
.input5{float:left; width:100%; text-align: center; margin:20px 0;}
.input5 input{width:180px; height:45px; background:#e96652; color: #fff; border:none;}

/*分页*/
.tc{text-align:center;}
.paging{ height:26px; margin-bottom:20px; width:100%; display:table;}
.paging a{ margin-right:5px; padding:5px 9px 5px 9px; display:inline-block; vertical-align:middle;}
.paging a:link, .paging a:visited{ color:#000000; text-decoration:none; border:1px solid #cccccc;}
.paging a:hover, .paging a:active{ color:#ffffff; text-decoration:none; border:1px solid #666; background-color:#666;}
.paging a.previous{ padding:5px 9px 5px 9px;}
.paging a.next{ padding:5px 9px 5px 9px;}
.paging span{ color:#666666; vertical-align:middle; margin:0px 7px;}
.pageNum{ width:30px; height:18px; border:1px solid #999999;}
.upDown{ line-height:28px; padding:0px 32px 10px;}


.contentdate{width:100%; text-align:center; font-size:12px; padding-bottom:20px; line-height:24px;}
.contenttitle{width:95%; color:#f50707; text-align:center; font-size:16px; line-height:40px; font-weight:bold; border-bottom:2px #ccc solid; margin:0px auto;}

.trdsp img{width:214px; height:170px;}
.trdsp2 img{}
.pc350{width:350px;}




@media (max-width: 640px){
.fixed_box2{display:none;}
}
@media (max-width: 1140px){
.pc350{width:350px;}
}
@media (max-width: 768px){
.max768{display:none;}
.footer .ft-mene li{width:50%;}
.left1{width:100%; text-align: center; color:#ccc;}
.left2{width:100%; text-align: center; color:#ccc;}
.copyright{width: 100%; margin-top: 0; line-height: 20px;}
.friend2{width: 100%; margin-top:15px;}
.input1{float:left; width:100%; text-align: left;}
.input2{float:left; width:100%; text-align: center;}
.input3{float:left; width:100%; text-align: right;}
.input1 input,.input2 input,.input3 input{width:100%; height:45px; background: #fff; margin-top: 20px;}
}
@media (max-width: 850px){
.max850{display:none;}
}


