@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}
body{font-size:15px;  margin:0; padding:0;font-family: "微软雅黑"; overflow:hidden; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,html,body,nav{padding:0;margin:0; color:#333}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}
img{border:0;}
ol,ul{list-style:none;}
i{ font-style:normal}
h1{font-size:18px;}
a{color:#333;text-decoration:none;font-size:15px;blr:expression(this.onFocus=this.blur());font-family: "微软雅黑"; }
a:hover{color:#f00;text-decoration:none;}
.clean70{clear:both;height:70px;overflow:hidden;}
.clean50{clear:both;height:50px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean10{clear:both;height:10px;overflow:hidden;}
.left{ float:left;overflow:hidden;}
.right{float:right;overflow:hidden;}
.mar{ margin:0 auto}
.w1200{ width:1200px; overflow:hidden;clear:both;}
.i{font-style:normal}


/*返回顶部样式*/
.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}

.wtop{width:1200px;}
.topp{ width:100%; height:48px; float:left; background:#165aa9; color:#FFF}
.header{ width:700px; float:left}
.header span{ display: inline-block;vertical-align: top;font-size: 13px;color: #555;line-height: 48px; padding-left:10px;}
.header span i{ font-size: 18px; margin-top: -2px;display: inline-block;margin-right: 5px;color: #fff;    }
.header span p{color: #fff;display: inline-block;}


/*语言选择开始*/
.language{float: right; margin-top:10px; margin-right:13px;}
.language .cur{cursor: pointer;  position: relative; padding: 3px 5px 1px 3px; background-color: #fff; z-index:11111}
.language .cur e{ color: #555; font-size: 12px; line-height: 20px;background-image:url(../images/flag.png); background-repeat:no-repeat; padding-left: 30px; height: 20px; display: block;}
.language .cur e i{font-weight: bold;font-size: 12px;margin-left: 3px;}
.language .cur:hover e{color: #ff3b23; }
.language ul.language-list{
	max-height: 400px;z-index:11111;
    overflow: auto;
	position:absolute;
	z-index: 2;
	top: 24px;
	right: 0;
	list-style-type: none;
	background-color: #fff;
	font-size: 12px;
	height: 0;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	opacity: 0; 
}
.language .cur:hover .language-list{
	opacity: 1;z-index:11111; 
	height: auto;
	padding: 2px 5px;
	-webkit-box-shadow:0 0 5px #ccc;  
	-moz-box-shadow:0 0 5px #ccc;  
	box-shadow:0 0 5px #ccc;
}
.language ul.language-list li{
	padding: 4px 4px 2px 4px;
	overflow: hidden;
	border-bottom: 1px solid #ececec;
	margin: 3px 0 2px 0;
}
.language ul.language-list li a{z-index:11111;color: #1b1b1b; font-size: 12px; line-height: 20px;background-image:url(../images/flag.png); background-repeat:no-repeat;background-position:0 0; padding:  0 0 0 30px; float: left; width: 100%;white-space:nowrap;}
.language ul.language-list li:hover{background-color: #80b435;}
.language ul.language-list li:hover a{color: #fff;}
.language e.cn, .language ul.language-list li a.cn{background-position: 0 0;}
.language e.en, .language ul.language-list li a.en{background-position: 0 -22px;}



/*导航条1*/
.top{ width:100%; height:120px; float:left; background:#474747; z-index:0}
.logo{height:120px;width:279px; background:url(../images/ibg.PNG) bottom no-repeat; float:left; overflow:hidden; height:}
.logo img{height: 81px; width:225px; margin-top:32px; margin-left:3px}

/*导航条*/
.dht{ float:right; text-align:center; height:44px; width:921px; margin-top:76px; background: url(../images/dhtbk.jpg) repeat-x;}
.menu{ width:100%; overflow:hidden; float:left}
.menu .menu_item{ display:inline-block;float:left;color: #fff;width:92px;text-align:center;font-family:"微软雅黑";}
.menu .menu_item a{font-size: 16px;color: #fff; width: 92px;height:44px; line-height:44px;font-family:"微软雅黑";overflow:hidden; }

.menu .menu_item:hover a{color:#4bab33;}

.cur a{color:#4bab33 !important;}
.menu:hover .cur{background:none}
.menu:hover .cur a{color:#fff !important; }
.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;border-top:2px solid #4bab33;}
.submenu{ overflow: hidden;z-index:999999999; display:none;background-color:#464b4e}
.submenu_item {padding:0 2px; min-width:100px; }
.submenu_item a{ color:#fff!important; font-weight:100 !important; line-height:3em !important;}
.submenu_item:hover{ background:#6cb5ea}
.submenu_item a:hover{ color:#fff !important;}

/*搜索*/
.search{ width:210px; height:36px; float: right; margin-top:20px; }
.kuan_sou{ width:165px; height:34px; line-height:36px;float:left;border:none;background:#fff; }
.kuan_an{ width:45px; height:34px; background:#000000;cursor:pointer; float:left; color:#FFF;  border:none;}
.kuan_an:hover{background:#165aa9}
/*banner*/
.bannerbj{ width:100%; height:470px; padding-top:10px; padding-bottom:10px; background:#e0e1e2; float:left}
#banner{ height:470px; max-width:1200px; margin:0 auto }
.banner-subban{ width:100%;float:left; }
.banner-subban img{width:100%;float:left;}

/*关于我们*/
.cfcm ul{ width:110%; float:left}
.cfcm ul li{ width:384px; float:left; padding-right:24px; overflow:hidden}
.cfcm ul li  span{width:380px; height:200px; display:table-cell; text-align: center; vertical-align: middle;overflow:hidden; border:2px solid #165aa9;*display: block; *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cfcm ul li a span img{ max-width:382px; max-height:198px; width:auto; height:auto;overflow: hidden;vertical-align: middle;}


.button{ width:516px !important;}
/*产品中心*/
.account-l,.cp_list {width: 270px; float:left}
.list-title{
    display: inline-block;
    width: 100%;
    max-width: 270px;
     background: url(../images/tl.jpg) bottom repeat-x;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #4bab33;
    font-weight:600;
    cursor: pointer;
}

.accordion {
    width: 100%;
    max-width: 270px; border-bottom:1px dotted #bdbdbd;
background: #FFF;}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 42px;
    color: #4D4D4D;
    font-size: 16px;
    border-bottom: 1px dotted #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link {
    border-bottom: 0;
}
.accordion li{
    cursor: pointer;
}
.accordion li i {
    position: absolute;
    top: 18px;
    left: 12px;
    font-size: 18px;
    color: #165aa9;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-angle-double-down {
    right: 12px;
    left: auto;
    font-size: 16px;
}

.accordion li.open .link {
    color: #4bab33;
}

.accordion li.open i {
    color: #4bab33;
}

.accordion li.open i.fa-angle-double-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**
 * submenute
 -----------------------------*/
.submenute {
    display: none;
    background: #f5f5f5;
    font-size: 14px;
}

.submenute li {
    border-bottom: 1px solid #d6d7dc;
}

.submenute a {
    display: block;
    text-decoration: none;
    color: #666;
    padding: 12px;
    padding-left: 42px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenute a:hover ,.submenute li.current a{
   background: #165aa9;
    color: #FFF !important;
}
.fa-ul{width:100%; padding-top:15px; float:left}
.fa-ul li{ width:90%;line-height:24px; float:left; font-size:14px;padding-bottom:6px;}
.fa-ul li i{ margin-top:6px;}


.cp_right,.cp_rightt{ width:888px; float:right; overflow:hidden}
.rscp{ width:100%; float:left; background: url(../images/tl.jpg) bottom repeat-x;height: 50px;line-height: 50px;}
.rscp b{ float:left; font-size:16px;color:#165aa9}
.rscp a{ float:right; color:#999}
.cp_right ul,.cp_rightt ul{ width:110%; float: left; overflow:hidden; padding-top:10px}
.cp_right ul li{ width:296px; float:left; border-right:1px solid #f1f1f1; overflow:hidden; margin-bottom:20px}
.cp_right ul li a span{ width:296px; height:173px; display:table-cell; text-align: center; vertical-align: middle;overflow:hidden; *display: block; *font-size: 151px;/*约为高度的0.873，200*0.873 约为175*/ 

*font-family:Arial;}
.cp_right ul li a span img{ max-width:278px; max-height:173px; width:auto; height:auto;overflow: hidden;vertical-align: middle;}
.cp_right ul li:hover span img,.cfcm ul li:hover span img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.cp_right ul li a p{ width:100%; height:38px; line-height:38px; float:left; text-align:center; font-size:16px;  overflow:hidden}
.cp_right ul li a:hover p{ background:#165aa9; color:#fff; }

.gywm_bj{width:100%; float:left; padding-top:20px; padding-bottom:20px;background:#0c325e;overflow:hidden;}
.gywm{ width:870px; float:left; overflow:hidden}
.gywm b a,.map b a{ width:100%; height:33px; line-height:33px; border-bottom:1px solid #bcbdbe; color:#fff; float:left; text-align:left; display:inline-block}
.gywm img{ width:390px; float:left; border:2px solid #484848; padding:2px; margin-top:15px; }
.gywm p{ width:450px; float:right; line-height:26px; color:#fff; padding-top:15px;}

.map{ width:290px; text-align:center; float:right;overflow:hidden}
.map img{ width:145px; padding-top:15px;}
.foot{ width:100%; float:left;background:#0c325e; border-top:1px solid #bcbdbe; overflow:hidden; text-align:center; padding:15px 0}
.foot p,.foot p a{ color:#cccccc;line-height:42px; }
.footer_1 ul{width:110%;float:left; padding-top:15px; padding-bottom:10px}
.footer_1 ul li{ width:120px; float:left;line-height:26px; height:26px; overflow:hidden; border-right:1px solid #FFF; text-align:center}
.footer_1 ul li a{ color:#ccc; font-size:15px;}

/*左侧通用*/
.cpfl{ width:230px; float:left; overflow:hidden}
.cp_left img{ width:100%; float:left; padding-bottom:5px;}
.cp_left dl{float:left; line-height:30px; padding:10px}
.cp_left strong{ color:#ff9900}
/*右侧关于我们*/
.nr_right{width:888px; float:right; overflow:hidden}
.dh_dy{ width:100%; height:40px; background:#f5f5f5; line-height:40px; float:left}
.dh_dy span{ float:left; padding-left:8px;}
.dh_dy a{ color:#888888}

.wznr{ width:100%; float:left;}
.wznr b{width:100%; float:left; text-align:center; font-size:17px; line-height:36px; padding-bottom:8px;}
.wznr p{ width:98%; overflow:hidden; float:left; line-height:24px;  }
.wznr p strong{ font-size:16px; color:#1696c5}
.wznr img{ max-width:90%; max-height:!important;margin:5px;}

.lxwm ul{width:110%; float:left;}
.lxwm li{ width:240px; height:100px;border-right:1px solid #f2f2f2;  float:left}
.lxwm li p,.lxwm li span{ width:90%; float:left; padding-left:20px; line-height:26px; color:#666666}
.lxwm li p{ color:#ff9900; font-weight:600; padding-top:5px}
.lxwm li i{ margin-right:8px;}
/*产品中心*/






.zbt{ width:100%;float:left; padding-top:30px;}
.zbt b{ float:left; padding:10px 30px; background: url(../images/dhtbk.jpg) repeat-x; color:#FFF;border-radius:5px;}

.gyfl{ width:100%; float:left}
.gyfl li{ width:100%; float:left; display:inline-block; border-bottom:1px dashed #d6d7dc; line-height:36px; padding-bottom:6px; padding-top:6px}
.gyfl li a{ font-size:16px}
.cuz a,.cuz i,.gyfl li:hover a,.gyfl li:hover i{ color:#6cb5ea}
.gyfl li i{ margin-top:6px; margin-right:5px; margin-left:5px}
/*翻页样式*/
#pages{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both; margin-top:20px; float:left}
#pages a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #1696c5; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #1696c5 solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}


/*新闻列表*/
.new_lb ul{ width:100%; float:left; overflow:hidden}
.new_lb ul li{ width:900px; float:left; border-bottom:1px dashed #e2e2e2; padding-bottom:4px; padding-top:4px;}
.new_lb ul li h2 a{ width:100%; line-height:30px; overflow:hidden; font-size:16px; font-weight:600; color:#666666}
.new_lb ul li i{color:#b1b1b1; font-size:13px;}
.new_lb ul li h2 a:hover{ color:#4bab33}



blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/*demo CSS*/
img{
    max-width: 100%;
    max-height: 100%;
}
.main-content{
    width: 100%;
}

.image-list{
    width: 110%;
}
.image-list .cover{
    position: relative;
    width:210px;
    height:170px;
    display: inline-block; margin-right:15px;
    margin-bottom: 15px;
    cursor: pointer;
}
.image-list .cover img{
    position: absolute; width:100%; height:100%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;object-fit:cover;

}

/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width:800px;
    height: auto;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #ff2e67;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #ff2e67;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}