*{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:1178px;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;}
.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;opafcity: 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;padding-top: 0px;}
.head .enlisth{display:none;}
.head .logo a{display: block;width: 225px;height: 55px;background:url("../upload/images/2021/1/4782ff22df3180f3.png") no-repeat;}
.head .nav{float: right;padding:0 0 0 15px;}
.head .nav ul{float: left;}
.head .nav li{float: left;position: relative;}

.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 li .cont{position: absolute;left: -40px;background:#fff;padding:20px 0;display: none;}
.head .nav li .cont:before{position: absolute;top:-12px;left:80px;color: #fff;}
.head .nav li .cont li{float: none;width:140px;padding-left: 20px;position: static;}
.head .nav li .cont a{color: #193b57;line-height: 34px;margin-right:20px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity: 1;font-size: 14px;}
.head .nav li .cont .hover a.t2,.head .nav li .cont a.t2:hover{background:#e60012;color: #fff;text-decoration: none;position: relative;}
.head .nav li .cont .hover a.t2:after,.head .nav li .cont a.t2:hover:after{content: "\e607";color: #fff;font-family: "iconfont";position:absolute;right:10px;top:0;font-size: 12px;}
.head .nav li .cont li .cont{position: absolute;left:160px;top: 0;background:#fff;width: 200px;height: 100%;display: none;}
.head .nav li .cont li .cont .info{padding-left: 20px;height: 100%;overflow: hidden;border-left: 1px solid #eee;}

.head .nav li h2{font-size: 16px;font-weight: 700;color: #193b57;padding-left: 35px;padding-bottom:10px;}
.head .nav .pronav .cont{left:-95px;width: 500px;}
.head .nav li.pronav .cont:before{left:140px;}
.head .nav .pronav .cont li{width: 260px;}
.head .nav .pronav .sc{position: absolute;right: 0px;top: 0;background:#fff;width: 240px;height: 100%;}
.head .nav .pronav .sc .info{margin-top: 20px;padding:0 0 0 30px;border-left: 1px solid #eee;height: 200px;}
.head .nav .pronav .sc a{width:40%;float: left;display: block;margin:0;padding:0;padding:0 0 0 5%;margin-right: 5%;position: relative;}
.head .nav .pronav .sc a:hover{text-decoration: none;background:#e60012;color:#fff;}
.head .nav .pronav .sc a:hover:after{content: "\e607";color: #fff;font-family: "iconfont";position:absolute;right:15px;top:0;font-size: 12px;}
.head .nav .pronav .sc h2{padding-left:5%;}

.head .nav .ab_nav .cont{width: 550px;}
.head .nav .ab_nav .cont ul{overflow: hidden;}
.head .nav li.ab_nav .cont li:nth-child(2n){border-left: 1px solid #eee;}
.head .nav li.ab_nav .cont li{width: 46%;float: left;padding:0;}
.head .nav li.ab_nav .cont li a{margin-left: 20px;}

.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;}
.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: 65px;right: 0;background: #fff;background: rgba(255,255,255,0.9);line-height: 25px;padding:0 8px;display: none;}

.head_w{background: #fff;background:rgba(255,255,255,0.9);height:70px;border-bottom: 1px solid #eee;}
.head_w .logo a{background-image: url("../upload/images/2021/1/4782ff22df3180f3.png");}
.head_w .nav li a{color: #193b57;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.head_w .nav li.active a.t{font-weight: 700;}
.head_w .nav li a.t:hover{font-weight: 700;}
.head_w .nav .lang{color: #666;}
.head_w .warp{padding:10px 0;}
.head_w .head_search{top:70px;}
.head_w .lang_li{top:70px;}
.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: 745px;}
.banner ul{width: 9999px;height:745px;position: absolute;}
.banner ul li{float: left;background-repeat:no-repeat;background-size: auto 100%;background-position: center;}
.banner ul li span.img{display: block;height:745px;overflow: hidden;position: relative;}
.banner ul li span.img img{position: absolute;top: 0;left:50%;}
.banner p{position: absolute;bottom:5%;text-align: center;width: 100%;left: 0;z-index: 1;height:10px;}
.banner p span{display: inline-block;width: 10px;height:10px;border-radius: 5px;margin: 0 5px;background: #fff;transition: 0.3s;}
.banner p span.on{width: 30px;background: #e60012;}

.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;}

.banner .video .vid_btn{position: absolute;left: 0;top: 0;width: 198px;height:123px;}
.banner .video .vid_btn i{position: absolute;left:50%;top: 50%;margin:-29px 0 0 -21px;color: #fff;font-size:50px;}
.banner .video .vid_btn i em{position: absolute;left:50%;top:50%;margin:-6px 0 0 -9px;font-size: 20px;}
.banner .video.hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.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;top:890px;left:50%;margin-left: -594px;}
.toppic dd{float: left;}
.toppic dd.cen{margin:0 11px;}

.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;}
.about_in{padding: 30px 0 480px 0px; width: 1190px;margin:0 auto;}
.about_in p{color: #90a0b0;font-size: 17px;line-height: 1.8em;text-align: left;}
.about_in ul{overflow: hidden;}
.about_in ul li{float: left;width: 30%;padding:20px 1.65% 0;text-align: center;}
.about_in ul li a{color: #193b57;}
.about_in ul li a:hover{color:#fd7d7a;}
.about_in ul li i{font-size: 80px;}
.about_in ul li h3{font-size: 26px;padding:10px 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; display: none;}

.achievements{background: url("../images/bg1.jpg") no-repeat center;height: 520px;padding:20px 0 ;}
.achievements .warp{background: url("../images/line.png") no-repeat center;}
.achievements .tit{padding-bottom: 0;}
.achievements p{display: block;overflow: hidden;text-align: center;}
.achievements a{display:inline-block;width:166px;height:193px;position: relative;background: url("../images/picbg.png") no-repeat center;padding:19px;}
.achievements a span{position: absolute;z-index: 1;color: #fff;font-weight: 800;font-size: 20px;width: 100%;left:0;top: 50%;text-align: center;margin-top: -13px; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;transition: 0.3s;}
.achievements a img{position: relative;z-index: 0;opacity: 0.5;transition: 0.3s;}
.achievements a:hover span{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
.achievements a:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.in_bot{background: url("../images/bg2.jpg") no-repeat top right;height: 446px;}
.in_bot .left{float: left;width: 50%;}
.in_bot .left h2{padding-top:50px;}
.in_bot .left h3{color: #193b57;font-size: 20px;font-weight: 700;line-height: 1.9em;}
.in_bot .left h4{color: #193b57;font-weight: 700;line-height: 1.9em;}
.in_bot .left p{line-height: 1.9em;color: #90a0b0;width:590px;}
.in_bot .right{float: right;width: 50%;}
.in_bot .right p{overflow: hidden;}
.in_bot .right a{display: block;line-height: 223px;font-size: 26px;font-weight: 700;width:44%;padding:0 3%;float: left;color: #193b57;}
.in_bot .right p.w a{color: #fff;}

.footer{background:#efefef;border-top: 1px solid #ccc;padding:30px 0;}
.footer .logo{float:left;border-right: 1px solid #ccc;height:22px;padding:27px 10px 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{font-size: 12px;line-height: 1.8em;color: #999;padding-left:10px;}
.footer .right{width: 210px;float: right;}
.footer .right .link{position: relative;}
.footer .right .link span{display:block;width:190px;height:30px;line-height: 30px;background:#fff;border:0;color: #193b57;padding:0 10px;position: relative;}
.footer .right .link span i{position: absolute;right: 10px;top:0;font-size: 12px;}
.mt15{margin-top: 15px;}
.footer .right .link b{display: none;background:#fff;overflow: hidden;position: absolute;bottom:30px;width: 100%;}
.footer .right .link b a{display: block;padding:6px 10px;font-weight: 500;border-bottom: 1px solid #eee;}
.footer .right  p a{display: block;float: left;width: 33%;text-align: center;font-size: 32px;color: #193b57;height:25px;margin-top: 20px;line-height: 25px;position: relative;}
.footer .right p a:hover{color:#e60012;}
.footer .right p a.wx{border-left: 1px solid #bfbfbf;border-right: 1px solid #bfbfbf;}
.footer .right p a img{position: absolute;bottom:30px;right:50%;width: 0;height: 0;transition: 0.15s;border:1px solid transparent;}
.footer .right p a:hover img{width: 200px;height:200px;border-color:#cecece; }

.banner-x{height: 469px;background-position: center;background-repeat: no-repeat;}

.about_nav a{display: block;width: 14%;float:left;height: 60px;text-align: center;background:#193b57;}
.about_nav a span{display: block;line-height:58px;border-bottom: 2px solid #5E768A;border-right: 1px solid #5e768a;color: #fff;font-size: 16px;}
.about_nav a.active{background:#E09500;}
.about_nav a.active1{background:#648B4B;}
.about_nav a.active2{background:#6F638B;}
.about_nav a.active3{background:#438472;}
.about_nav a.active4{background:#1375A2;}
.about_nav a.active span{border-bottom-color: #fd7d7a;}

.tit2{border-bottom: 1px solid #eee;padding: 0 0 10px 50px;background:url("../images/icon.png") no-repeat;margin:25px 0 10px;height: 36px;line-height: 36px; }
.tit2 span{font-size: 30px;color: #000000;}
.tit2 b{float: right;font-weight: 500;font-size: 14px;color: #999;}
.tit2 b i{margin-top: 5px;display: inline-block;}
.tit2 b a{display: inline-block;color: #999;}
.tit2 b em{font-style: normal;color: #193b57;}

.about_cont p{padding:10px 0;line-height: 1.9em;text-indent: 2em;}
.about_cont img{display: block;margin: 10px auto;}

.about_cont .lay{background:url("../images/img4.jpg") no-repeat right top;height:382px;padding-top:60px;padding-right:500px;}
.about_cont .lay2{background:url("../images/img6.jpg") no-repeat right top;height:534px;padding-top:100px;padding-right:400px;margin-top: 30px;}
.m0{margin:0 !important;}
.p0{padding:0 !important;}
.red{color:#e50011;}
.about_cont .lc{margin-left: -85px !important;margin-top: 50px;margin-bottom: 50px;}

.zsUl{overflow: hidden;margin-left: -27px;}
.zsUl li{float:left; width: 373px;height: 487px;background:url("../images/zsbg.jpg") no-repeat;margin:30px 0 0 28px;}
.zsUl li a{display: block;height: 457px;}
.zsUl li span{display: block;text-align: center;}
.zsUl li  img{width: 285px;height: 406px;}

.yyZZ{overflow: hidden;margin-left: 18px;margin-bottom: 50px;}
.yyZZ li{float:left; width: 519px;height: 660px;background:url("../images/zsbg2.jpg") no-repeat;margin:30px 0 30px 28px;}
.yyZZ li a{display: block;height: 655px;}
.yyZZ li span{display: block;text-align: center;}
.yyZZ li  img{width: 445px;height: 616px;}


.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;}

.fm{text-align: center;padding-bottom: 30px;position: relative;}
.fm p{font-size: 12px;color: #999;margin:30px 0 0;padding:0;}
.fm h3{position: relative;}
.fm .y{position: absolute;right:294px;top:399px;display: block;width: 92px;height: 109px;}
.fm .y img{display: none;}
.fm .images{/*position: absolute;left:0;top:0;width: 100%;height: 100%;overflow: hidden;z-index: 2;*/}
.fm .images a{position: absolute;display: none;z-index: 1;}
.fm .images a:after{content: attr(data-tooltip);position: absolute;left: 0;top: 0;z-index: 1;background:#fff;font-size: 14px;padding:5px 10px;border-radius: 5px;}
.fm .images a:before{content: "\e659";position: absolute;top:25px;color: #fff;left:30px;font-family: "iconfont";}
.fm .images .map1_img{right:333px;bottom:98px;}
.fm .images .map2_img{right:390px;bottom:134px;}
.fm .images .map3_img{right:283px;bottom:180px;}
.fm .images .map4_img{right:294px;bottom:313px;}
.fm .images .map5_img{right:123px;bottom:314px;}
.fm .images .map6_img{right:468px;bottom:285px;}
.fm .images .map7_img{right:392px;bottom:346px;}
.fm .images .map8_img{right:361px;bottom:384px;}
.fm .images .map9_img{right:329px;bottom:406px;}
.fm .images .map10_img{right:637px;bottom:368px;}
.fm .images .map11_img{right:560px;bottom:437px;}
.fm .images .map12_img{right:485px;bottom:486px;}
.fm .images .map13_img{right:611px;bottom:509px;}
.fm .images .map14_img{right:705px;bottom:382px;}
.fm .images .map15_img{right:771px;bottom:427px;}
.fm .images .map16_img{right:677px;bottom:543px;}
.fm .images .map17_img{right:824px;bottom:607px;}
.fm .images .map18_img{right:840px;bottom:469px;}


.fm_imgbox{position:fixed;width: 100%;height: 100%;background: url("../images/opc08.png") repeat; background:rgba(0,0,0,0.8);top: 0;left: 0;z-index: 99;display: none;}
.fm_imgbox .info{width: 685px;height: 450px;padding:5px;border-radius: 5px;background: #fff;position: absolute;top: 50%;left: 50%;margin:-225px 0 0 -342px;}
.fm_imgbox .info img{width: 685px;height:450px;}
.fm_imgbox .info .close{position: absolute;right:-25px;top: -25px;color: #ccc;font-size: 25px;}

.conts .cont{display: none;}
.conts .cont.show{display: block;}
.conts .cont.show p img {width: 100%;}

.qy_whtab{text-align: center;padding:20px 0 30px;background:url("../images/line2.jpg") no-repeat bottom center;}
.qy_whtab a{color:#193b57;font-size: 16px; height:48px;width: 189px;text-align: center;line-height: 48px;background:#eff5fb;border:1px solid #c3cdd7;margin:0 20px;display: inline-block;}
.qy_whtab a.cout{color: #fff;background:#193b57;border:1px solid #193b57;}

.qy_whconts ul{margin-left: -20px;overflow: hidden;}
.qy_whconts ul li{width: 374px;float: left;margin:20px 0 0 20px;height:290px;}
.qy_whconts ul li span{display: block;color: #ccc;font-size: 12px;padding:5px 0;}
.qy_whconts ul li a{color: #193b57;font-weight: 700;font-size: 16px; display: block; overflow: hidden;width: 374px;height: 206px;}
/* .qy_whconts ul li a img{display: block;height: 206px;} */

.ab_lx{padding:30px 0 80px;}
.ab_lx dl {overflow: hidden;padding:0 0 0 140px;background:url("../images/bg3.jpg") no-repeat center left; position: relative;min-height: 140px;}
.ab_lx dl dt{width: 60px;height:60px;position: absolute;left: 20px;top:50%;margin-top: -30px;}
.ab_lx dl dt img{margin:0;}
.ab_lx dl dd {border-bottom:1px dashed #ccc;height: 140px;display:table; width: 100%;}
.ab_lx dl dd .info{display:table-cell; vertical-align:middle; }
.ab_lx dl dd p{padding:0;line-height: 1.5em;font-size: 16px;color: #666;}

.flot{width: 1015px;height:140px;margin:-120px auto 0;background:url("../images/opc_b08.png") repeat; background:rgba(25,59,87,0.8);overflow:hidden;position: relative;}
.flot li{float: left;width: 1015px;position: absolute;left: 100%;top:0;}
.flot li.show{left:0;}
.flot li i{display: block;width: 155px;height:86px;font-size: 86px;color: #fff;border-right: 1px solid #40697b;text-align: center;position: absolute;left:20px;top:30px;}
.flot li h2{margin-left: 200px;color: #fff;font-size: 26px;padding:23px 0 5px ;}
.flot li p{padding:0 80px 0 200px;color: #fff;font-size: 16px;line-height: 1.8em}
.flot .btn{position: absolute;right:0;top: 50%;width: 44px;height:44px;margin-top: -22px;line-height: 44px;text-align: center;color: #484848;background:#a1a3a3;}
.flot .btn i{font-size:30px;}

.pro_tab{width: 1015px;border-bottom: 1px solid #ddd;padding:30px 0 0 ;margin:0 auto;overflow: hidden;}
.pro_tab a{display: inline-block;width: 17%;text-align: center;}
.pro_tab a.cen{width: 30%;}
.pro_tab img{display: block;margin:0 auto;}
.pro_tab span{display: block;font-size: 16px;color: #193b57;font-weight: 700;border-bottom:3px solid transparent; padding:10px 0 25px;}
.pro_tab a.cout span{color: #e60012;border-bottom:3px solid #e60012;}

.pro_conts ul{margin-left: -43px;overflow: hidden;padding-top: 20px;}
.pro_conts li{margin:20px 0 0 43px;float:left;width: 363px;text-align: center;overflow: hidden;}
.pro_conts ul li span{display: block;color: #999;font-size: 12px;}
.pro_conts ul li a{display: block;margin:5px 0;font-size: 16px;color: #000;}
.pro_conts ul li a img{height: 262px;}

.pro_conts2 ul{margin-left: -43px;overflow: hidden;padding-top: 20px;}
.pro_conts2 li{margin:20px 0 30px 43px;float:left;width: 240px;text-align: center;overflow: hidden;}
.pro_conts2 ul li span{display: block;color: #999;font-size: 12px;}
.pro_conts2 ul li a{display: block;margin:5px 0;font-size: 16px;color: #000;}
.pro_conts2 ul li a img{height: 180px;}

.pro_detial_top{margin-top: 70px;background:url("../images/probg.jpg");height:452px;position: relative;}
.pro_detial_top h1{color: #193b57;font-size: 30px;font-weight: 700;}
.pro_detial_top h2{color: #e60012;font-size: 16px;font-weight: 800;padding:40px 0 30px;}
.pro_detial_top .nav_brank{padding:20px 0;}
.pro_detial_top h3{color: #333;font-size: 16px;padding-bottom: 15px;}
.pro_detial_top p{text-indent: 2em;line-height: 1.8em;width: 680px;}
.pro_detial_top .pro_img{position: absolute;right:50%;bottom:-40px;margin-right: -594px;}

.pro_detial_tab{background: url("../images/bg4.jpg") no-repeat top right;padding: 60px 0;}
.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;}
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;}
.news_tab a{width: 16.5%;}
.news_tab a.cout{background:#8F6C53;}
.news_tab a.cout1{background:#5e768a;}
.news_tab a.cout2{background:#5e768a;}
.news_tab a.cout3{background:#5e768a;}
.news_tab a.cout4{background:#5e768a;}
.news_tab a.cout5{background:#5e768a;}
.news_tab a.cout span{    border-bottom-color: #fd7d7a;}

.artical{margin-top: 70px;}
.artical .ad{padding: 10px 0;}
.artical .t{padding: 10px 0 30px ;border-bottom: 1px dashed #ddd;text-align: center;}
.artical .t h1{font-size: 30px;font-weight: 800;color: #333;padding-bottom: 25px;}
.artical .t span{color: #999;font-size: 16px;}
.artical .t span i{padding:0 5px;}
.artical .t a{margin:0 20px;color: #193b57;font-size: 16px;}
.artical img{margin:15px auto;}
.artical p{font-size: 16px;color: #666;}

.artical .pag{background:url("../images/line2.jpg") no-repeat;padding:30px 0 50px;margin-top: 40px;}
.artical .pag p{padding:2px 0;text-indent: 0;font-size: 14px;}

.newsUl{}
.newsUl li{height:56px;line-height: 56px;font-size: 16px; border-bottom: 1px dashed #ddd;padding-left:20px;position: relative;}
.newsUl li:before{content: "";display: block;width: 4px;height:4px;border-radius: 50%;margin-top:-2px;background:#193b57;position: absolute;left:8px;top:50%;}
.newsUl li a{float: left;}
.newsUl li span{float: right;color: #999;}

.hr_tab a{width: 25%;}
.hr_tab a.cout{background:#5e768a;}
.hr_tab a.cout span{    border-bottom-color: #fd7d7a;}

.lay3{overflow: hidden;padding: 30px 0;}
.lay3 span{display: block;float: left;}
.lay3 dl{float:right;margin:80px 40px 0 80px;text-align: center;}

.lay4{padding:30px 0 50px;margin-left: -60px;}
.lay4 dl{float: left;width: 350px;border:1px solid #ddd;height:425px;margin-left: 60px;box-shadow: 0 10px 10px  rgba(0,0,0,0.1),10px 0  10px  rgba(0,0,0,0.1);}
.lay4 dl dt{height: 55px;background:#3465aa;text-align: center;line-height: 55px;color: #fff;font-size: 16px;}
.lay4 dl dd{height:370px;position: relative;}
.lay4 dl dd img{position: absolute;bottom: 0;left: 0;z-index: 0;margin:0;}
.lay4 dl dd p{padding:25px 20px;position: relative;z-index: 1;color: #666;}
.lay4 dl dd ul{padding:25px 20px;}
.lay4 dl dd li{position:relative;padding:0 0 0 10px;line-height: 1.7em;color: #666;}
.lay4 dl dd li:before{content: "";width: 4px;height: 4px;background:#193b57;border-radius: 50%;display: block;position: absolute;left: 0;top: 11px;}
.lay5{background:url("../images/img22.jpg") no-repeat right top;height: 489px;}
.lay5 h3{font-size: 20px;font-weight: 700;margin-top:40px;color: #193b57;}
.lay5 p{width: 490px;}
.lay5 p.t{width: auto;padding:40px 0 0;text-indent: 0;}

.job_list{padding:30px 0 0;overflow: hidden;margin-left: -26px;}
.job_list a{width: 273px;height: 48px;border:1px solid #ddd;text-align: center;line-height: 50px;display: block;float: left;margin:0 0 26px 26px; }
.job_list a.active{background:#fd7d7a;border-color: #fd7d7a;color: #fff;}
.job_list a.hot{background-image: url("../images/hot.jpg");background-position: 10px 0;background-repeat: no-repeat; }
.job_list a.hot.active{background-image: url("../images/hot2.jpg");}

.job_detial{padding:40px 140px 50px;}
.job_detial h2{text-align: center;font-weight: 800;font-size: 24px;color: #193b57;margin-bottom: 20px;}
.job_detial th{background:#e6e6e6;}
.job_detial th,.job_detial td{border-color: #ddd;}
.job_detial td span{display: block;text-align: left;margin-left: 30%;}
.job_list a.hide{display: none;}
.more2{background:none;font-size: 33px;text-align: center;color: #ccc;height: 34px;}
.more2.on{background:none;transform: rotate(-180deg);}

.ac_tab a{width: 20%;}
.ac_tab a.cout{background:#5e768a;}
.ac_tab a.cout span{    border-bottom-color: #fd7d7a;}

.cg dl{border-bottom: 1px dashed #bdbdbd;padding:15px 0;}
.cg dl dt{background:url("../images/icon11.png") no-repeat;padding-left: 30px;line-height: 23px;margin:10px 0;}
.cg dl dt a{font-size: 16px;color: #193b57;font-weight: 700;}
.cg dl dt span{color: #999;margin:0 10px;}
.cg dl dd{text-indent: 2em;line-height: 1.8em;}

.search_h_box{margin-top: 70px;background:url("../images/searchbg.jpg") no-repeat center;height: 64px;padding-top: 25px; }
.search_h_box span{background:#fff;height: 40px;line-height: 40px;display: block;width: 419px;}
.search_h_box i{display:block;float:left;color: #e81828;font-size: 26px;width: 45px;text-align: center;}
.search_h_box input{width: 370px;line-height: 40px;border:0;font-size: 20px;}

.search_tab{background:none;padding-left:0;}
.search_tab .tab{float:left;font-size: 14px;color:#999;}
.search_tab .tab a{font-size: 16px;font-weight: 500;color: #193b57;}
.search_tab .tab a.cen:before{content:"|";padding:0 25px;color: #999 !important;}
.search_tab .tab a.cen:after{content:"|";padding:0 25px;color: #999 !important;}
.search_tab .tab a.cout{color: #e81828;}

.search_info h3{font-size: 20px;color: #999;padding: 10px 0 15px;}
.search_empty{height:200px;text-align: center;padding:200px 0;}
.search_empty i{font-size: 80px;color: #ddd;}
.search_empty span{color: #999;font-size: 16px;display: block;}

.tit3{position:relative;font-size: 30px;color: #000;margin:20px 0;overflow: hidden;}
.tit3:after{content: "";width: 2em;height:2px;background:#e60012;position: absolute;top: 0;left: 0;}

.ir_active{background: #eff2f7;margin:60px 0 30px;}
.ir_active .warp{background:url("../images/img29.jpg") no-repeat;height:420px; position: relative;}
.ir_active .tit3{width: 42%;float: right;margin-top: 5%;}
.ir_active .list{position: absolute;right: 0;top:28%;background:url("../images/opc_w08.png") repeat;background:rgba(255,255,255,0.8);width: 470px;padding:20px 25px 20px 55px;}
.list_li{overflow: hidden;}
.list_li li{line-height: 40px;overflow: hidden;}
.list_li li a{float: left;padding-left:10px;position: relative;}
.list_li li a:before{content: "";display:block;width: 2px;height:2px;background:#193b57;position: absolute;left: 0;top: 19px;}
.list_li li span{float: right;color: #666;}
.ir_active .list .more3{text-align: right;display: block;color: #084b67;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;margin-top: 10px;}
.ir_active .list .more3:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.ir_gk{padding:30px 0 50px;position: relative;}
.ir_gk .info{border:3px solid #eee;padding:20px 25px;width: 715px;overflow: hidden;}
.ir_gk .info p{line-height: 1.9em;}
.ir_gk .info .left{float:left;}
.ir_gk .info .right{float: right;border-left:1px solid #eee;padding:0 40px;padding-top: 80px;}
.ir_gk .img{position: absolute;right: 0;top:100px;}

.ir_gg{background: url("../images/bg7.jpg");height:420px;}
.ir_gg .list_li a{color: #000;}
.ir_gg .list_li span{color: #333;}
.ir_gg .fl,.ir_gg .fr{width: 520px;padding-top: 70px;}
.ir_gg h2{border-bottom:1px solid #333;height:56px;margin-bottom: 10px;}
.ir_gg h2 span{font-size: 30px;color: #000;border-bottom: 2px solid #e60012;height: 55px;display:inline-block;float: left;}
.ir_gg h2 a{float: right;font-size: 14px;color: #084b67;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;margin-top: 25px;}
.ir_gg h2 a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.pro_sel{padding:20px 80px 0; height:50px;}
.pro_sel dl{width:50%;float: left;position: relative; text-align: center;cursor: pointer;}
.pro_sel dl dd{position: absolute;display: none;width: 444px;left:50%;margin-left: -223px;border:1px solid #c1d7ec;font-size: 16px;top: 49px;background:#fff;}
.pro_sel dl dt i{margin-left: 5px;color: #8498a9;}
.pro_sel dl dt i.on:before{content: "\e6ac"}
.pro_sel dl dt{width: 444px;margin:0 auto;height:48px;background:#eff5fb;border:1px solid #c1d7ec;line-height: 48px;font-size: 20px;}
.pro_sel dl dt span{color: #193b57;}
.pro_sel dl dd li{line-height: 44px;color: #193b57;}
.pro_sel dl dd li:hover{color: #fff;background-color: #e60012;}
.allpro dl{position: relative; text-align: center;cursor: pointer; width: 100%; clear: both;}

.preamble_box{overflow: hidden;position: relative;height:100%;z-index: 100;background: #000;}
.preamble_vid{position: absolute;top: 50%;left: 50%;z-index: 0;}
.p_info{position: relative;height: 100%;z-index: 1;background:rgba(0,0,0,0.3);}
.p_info .p_top{padding:30px 0;margin: 0 auto;width: 1121px;}
.tel{float: right;color: #fff;font-size: 18px;line-height: 30px;}
.tel:before{font-size: 26px;float: left;}
.tel span{float: left;margin-left: 10px;}
.p_main{height:70% ;width:100%;display: table;text-align: center;color: #fff;margin: 0 auto;width: 1121px;}
.p_main .p_c{display:table-cell; vertical-align:middle;}
.p_main h1{font-size: 55px;}
.p_main p{font-size: 26px;margin: 10px 0 20px;}
.p_main a{font-size: 55px;color: #fff;}

.t1{font-weight:700;}
.leftin{width: 250px; float: left;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

 50% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

 50% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeOutDown {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}