@charset "gb2312";
/* CSS Document */

html{width:100%;height:auto;overflow-x:hidden;background-color:#fff;}

body{color:#333;font-family:Arial, Helvetica, sans-serif;font-size:14px;position:absolute;width:100%;height:auto;overflow:hidden;padding:0 auto;clear:both; min-width:1200px;}
p{color:#333;}

h1,h2,h3,h4,h5{ font-weight:normal;}
ol, ul {list-style: none;}
a{ color:#333;text-decoration:none;}
a:hover{text-decoration: none;}
.fl{ float:left;}
.fr{ float:right;}
.hc_1200{ width:1200px; margin:auto; border:0px  solid  red;position:relative;}
.clear{ clear:both}


.hc_fir{ width:100%; height:auto; background:#fff; -moz-box-shadow:0px 1px 3px #ccc;-webkit-box-shadow:0px 1px 3px#ccc;box-shadow:0px 1px 3px #ccc;z-index:100}
.hc_fir .hc_wel{height:30px;background-color:#efefef;width:100%;}
.hc_fir .hc_wel p{color:#333; font-size: 12px; display:inline-block; line-height:30px;}
.hc_fir .hc_wel p.hc_fx{ float:right; text-align:right;display:block; }
.hc_fir .hc_wel p.hc_fx a{ margin:0 8px}
.hc_fir .hc_wel p.hc_fx a.hc_on,.hc_fir .hc_wel p.hc_fx a:hover{ color:#2e7eaf}

.hc_heacn{margin:auto; height:90px; }
.hc_logo{ float:left; width:300px;height:90px; overflow:hidden;}
.hc_logo img{  height:50px; margin-top:20px; }

ul.hc_sider{width:900px;float:right;border:0px solid red;height:30px;text-align:right; margin-top:30px;}
ul.hc_sider li{display:inline-block;height:30px; margin:0 5px;}
ul.hc_sider li a{height:30px; width:150px;line-height:30px;display:block;text-align:center; font-size:14px; color:#333;}
ul.hc_sider li a:hover,ul.hc_sider li a.hc_on{color:#fff; background:#2e7eaf; border-radius:15px;}

.fixed2{position:fixed;top:0;z-index:4000; _position: absolute; _top:expression(eval(documentElement.scrollTop));}



.lj-banner{ width:100%; margin:auto; overflow:hidden;height:620px;position:relative;z-index:9}
.lj-dv_5 .lj-d1{ width:1920px; height:620px;overflow:hidden; display:block; position:absolute; left:50%; text-align:center; /*top:0px;*/margin-left:-960px;}
.lj-dv_5 .lj-d2{ width:100%; margin:auto;  height:20px; overflow:hidden; clear:both;position:absolute;z-index:100; left:0; bottom:0px; text-align:center; }
.lj-dv_5 .lj-d2 table{ margin:auto; height:30px; }
.lj-dv_5 .lj-d2 table td{ padding:0px 5px 0px 5px;}
.lj-dv_5 .lj-d2 table div{width:10px; height:10px;border-radius:5px; overflow:hidden; cursor:pointer; background:#fff; }
.lj-dv_5 .lj-d2 table div.nuw{ background:#01a6ff; }


.hc_ban{height:240px;}

.hc_sec{ width:100%; margin:0 auto 20px; height:auto; overflow:hidden; }

.hc_tit { overflow:hidden; text-align:center; margin:45px auto}
.hc_tit h5{ font-size:26px; color:#333; line-height:36px;}
.hc_tit p{font-size:14px; color:#888; line-height:20px; margin-top:12px;}
.hc_tit p span{ display:inline-block; width:120px; height:1px; background:#ccc; margin-top:9px;}
.hc_tit p i{font-size:40px; color:#2e7eaf; margin:0 15px;}
.hc_tit ul{ width:1200px; height:30px; overflow:hidden; margin:20px auto 0px; text-align:center; }
.hc_tit ul li{ display:inline-block; width:125px;  height:30px; margin:0 15px;}
.hc_tit ul li a{ display:block;  text-align:center; width:100%;overflow:hidden;  line-height:28px; border:1px solid #4684c1; border-radius:15px; font-size:14px}
.hc_tit ul li a:hover,.hc_tit ul li a.lj_hon{ background:#4684c1; color:#fff}


.hc_white h5,.hc_white p,.hc_white p i{color:#fff;}
.hc_white p span{ background:#fff;}

.hc_wen_abo{ overflow:hidden; background:url(../images/tu2.jpg) top center no-repeat}
.hc_wen_out{ overflow:hidden; background:url(../images/bg.png) center no-repeat; height:470px; margin-bottom:65px;}

.hc_video{ width:335px; height:260px; overflow:hidden; margin:95px 0 0 65px;}

.hc_wen_out .hc_wd{width:640px; margin:95px 120px 0 0;  }
.hc_wen_out .hc_wd p{ font-size:16px; line-height:30px; max-height:250px; overflow:hidden;}

.hc_mr{ overflow:hidden; margin:30px auto}
.hc_mr a{ display:block; width:118px; height:38px; border:1px solid #ddd; text-align:center; line-height:38px; color:#666; position:relative; z-index:0}
.hc_mr a::after{content: " ";position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: -1;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 650ms ease 0ms;transition: all 650ms ease 0ms;pointer-events: none;background-color:#2e7eaf;-webkit-transform: translatey(100%);transform: translatey(100%); opacity:0}
.hc_mr a:hover{ color:#fff}
.hc_mr a:hover::after{opacity:1; -webkit-transform: none !important;transform: none !important;}


.hc_icon{ overflow:hidden; margin-bottom:100px;}
.hc_icon ul li{ width:300px; height:300px; float:left; text-align:center;}
.hc_icon ul li a{ display:block; width:100%; height:100%; background:#4684c1; position:relative; z-index:0}
.hc_icon ul li img{ width:120px; height:110px; margin-top:40px;}
.hc_icon ul li h5{ font-size:18px; color:#fff; height:24px; line-height:24px; overflow:hidden; margin-top:20px}
.hc_icon ul li p{ font-size:14px; color:#fff; margin:10px;height:24px; line-height:24px; overflow:hidden;}
.hc_icon ul li span{ display:block; width:36px; height:36px; border:2px solid #fff; margin:0 auto; line-height:32px; font-size:24px; color:#fff; background:#58a6d4}
.hc_icon ul li:nth-child(2n) a{ background:#5baddc}
.hc_icon ul li:nth-child(2n) span{ background:#3277ba}
.hc_icon ul li a::after{content: " ";position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: -1;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 650ms ease 0ms;transition: all 650ms ease 0ms;pointer-events: none;background-color:rgba(0,0,0,0.1);-webkit-transform: translatey(100%);transform: translatey(100%); opacity:0}
.hc_icon ul li:nth-child(2n) a::after{ background-color:rgba(255,255,255,0.1); }
.hc_icon ul li a:hover::after{opacity:1; -webkit-transform: none !important;transform: none !important;}





.hc_incp{ overflow:hidden; background:url(../images/tu3.jpg) top center no-repeat}
ul.hc_cplm{ margin-bottom:90px; overflow:hidden;}
ul.hc_cplm li{ width:400px; height:255px;float:left;display:inline;overflow:hidden;}
ul.hc_cplm li a.hc_an{ display:block; overflow:hidden;height:255px; position:relative;}
ul.hc_cplm li .hc_pic{display:block; box-shadow: 1px 1px 15px rgba(0,0,0,0.1); width:100%;height:255px;overflow:hidden;}
ul.hc_cplm li .hc_pic img{max-height: 100%;min-height: 100%;transition: .3s transform;transform: translateZ(0);}
ul.hc_cplm li a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.1,M22=1.1);transition: .3s transform;}

ul.hc_cplm li .mask{width:100%; height:255px; padding:20px; overflow:hidden; background:url(../images/tu4.jpg) no-repeat;;position:absolute; left:0; top:255px; z-index:99;box-sizing:border-box; }
ul.hc_cplm li .mask h5{ height:45px; border-left:2px solid #fff; width:300px; color:#fff; margin:15px; padding-left:15px;}
ul.hc_cplm li .mask h5 span{ font-size:24px; display:block;  color:#fff; line-height:1em; height:1em; overflow:hidden;} 
ul.hc_cplm li .mask h5 small{ display:block;  font-size:14px; color:#fff;text-transform:Uppercase; line-height:1em; height:1em; overflow:hidden; margin-top:6px}
ul.hc_cplm li .mask p{ line-height:24px;font-size:14px; color:#fff;height:72px; margin:20px 30px; text-align:left; overflow:hidden;text-align:justify }
ul.hc_cplm li .mask span.hc_jiah{ display:block; width:36px; height:36px; border:2px solid #fff; line-height:32px; font-size:24px; text-align:center; color:#fff; background:#3277ba; margin-left:30px;}




.lj_d1{  margin:40px auto; z-index:99; height:auto; overflow:hidden; position:relative; text-align:center}
.lj_d1 ul{ width:1200px; height:30px; overflow:hidden; margin:20px auto 0px; text-align:center; }
.lj_d1 ul li{ display:inline-block; width:110px;  height:30px; margin:0 5px;}
.lj_d1 ul li a{ display:block;  text-align:center; width:100%;overflow:hidden;  line-height:30px; font-size:14px}
.lj_d1 ul li a:hover,.lj_d1 ul li a.lj-hon{ background:#eb344a; border-radius:15px; color:#fff}

.lj_onen{ width:1200px; overflow:hidden; margin:0px auto; }

.hc_xw_tj{ width:590px; overflow:hidden}
.hc_xw_tj .hc_pic{ height:320px; width:590px; overflow:hidden}
.hc_xw_tj .hc_pic img{ max-width:100%}
.hc_xw_tj .hc_wd{width:100%; height:90px; padding:0 30px 0 20px;background:#f5f5f5; position:relative;z-index:0;}
.hc_xw_tj .hc_wd h5{ float:left; width:calc(100% - 125px); height:40px; margin-top:25px;margin-left:30px}
.hc_xw_tj .hc_wd h5:first-child{ width:80px; border-right:1px solid #333 ; margin-left:10px}
.hc_xw_tj .hc_wd h5 span{  display:block; height:20px;  overflow:hidden; font-weight:bold; font-size:15px;}
.hc_xw_tj .hc_wd h5 p{  font-size:12px; color:#666; height:20px; line-height:20px;  overflow:hidden;}
.hc_xw_tj .hc_wd::after{content: " ";position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: -1;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 250ms ease 0ms;transition: all 250ms ease 0ms;pointer-events: none;background-color:#5baddc;-webkit-transform: translatex(100%);transform: translatex(100%);}
.hc_xw_tj a:hover .hc_wd::after{ -webkit-transform: none !important;transform: none !important;}
.hc_xw_tj a:hover .hc_wd h5 span,.hc_xw_tj a:hover .hc_wd h5 p{ color:#fff}
.hc_xw_tj a:hover .hc_wd h5:first-child{  border-right:1px solid #fff ;}




ul.hc_xwny{ overflow:hidden; width:590px;}
ul.hc_xwny li{ overflow:hidden; height:90px; margin-bottom:17px;}
ul.hc_xwny li a{ display:block; background:#f5f5f5; width:100%; height:100%; position:relative;z-index:0;}
ul.hc_xwny li a::after{content: " ";position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: -1;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 250ms ease 0ms;transition: all 250ms ease 0ms;pointer-events: none;background-color:#5baddc;-webkit-transform: translatex(100%);transform: translatex(100%);}
ul.hc_xwny li .hc_pic{ float:left; width:150px; height:80px; margin:5px; overflow:hidden;}
ul.hc_xwny li .hc_pic img{ min-height:100%; max-height:100%; width:100%}
ul.hc_xwny li .hc_wd{width:calc(100% - 50px); float:right; margin-right:30px}
ul.hc_xwny li .hc_wd h5{ float:left; width:calc(100% - 125px); height:40px; margin-top:25px;margin-left:30px}
ul.hc_xwny li .hc_wd h5:first-child{ width:80px; border-right:1px solid #333 ; margin-left:10px}
ul.hc_xwny li .hc_wd h5 span{  display:block; height:20px;  overflow:hidden; font-weight:bold; font-size:15px;}
ul.hc_xwny li .hc_wd h5 p{  font-size:12px; color:#666; height:20px; line-height:20px;  overflow:hidden;}
ul.hc_xwny li a:hover::after{ -webkit-transform: none !important;transform: none !important;}
ul.hc_xwny li a:hover h5 span,ul.hc_xwny li a:hover h5 p{ color:#fff}
ul.hc_xwny li a:hover h5:first-child{  border-right:1px solid #fff ;}
  

ul.hc_nwlb{ width:100%}
ul.hc_nwlb li .hc_wd{width:calc(100% - 220px);}




.footer{ width:100%; margin:auto; margin-top:40px; background:#ededed; overflow:hidden;}
.hc_wen_link{ margin:auto; overflow:hidden; margin-bottom:30px; border-bottom:1px solid #cfcfcf}
.scrollcon{width:1200px;height:100px; margin-bottom:20px;}
.Cont{width:1200px;overflow:hidden;float:left;height:100px; }
.ScrCont{width:10000000px;}
.Cont .pic{width:140px;height:100px;overflow:hidden;float:left; margin-right:10px;}
.Cont .pic img{background:#fff;display:block; width:138px; height:68px; border:1px solid #ddd}
.Cont .pic p{ width:100%;  height:30px;  color:#333; text-align:center; line-height:30px; margin-top:1px;}
#List1, #List2{float:left;}
 h4.hc_wen_bt{ color:#2e73c1; font-size:24px; line-height:1em;letter-spacing:2px; margin:30px auto; text-align:center}
 h4.hc_wen_bt span{ font-size:18px;text-transform:Uppercase;line-height:1em; vertical-align:bottom}

h4.hc_lxbt{ width:150px; border-right:1px solid #cfcfcf; padding-right:30px; margin-top:25px; }
h4.hc_lxbt span{ display:block; margin-top:8px;}

.hc_lxway{overflow:hidden; margin-bottom:25px;}
.hc_lxway p{  margin:30px; float:left; display:inline-block; max-width:210px; color:#666;}
.hc_lxway p i{ width:38px; height:38px; display:inline-block; border:1px solid #666; border-radius:50%; text-align:center; line-height:40px; font-size:22px; color:#666;}
.hc_lxway p span{ width:calc(100% - 50px); margin-left:10px; display:inline-block; font-size:14px; line-height:20px; text-align:left}
.hc_lxway h5{ line-height:100px;font-size:12px; color:#666; float:right; margin-right:30px;}
.hc_lxway img{ width:100px; margin-right:15px;}
.hc_lxway p a{line-height: 40px;}


.hc_bott{ margin:auto; overflow:hidden;height:70px; background:#1c61ae; width:100%;}
.hc_bott p{  color:#eee; font-size:12px; line-height:70px;width:50%; margin:auto; float:left;}
.hc_bott p:nth-child(2n){ float:right; text-align:right; }
.hc_bott p a{ color:#eee;font-size:14px; margin:0 12px;}
.hc_bott p a:first-child{ margin-left: 0px;}




/*-------- second --------------*/
.hc-banner1{ height:340px; width:100%}
.hc-banner1 img{height:340px;position:absolute; left:50%; text-align:center;margin-left:-960px;}





.hc_center{ margin:30px auto 0; overflow:hidden;}

.hc_lemu{ width:236px; float:left; overflow:hidden; }
.hc_nlm{ width:100%;  margin-bottom:15px;}
.hc_nlm h5{ font-size:24px; color:#fff; font-weight:normal; line-height:30px; background:url(../images/tu5.jpg) no-repeat; height:80px; text-align:center; box-sizing:border-box; padding:10px 0}
.hc_nlm h5 span{ display:block;text-transform:Uppercase; font-size:14px;}
.hc_nlm ul{height:auto; overflow:hidden;}
.hc_nlm ul li{  height:50px; line-height:50px; margin-bottom:1px;}
.hc_nlm ul li a{ height:50px;  font-size:18px; background:#f5f5f5; display:block; text-align:center; padding:0 10px; }
.hc_nlm ul li a:hover,.hc_nlm ul li a.hc_on{ background:#66b0e0; color:#fff;}

.hc_lx{ background:#f0f0f0 url(../images/tu15.jpg) bottom no-repeat; text-align:center}
.hc_lx p{  margin:12px 10px;}
.hc_lx p i{ width:38px; height:38px; display:inline-block; border:1px solid #333; border-radius:50%; text-align:center; line-height:40px; font-size:22px;}
.hc_lx p span{ width:calc(100% - 50px); margin-left:10px; display:inline-block; font-size:14px; line-height:20px; text-align:left}
.hc_lx img{ margin:15px auto}

.hc_nwx{width:218px; padding:20px;}
.hc_nwx img{ margin-left:45px;}
.hc_nwx p{ line-height:30px; margin-top:10px;}




.hc_conten{width:930px; float:right; overflow:hidden; min-height:600px; box-sizing:border-box; padding:15px; background:#f5f5f5}
.hc_wen_nybt{ border-bottom:1px solid #dfdfdf; height:40px; line-height:40px;font-size:14px; color:#666;}
.hc_wen_nybt img{ vertical-align:middle; margin-right:8px;}

.hc_neir{margin-top:20px;}
.hc_dany p{ line-height:25px;font-size:14px;}
.hc_dany img{ max-width:100%}  
.hc_dany h4{color:#333;  font-size:18px;  font-weight:normal; text-align:center;}
.hc_dany h5{text-align:center; font-weight:normal;border-top:1px dashed #dfdfdf; padding-top:5px; margin-top:8px; color:#888}

ul.hc_list { overflow:hidden;}
ul.hc_list li{width:290px;height:245px;float:left; margin:0 14px 15px 0;}
ul.hc_list li:nth-child(3n){ margin-right:0}
ul.hc_list li a{ display:block;}
ul.hc_list li .hc_pic{ width:290px; height:185px; overflow:hidden; background:#fff}
ul.hc_list li .hc_pic img{ min-height:100%; max-height:100%;}
ul.hc_list li .hc_wd{ width:100%; height:60px; background:#fff; overflow:hidden;  box-sizing:border-box; padding:0 15px; position:relative;z-index:0;}
ul.hc_list li .hc_wd h5{ font-size:16px; line-height:30px; height:30px; overflow:hidden; margin-top:2px;}
ul.hc_list li p{ font-size:12px;  height:20px;  line-height:20px;overflow:hidden; }
ul.hc_list li .hc_wd::after{content: " ";position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: -1;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 250ms ease 0ms;transition: all 250ms ease 0ms;pointer-events: none;background-color:#4684c1;-webkit-transform: translatex(100%);transform: translatex(100%);}
ul.hc_list li a:hover .hc_wd::after{ -webkit-transform: none !important;transform: none !important;}
ul.hc_list li a:hover p,ul.hc_list li a:hover h5{ color:#fff}

.hc_fany{clear:both;margin:30px auto;text-align:center; overflow:hidden;}
.hc_fany ul{text-align:center;overflow:hidden;}
.hc_fany ul a{margin:0 6px;color:#999;border:1px solid #ebebeb;font-size:12px;display:inline-block;height:30px;line-height:30px;padding:0 10px; background:#fff}
.hc_fany a:hover,.hc_fany a.on{color:#333;text-decoration:none;text-decoration:none;background:#4684c1;color:#fff}


ul.hc_ryzz li{ width:210px; height:300px;}
ul.hc_ryzz li:nth-child(3n){ margin-right:14px}
ul.hc_ryzz li .hc_pic{ width:100%; height:240px;}


ul.hc_jobs li{ height:35px; line-height:35px; border-bottom:1px solid #aaa; margin-bottom:0;}
ul.hc_jobs li p{ width:15%; float:left; height:35px; line-height:35px;  margin-top:0; text-align:center}
ul.hc_jobs li p.hc_job{ width:10%; text-align:left; padding-left:2%}
ul.hc_jobs li p a{height:35px; line-height:35px; display:inline}
ul.hc_jobs li p a:hover{ color:#0059b5}


/*ÓÒ²à*/
.kefutu-container{position:fixed;right:0;top:60%;z-index:9999; border:0px solid red; height:310px;}
.kefutu-container,.kefutu-container a,.kefutu-container div,.kefutu-container i,.kefutu-container span,.kefutu-container p{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;margin:0;}
.kefutu-container a{color:#fff}
.kefutu-container .kefutu-item{width:50px;height:50px;position:relative; margin-bottom:1px}
.kefutu-container .kefutu-item>a{display:block;width:50px;height:50px;margin:0 auto;text-align:center;background:#3186bc;}
.kefutu-container span{display:none;font-size:16px;padding:5px 5px;line-height:20px}
.kefutu-container .kefutu-item img{ width:80%; margin-top: 6px;}
.kefutu-container .kefutu-item>a:hover span{display:block;}
.kefutu-container .kefutu-item>a:hover i{display:none}

.kefutu-container .kefutu-item .kefutu-item-content{position:absolute;background:#3186bc;width:140px;height:100%;right:100%;top:0;display:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none; }
.kefutu-container .kefutu-item-content p{text-align:center; font-size:16px;line-height:50px;color:#fff;}

.kefutu-container .item-qr .kefutu-item-content{background:#fff!important;width:85px!important;height:auto;margin-top:0px;margin-right:5px;}
.kefutu-container .item-qr .kefutu-item-content  img{width:85px!important;height:85px!important;}