*{margin:0;padding:0;list-style:none;font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif; }
html, body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color:#333;
    font-size: 14px;
    font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif;
}
h1,h2,h3,h4,h5{font-weight: 500;}
a{color:#666;text-decoration:none;}
a:hover{color:#0670bb;}
img{border:0 none;}
input,a,textarea,button{outline:none;}
span,b,dl,dt,ul,li,i,em{font-style: normal;}
.block{display: block;}
.warp{width:1100px;margin:0 auto;}
.clearfix{zoom:1;clear:both;display:inline-block;}
.clearfix{display:block;}
.clearfix:after{content:".";height:0;display:block;clear:both;visibility:hidden;font-size:0;}
.mt20{margin-top:20px !important;}
.mt0{margin-top:0 !important;}
.mt25{margin-top:25px !important;}
.mb25{margin-bottom:25px !important;}
.backtop{position: fixed;bottom: 50px;right:50%;margin-right: -640px;z-index: 9999;width:40px;height:40px;cursor: pointer;background:url("../images/opc05.png") repeat;background:rgba(0,0,0,0.5);border-radius: 3px; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5}
.backtop i{font-size: 17px; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;line-height: 40px;text-align: center;display: block;color: #fff;}
.backtop:hover{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.head{position:fixed;top:0;left:0;width:100%;height:100px;z-index:98;
   -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    -ms-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out;
}
.head .warp{position: relative;padding:15px 0;height:50px;}
.head .logo{float: left;}
.head .enlisth{display:none;}
.head .logo a{display: block;width: 225px;height: 55px;background:url("../images/logo_w.png") no-repeat;}
.head .nav{float: right;padding:0 0 0 15px;}
.head .nav ul{float: left;}
.head .nav li{float: left;}
.head .nav li a{display: block;padding:0 15px;line-height: 50px;color: #fff; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.head .nav li a:hover{text-decoration: underline;}
.head .nav li.active a{opacity: 1;}
.head .nav .searchIcon{float:left;line-height: 50px;display: block;height: 50px;position: relative;width: 30px;overflow: hidden;margin:0 10px 0 0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.head .nav .searchIcon.on,.head .nav .searchIcon:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.head .nav .searchIcon:before{position: absolute;top: 0;left:0;font-size: 30px;color: #e60012;}
.head .nav .searchIcon i{color: #fff;position: absolute;z-index: 1;top: 0;left:0;width: 30px;text-align: center;}
.head .nav .lang{float:left;line-height: 50px;display: block;height: 50px;color: #fff;padding-right:10px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;/*position: relative;padding-left: 25px;*/}
.head .nav .lang:before{/*content: ""*/;width: 1px ;height: 25px;background: #d1d1d1;display: block;position: absolute;left: 0;top: 12px;}
.head .nav .lang:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.head .nav .lang i{font-size: 12px;margin-left: 5px;}
.head .head_search{position: absolute;top:65px;right: 0;background: #fff;background: rgba(255,255,255,0.9);height:26px;padding:6px 10px;display: none;}
.head .head_search input{border:0;border-bottom: 1px solid #eee;background:none;line-height: 24px;height:24px;width: 200px;}
.head .head_search button{background: none;border:1px solid #ccc;padding: 3px 10px;}
.head .lang_li{position: absolute;top:60px;right: 20px;background: #fff;background: rgba(255,255,255,1);line-height: 25px;padding:0 8px;display: none;border:1px solid #eee;}

.head_w{background: #fff;background:rgba(255, 255, 255, 0.88);height:70px;}
.head_w .logo a{background-image: url("../upload/images/2021/1/5beec8e5f3b34049.png");}
.head_w .nav{height:60px;}
.head_w .nav li a{color: #333;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.head_w .nav li.active a{font-weight: 700;color:#193b57;/*border-bottom: 3px solid #e60012;*/height:57px;}
.head_w .nav .lang{color: #666;}
.head_w .warp{padding:10px 0 0;}
.head_w .head_search{top:70px;}
.head_w .lang_li{top:60px;}
.indexhead .nav{background:url("../images/opc05.png") repeat;background: rgba(0,0,0,0.3);}

.nav_brank{color: #999;font-weight: 500;font-size: 14px;}
.nav_brank i{padding-right: 6px;}
.nav_brank a{color:#999;font-size: 14px;}
.nav_brank span{}
.nav_brank em{color: #193b57;}

.fl{float: left;}
.fr{float:right;}

.main_image{overflow:hidden;position:relative;width:100%;height:100%;}
.main_image ul{width:9999px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height: 100%;}
.banner{position: relative;z-index: 0;width: 100%;overflow: hidden;height:600px;margin-top: 70px;}
.banner ul{width: 9999px;height:600px;position: absolute;}
.banner ul li{float: left;background-repeat:no-repeat;background-size: auto 100%;background-position: center;}

.banner p{position: absolute;bottom:39%;text-align: left;width:1100px;left: 50%;margin-left: -550px;z-index: 1;}
.banner p span{display: inline-block;width: 10px;height:10px;margin: 0 5px;transition: 0.3s;color: #909090;position: relative;font-size: 10px;text-align: center;}
.banner p span:before{position: absolute;left: 1px;top:3px;z-index: 0;}
.banner p span i{position:relative;z-index: 1;text-indent: -99999px;display: block;}
.banner p span.on{color:#666;}
.banner p span.on:before{color: #fff;font-size: 20px;top:-5px;left:-5px;}
.banner p span.on i{text-indent: 0;}
.banner .video{width:198px;height:123px;position: absolute;left: 50%;bottom:33%;border:1px solid #fff;margin-left: -594px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;transition: 0.2s;cursor: pointer;}
.banner .video .img{display: block;width: 198px;height: 123px;overflow: hidden;}

.hide{display: none;}
.vid{position: fixed;width: 100%;height:100%;background:url("../images/opc05.png") repeat;background: rgba(0,0,0,0.6);top: 0;left: 0;z-index: 109;}
.vid div{width:685px;height:450px;position: absolute;left:50%;top:50%;margin:-225px 0 0 -342px;}
.vid video{background: #000;}
.vid a{position: absolute;top:-60px;right:-20px;color: #ccc;font-size: 20px;}

.toppic{position: absolute;bottom:0;left:50%;margin-left: -550px;}
.toppic dd{float: left;width: 20%;height: 220px;text-align: center;color: #fff;background:#000;background: rgba(0,0,0,0.6);}
.toppic dd:nth-child(2n){background: rgba(230,230,230,0.8);}
.toppic dd a{color: #fff;}
.toppic dd:nth-child(2n) a{color: #000;}
.toppic dd i{display: block;font-size: 60px;padding:50px 0 10px;}
.toppic dd.cen{margin:0 11px;}
.toppic dd:hover{background:red;background: rgba(230,0,18,0.9);}
.toppic dd:hover a{color: #fff;}

.tit{font-size: 30px;color: #193b57;text-align: center;padding:20px 0;}
.tit.w{color: #fff;}
.tit span{display: block;width: 60px;height: 3px;background:#e60012;margin: 5px auto 0;}

.more{display: block;background: url("../images/more.png") no-repeat center;height: 73px;width: 46px;margin:0 auto;}
.more.on{background-image: url("../images/more2.png");}
.about_in .more{margin-top: 30px;}


.in_bot{background: url("../images/bg2.jpg") repeat-x bottom center;overflow: hidden;}
.in_bot .warp{position: relative;padding-bottom: 50px;}
.in_bot .left{width: 60%;}
.in_bot .left h2{padding-top:50px;font-size: 24px;color: #000;}
.in_bot .left p{line-height: 1.9em;color: #676666;padding-top: 15px;}
.in_bot .left p b{color: #6c385e;}
.video{position: absolute;right: 0;bottom: 0;}
 .video .vid_btn{position: absolute;left: 50%;top: 50%;width:100px;height:100px;z-index: 1;margin:-50px 0 0 -50px;cursor: pointer;background: #fff;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;}
 .video .img{z-index: 0;}
  .video .img img{display: block;}
 .video.hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.footer{background:#efefef;border-top: 1px solid #ccc;padding:30px 0;}
.footer .logo{float:left;height:22px;padding:27px 30px 27px 0;margin-right: 10px;}
.footer .cen{float: left;width: 710px;}
.footer .cen a{color: #193b57;padding:0 10px;margin-bottom: 10px;}
.footer .cen span{color: #193b57;}
.footer .cen p{line-height: 1.8em;color: #666;padding-left:10px;}
.footer .cen p.n{font-size: 12px;color: #999;text-transform:none;}

.banner-x{background-position: center;background-repeat: no-repeat;height: 469px;width: 100%;overflow: hidden;}
.banner-x .img{visibility: hidden;}

.m0{margin:0 !important;}
.p0{padding:0 !important;}
.red{color:#e50011;}
.about_cont .lc{margin-left: -85px !important;margin-top: 50px;margin-bottom: 50px;}


.about_cont p{padding:10px 0;line-height: 1.9em;text-indent: 2em;}
.about_cont img{display: block;margin: 10px auto;}
.page{text-align: center;padding:50px 0;}
.page a{display: inline-block;width:30px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #ddd;margin:0 2px;color: #999;}
.page a.n{background-color: #f8f8f8;line-height: 28px;}
.page a.n i{}
.page a.on{background:#4a4a4a;color: #fff;border-color: #4a4a4a;}
.page a:hover{background:#999;color: #fff;border-color: #999;}


.conts .cont{display: none;}
.conts .cont.show{display: block;}


.pro_tab{border-bottom: 1px solid #ddd;padding:30px 0 0 ;margin:0 auto;overflow: hidden;text-align: center;}
.pro_tab i{display: block;font-size:75px;color: #333;}
.pro_tab a{display: inline-block;width: 166px;text-align: center;}
.pro_tab a.cen{width:220px;}
.pro_tab img{display: block;margin:0 auto;}
.pro_tab span{display: block;color: #193b57;border-bottom:3px solid transparent; padding:10px 0 25px;}
.pro_tab a.cout span{color: #e60012;border-bottom:3px solid #e60012;}
.pro_tab a.cout i{color: #e60012;}
.pro_tab2 a{padding:10px 0 35px;}
.pro_tab2 i{font-size: 60px;}
.pro_tab2 a span{padding:5px 0 ;}
.pro_tab2 a.cout span{display: inline-block;border-bottom:1px solid #e60012;}

.pro_conts ul{margin-left: -26px;overflow: hidden;}
.pro_conts li{margin:24px 0 14px 26px;float:left;width: 349px;}
.pro_conts ul li span{display: block;color: #999;font-weight: 100;}
.pro_conts ul li a{display: block;margin:5px 0;color: #000;width:349px;overflow: hidden; text-align: center;}
.pro_conts ul li a.t{text-align: left;font-size: 20px;color: #666;}

.pro_conts ul li a img{ height: 262px; width: 349px; }


.pro_detial_top{margin-top: 70px;background:#fff url("../images/bg8.jpg") no-repeat 50px bottom ;height:395px;position: relative;}
.pro_detial_top h1{font-size: 26px;color:#e60012;font-weight: 700;padding-left: 30px;padding-top: 45px;}
.pro_detial_top h2{color: #000;font-size: 20px;font-weight: 400;padding:10px 0 0 30px;}
.pro_detial_top .nav_brank{padding:20px 0 0 30px;}
.pro_detial_top h3{color: #333;font-size: 16px;padding-bottom: 15px;}
.pro_detial_top ul{padding:40px 30px; width: 400px;}
.pro_detial_top ul li{width: 190px;float: left;}
.pro_detial_top ul li a{display: block;position: relative;padding-left: 60px;color: #e60012;line-height: 50px;}
.pro_detial_top ul li a i{position: absolute;left: 0;top: 5px;}
.pro_detial_top .pro_img{position: absolute;right:30px;top:21px;width: 520px;height:348px;box-shadow: 0 5px 15px rgba(0,0,0,0.2);overflow: hidden;}
.pro_detial_top .pro_img img{width: 520px;}

.pro_detial_tab{background:#fff url("../images/bg2.jpg") no-repeat bottom center;padding-bottom: 100px;}
.pro_detial_tab .tab{border-bottom: 1px solid #d4d4d4;height:50px;}
.pro_detial_tab .tab a{margin-right:40px;display:inline-block;line-height:50px;font-size: 20px; border-bottom: 2px solid transparent;margin-bottom: -1px;}
.pro_detial_tab .tab a.cout{border-color: #e60012;color: #e60012;}
.pro_detial_tab p{padding:15px 0;}
.pro_detial_tab .pdt_box{padding:0 30px 30px 30px;}
.p_tit{font-size: 20px;color: #000;position: relative;border-bottom: 1px solid #ccc;}
.p_tit:before{content: "";width: 50px;height: 2px;background: #e60012;display: block;top: 0;left: 0;}
.p_tit span{display: block;padding:10px 0;font-weight: 700;}
.l2em{line-height: 2em;}
table{border-collapse: collapse;border:1px solid #d3dbe3;width: 100%;}
table th,table td{border:1px solid #d3dbe3;padding:10px;/*text-align: center;*/}
table th{background:#eff5fb;font-weight: 700;}

.more3{background: #fff;padding:8px 20px;border:1px solid #ccc;color: #000;font-size: 14px;}
.more3 i{font-size: 14px;margin-left: 10px;}


.fload{position:absolute;top:0;left:0; width: 100%;height: 1000px;background: rgba(0,0,0,0.6);z-index: 999;}
/* .fload_info{position: absolute;top:40%;left:50%;width: 614px;height: 685px;margin: -342px 0 0 -307px;background: #fff;border-radius: 5px;overflow: hidden;} */


.fload_info{position: absolute;top:8%;left:50%;width: 614px;height: 685px;margin: 0 0 0 -307px;background: #fff;border-radius: 5px;overflow: hidden;}



.fload_info .close{position: absolute;right: 0;top: 0;background: #fafafa;text-align: center;display: block;width: 48px;height: 48px;line-height: 48px;}
.fload_info .close i{font-size: 30px;color: #999;}
.fload_info h2{line-height: 50px;text-align: center;padding:20px;margin:0 50px ;border-bottom: 1px solid #f1f1f1;margin-bottom: 10px;}
.fload_info h2 span{position: relative;padding-left: 50px;margin: 0 auto;color: #e60012;font-weight: 700;font-size: 20px;}
.fload_info h2 span i{position: absolute;left: 0;top: -2px;}
.form{display: block;margin:0 20px;}
.form p{position: relative;padding:10px 30px;line-height: 30px;overflow: hidden;}
.form p  em{position: absolute;right: 0;display: block;line-height: 50px; color: #e60012;font-size:22px;}
.form p span{display: block;float: left;width: 140px;text-align: right;font-size: 20px;color: #333;line-height: 42px;}
.form p span em{color: #e60012;}
.form input,.form textarea{float:right;width: 342px;padding:5px 10px;background: #f1f2f2;border-radius: 5px;height: 32px;line-height: 32px;border:none;}
.form textarea{height: 152px;}
.form button{width: 329px;height: 45px;background:#e60012;color: #fff;size:16px;font-weight: 700;border:none;margin:18px auto 0;display: block;cursor: pointer;}
.form .tip{color: #e60012;font-size: 18px;padding-left: 240px;}
.qu_tab{text-align: center;padding:40px 0;}
.qu_tab a{font-size: 30px;color: #333;font-weight: 700;padding:0 25px;position: relative;}
.qu_tab a.l:before{content:"";color: #eee;width:1px;height:25px;font-size: 60px;position: absolute;top: 10px;left:0;display: block;background: #ccc;}
.qu_tab a.cout{color:#e60012;}
.conactus {width: 650px;margin:0 auto;padding-bottom: 50px;}
.conactus h2{text-align: center;font-size:29px;color: #000;font-weight: 700; padding-bottom: 15px;}
.conactus  li{position: relative;padding:0 0 0px 80px;min-height: 60px;font-size: 20px;color: #666;line-height: 60px;}
.conactus li span{position: absolute;top:50%;left:10px;display: block;width: 60px;height: 60px;margin-top:-30px;}
.conactus  li.l1{line-height: 1.6em;}
.qa{width: 665px;margin:0 auto 50px;}
.qa .form p span{width: 195px;}
.qa p.code input{width: 220px;margin-left:12px;float: left;}
.qa p.code i{float: right;}
.envideoimg{width: 418px; height: 229px;}