﻿@charset "utf-8";


/* CSS Document */


body ,html{padding: 0px;margin: 0px; font-size:12px; background:#fff; }


*{margin:0px; padding:0px;}


ul,li,p,span,img,h6{margin:0px; padding:0px;}


ul,li{list-style:none;}


img{border:none;}


p{font-weight:normal; line-height:24px;}


a{ text-decoration:none; color:#333;border:none;}


i, cite, em, var, address, dfn {


    font-style: normal;


}


/* base */


html{font-family: arial; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color:#555; overflow-x:hidden}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:block;}.clear{clear:both;}/* 清除浮动*/


.colwrapper{overflow:hidden;zoom:1 /*for ie*/;}/* 高度自适应 */


.show{display:block;visibility:visible;}.hide{display:none;visibility:hidden;}





/* style */


.gkxcsp{     margin-top: -65px;


    float: right;


    position: relative;


    z-index: 62; background:#28374e; width:100px; line-height:30px; text-align:center;}


.gkxcsp a{ color:#FFF; font-size:13px;}	


.w1084{width:1200px; margin:auto}


.w1000{width:1090px; margin:auto}





.header{height:75px; background:#28374e; position:relative; z-index:8000}


.header .logo{ height:75px; float:left;}


.menu{ margin-top:10px; float:right;}


.menu li{float:left; width:90px; margin-top:16px; background:url(nav_li.jpg) no-repeat left center; text-align:center; }


.menu li a{ font-size:14px; color:#ffffff;}





.midbg{ width:100%; height:490px; position: relative; z-index:1;clear:both; margin-bottom:25px; top:-36px; }


.iBan { height:490px; overflow:hidden; position:relative;z-index:1;_zoom:1; clear: none;}


.iBanScreen{  height:490px; background-repeat:no-repeat; background-position:center top;}


.iBanScreen ul{ width:100%; height:490px; position:relative; top:0; margin:0 auto;}


.iBanScreen li{ width:100%; height:490px; overflow:hidden; position:absolute; display:none;}


.iBanScreen li a{ display:block; width:100%; height:100%}


.iBanScreen .num{ position:absolute; bottom:15px; left:50%; z-index:999; }


.iBanScreen .num a{ display:inline-block; border: 1px solid #fff;border-radius: 10px; width: 15px;height: 15px;margin: 0;background-color: #fff; margin-left:5px; margin-right:5px;}


.iBanScreen .num a.cur{ border: 1px solid #fff;border-radius: 10px; background-color: rgba(0,0,0,0);}








.path{border-bottom:1px solid #C9C9C9; background:#bcc1c8; opacity: 0.6;    z-index: 10;


    position: relative;}


.path div{position:relative; z-index:99; padding-left:23px; line-height:36px; }


.left_top{ float:left;font-size:20px; color:#000; background:url(top_fh.png) no-repeat left center;}


.right_top{ float:right; font-size:20px; color:#000; background:url(top_dh.png) no-repeat left center;}





.main{}





.commpany_index{ float:left; width:386px; display:block; height:180px; margin:0px 7px; overflow:hidden;}


.home_title{ font-size:14px;  padding-left:30px; line-height:35px; background:url(mail_pbg.jpg) no-repeat left center;color:#fff; }





.myscroll { height: 276px; line-height: 23px;  overflow: hidden; margin-top:10px;}


.myscroll li { margin-left:24px; clear:both;}


.myscroll a {color: #000; text-decoration: none; line-height:25px;font-size:13px;}


.myscroll a:hover {text-decoration: underline;}





.concate_index{float:left; width:386px; display:block; height:180px; margin:0px 7px;   color:#FFF; background-size:100% 100%;}


.concate_index p{color:#fff;}


.pro_index{ background:url(pro_bg.jpg) no-repeat left top;float:left; width:386px; display:block; height:180px; margin:0px 7px;}


.pro_index p{ color:#fff; }


.pro_index a{ display:block; height:180px; width:386px;}


.con_li{ margin:17px; overflow:hidden; clear:both;}


.con_li li{ float:left; margin:0px 20px; }


.con_li li a{ display:block; width:44px; height:44px;}


.con_li li img{    -webkit-transition: 0.4s;


    -webkit-transition: -webkit-transform 0.4s ease-out;


    transition: transform 0.4s ease-out;


    -moz-transition: -moz-transform 0.4s ease-out;}


.con_li li img:hover{    transform: rotateZ(360deg);


    -webkit-transform: rotateZ(360deg);


    -moz-transform: rotateZ(360deg);}


.con_bot01{ font-size:14px; color:#CCC;text-transform: uppercase; margin-left:20px;}


.con_bot02{ font-size:14px; color:#CCC;  margin-left:20px;}


.con_bot02 span{ color:#F00; margin-right:8px;}


.qiye{ float:right;}


.qiye p{ float:left; margin:0px 8px;}


.qiye p img{ width:100px;}








.w158{width:158px; margin-left:15px}.w158 ul{border-top:1px solid #ddd;}


.w158 li{padding:5px 10px 5px 23px; border:1px solid #ddd;border-top:none; line-height:27px; font-size:13px;}.w158 li:hover,.w158 li.hover{background:#EC1B23}.w158 li:hover a,.w158 li.hover a{color:#FFF; font-weight:bold; display:block}


.w250{width:250px}/*.w250 li{letter-spacing:-0.5px}*/


.w860{width:860px}


.w770{width:800px}


.prlist{min-height: 420px;}


.prlist li:nth-child(3n){margin-right:0;}


.prlist li{width:242px;height:232px; padding-bottom:15px; position:relative; float:left; border:1px solid #ddd;border-radius:5px; margin-right:20px; margin-bottom:24px}.prlist li img{ width:230px; height:146px;border-radius:3px; margin:5px; }


.prlist li em,.prlist li i{display:block; text-align:center; font-weight:100;line-height:20px; }.prlist li i{background:#ED1C24; width:216px; margin:auto; line-height:31px;border-radius:5px;}.prlist li i a{color:#FFF}.prlist li:hover i{background:#000}


.prlist li em{letter-spacing:-0.5px; height:40px;}


.prlist li q{display:none; position:absolute; left:70px; top:20px; z-index:999; width:108px; height:108px; background:url(ico.png) no-repeat left -800px}


.prlist li:hover q{display:block}





.prs{width:1920px; position:relative; left:50%; margin-left:-960px;}


.prs a{display:block; position:absolute; left:1400px;  z-index:99; background:url(ico.png) no-repeat left -725px; width:143px; height:39px}.prs a i{visibility:hidden}


.en .prs a{background-position:left -920px}


.prs a.t{top:30px;}


.prs a.b{bottom:30px}





.fl{float: left;}


.dlfl dt{float: left;}


.dlfl dd{float: right; width:652px; text-align: right;}





.conbox{width: 100%;height: 100%;position: relative;z-index: 998;min-width: 1400px;}


.box{width: 100%;padding-top: 80px;padding-right: 0px;padding-bottom: 50px;padding-left: 0px;min-width: 1500px;background-color: rgb(255, 255, 255);}


.f14{font-size: 14px;}


.down{padding-bottom: 20px;border-top:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid; padding-top:43px;}


.down dt{margin-right: 20px;}


.down dt P{line-height: 18px;padding-bottom: 10px;}


.down .ico{padding-left: 50px;display: inline-block;background: url(ico.jpg) no-repeat left center; line-height:20px;}


.down .f14{padding-top: 10px;padding-right: 0px;padding-bottom: 20px;padding-left: 0px;display: block; text-align:center;}


.down dd img{margin-top: 0px;margin-right: 5px;margin-bottom: 0px;margin-left: 5px;vertical-align: middle;}


.down dd a{margin-right: 10px;}


.w170{width: 115px;}


.w135{width: 115px;}


.w270{width: 480px;}


.w270 dd div{width: 222px; float:left; text-align:left; margin-left:18px; }


.w270 dd div p{ font-size:14px; color:#000; background:url(foot_pro_bg.jpg) no-repeat right center;} 


.fmune{ text-align:center;}


.fmune dl{height: 330px;border-left-color: #e0e0e0;border-left-width: 1px;border-left-style: solid;float: left;}


.fmune dl:nth-child(1){padding-left: 0;border:none}


.fmune dl a{display: block;}


.fmune dl dt{color: #000;line-height: 36px;font-size: 14px;}


.fmune dl dt.pd{padding-top: 10px;}


.fmune dl dd a:link{color: #999;line-height:24px;}


.fmune dl dd a:visited{color: #999; line-height:24px;}


.lx_foot{color: #000; line-height:24px; text-align:left;padding-left: 20px; width:300px;}


.fboot{background:#28374e; clear:both; overflow:hidden; margin-top:30px;}





.f{ float:right; font-size:15px; color:#FFF; line-height:22px; margin-top:16px;}


#bottom { clear:both; margin-top:20px;


}


#bottom p {


	text-align: center;


	line-height: 20px;


	font-size: 13px;


	color: #fff;


}


.wfoot{ width:1200px; margin:0 auto;}


.fl_dy li.nav_a{ background:#EC1B23;}


.fl_dy li.nav_a a{ color:#FFF;}


.fl_dy p{padding:5px 10px; border:1px solid #ddd;border-top:none; line-height:27px; background:#28374e;}


.fl_dy p a{ color:#FFF; font-weight:bold;font-size: 16px;}


/*分页样式*/


.listpage{clear:both;padding:26px 0;height:26px; text-align:center;}.listpage i{font-style:normal; font-size:20px}


.listpage a,.listpage span{padding:5px 10px; font-size:14px;height:26px; text-align:center; line-height:26px; color:#262627;}


.listpage a{ border:1px solid #CCC; margin-left:-1px}


.listpage span{background:#EC1B23;border:1px solid #EC1B23; color:#fff;text-align:center;}


.listpage a:hover{color:#f00;background:#eee; text-decoration:none;}





/* function */


.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}


.f-cb,.f-cbli li{zoom:1;}


.f-ib{display:inline-block;*display:inline;*zoom:1;}


.f-dn{display:none;}.f-db{display:block;}


.f-fl{float:left;}.f-fr{float:right;}


.f-pr{position:relative;}.f-prz{position:relative;zoom:1;}


.f-oh{overflow:hidden;}


.f-SinSun{font-family:arial,Simsun,\5b8b\4f53;}.f-YaHei{font-family:'Microsoft YaHei UI',"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}


.f-12{font-size:12px;}.f-14{font-size:14px;}.f-18{font-size:18px;font-family:'Microsoft YaHei UI',"Microsoft YaHei"!important}.f-20{font-size:20px;}.f-25{font-size:25px;}


.f-fwn{font-weight:normal;}.f-fwb{font-weight:bold;}.f-tal{text-align:left;}.f-tac{text-align:center;}.f-tar{text-align:right;}.f-taj{text-align:justify;text-justify:inter-ideograph;}


.f-vam,.f-vama *{vertical-align:middle;}


.f-wsn{word-wrap:normal;white-space:nowrap;}


.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}


.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}


.f-ti{overflow:hidden;text-indent:-30000px;}


.f-ti2{text-indent:2em;}


.f-lhn{line-height:normal;}


.f-tdu,.f-tdu:hover{text-decoration:underline;}


.f-tdn,.f-tdn:hover{text-decoration:none;}


.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}


.f-csp{cursor:pointer;}.f-csd{cursor:default;}.f-csh{cursor:help;}.f-csm{cursor:move;}


.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}





.h10{height:10px}.h20{height:20px}.h30{height:30px}.h35{height:35px}.h40{height:40px}.h50{height:50px}





.list{text-align:left;line-height:25px;border:1px #CCCCCC solid;padding:5px 0px 5px 30px; margin-top:20px;}


.list a{color:#7e7e7e;}


.title_news{height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; color: #000; margin-bottom:20px; }


.nry_content{ padding: 15px; clear:both; min-height:407px; }


.nry_content p{  text-align:left; text-indent: 2em; line-height:29px; color:#080808; font-size:16px;}


.nry_content td{ padding:5px; }


.nry_content img{ max-width:650px;}


.nry_content .ul_out > ul{

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

}

.nry_content .ul_out > ul > li{

    width: 40%;

    margin: 10px 0;

}

.nry_content .ul_out > ul > li .img img{

    width: 100%;

}

.nry_content .ul_out > ul > li .text{

    margin-top: 10px;

}

.nry_content .ul_out > ul > li .text .title{

    color: red;

    font-size: 17px;

    font-weight: bold;

    text-align: center;

}

.nry_content .ul_out > ul > li .text .desc{

    text-align: left;

    font-size: 14px;

    /* margin-top: 10px; */

    line-height: 20px;

}

.nry_content ul{display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center; }

.nry_content .huheji > li{
   
    width: 48%; margin-bottom:25px;  

}
.nry_content .huheji > li img{
   
    width: auto; max-width:100%;

}




.nry_content .ul_out .huheji > li{
   
    width: 22%;

}



.visibility-hidden {
    visibility: hidden;
}


.ny_banner_cp{ overflow:hidden; width:100%; clear:both; text-align:center;}


.ny_banner_cp img{ width:100%;}


.new_shi{ font-size:14px; line-height:25px; }


.newslist{ min-height:420px;}


.newslist ul li{ clear:both; border-bottom:1px solid #999999; padding-bottom:20px; overflow:hidden; margin-top:8px; }


.newslist ul li img{ float:left; width:230px; margin-right:15px;}


.newslist ul li a{ clear:both;}


.news_right{ float:left; width:550px; line-height:25px;}


.news_right p{ font-size:16px; color:#000; font-weight:bold;}


.news_right span{ font-size:14px; color:#000;}





.xiazai li{clear:both; border-bottom:1px solid #999999; line-height:30px; padding:0px 15px;}


.xiazai li a{ float:right;}


.xiazai{ min-height:420px;}


























/* 右侧悬浮窗 联系方式 手机网站图片 */





.right_contact {


    position: fixed;


    z-index: 999;


    right: 0;


    bottom: 50%;


    padding: 10px;


    background-color: #fff;


    border: 1px solid #ccc;


}


.right_contact .mobile_title{


    text-align: center;


    font-size: 16px;


    margin-bottom: 5px;


}


.right_contact .img img{


    width: 150px;


    height: 150px;


}





.right-fixed.right-fixed{--form-theme-color: #ed1c24;


    --li-hover-color: #ed1c24;}


