@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/**/
.bt{font-weight: normal;font-size: 0; text-align: center; margin-bottom: 43px;}
.bt i{display: block;font-size: 22px;color: #888;;padding-top: 12px;text-transform: uppercase; line-height: 100%; padding-bottom: 23px;background: url(../images/h2.png) no-repeat center bottom; font-family: "宋体";}
/**/


.tit{font-weight: normal;font-size: 0;}
.tit b{display: block;font-size: 42px;color: #333333;line-height: 42px;height: 42px;position: relative;font-weight: bold;}
.tit i{display: block;font-size: 80px;color: #e0e0e0;line-height: 80px;margin-top: 9px;font-family: Impact;position: relative;height: 80px;text-transform: uppercase;}
.tit i em{ position: absolute;left:0;top:0;font-size: 20px;color: #333333;line-height: 80px; }



/**/
/**/
.tils{ overflow: hidden;background: url(../images/tils.jpg) no-repeat center 0; height:580px; }
.t_l{ overflow: hidden; width: 372px; padding-top: 105px;}
.t_l .bt{ text-align: left; margin-bottom: 27px;}
.t_l .bt i{ background: none; padding-bottom: 0;}
.t_l p{ height: 178px; font-size: 14px; color: #666666; line-height: 27px;}

.tils .desc{ width: 1000px;height: 65px;line-height: 65px;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec; margin: 32px auto 194px; }
.tils .desc span{ font-size: 16px;color: #666;line-height: 65px;display: inline-block;margin-right: 33px; }
.tils .desc span:last-child{ margin-right: 0; }
.tils ul{}
.tils li{float: left;height:200px;transition: all 0.5s; margin-left: 19px; width: 360px; padding-top: 50px; box-sizing: border-box; padding-left:13%;position: relative;}
.tils li:nth-of-type(2){ padding-left: 9%;}
.tils li:nth-of-type(4){ padding-left: 6.5%;}
.tils li span{display: block;font-size:56px;color: #333333;line-height: 46px;height: 46px;font-weight: bold;font-family: arial;}
.tils li b{display: inline-block;font-size: 70px;line-height: 36px;font-family: arial;letter-spacing: -4px;}
.tils li em{ display: inline-block;font-size:22px;line-height: 32px;width: 32px;height: 32px;background: #e30016;border-radius: 32px; color: #ffffff;text-align: center;font-weight: normal;vertical-align: 3px;    position: absolute;
    top: 59px;}
.tils li p{font-size: 18px;color: #666666;line-height: 18px;padding-top: 12px;font-weight: normal;}
.tils li:hover{transform: translateY(-10px);}
.yz_sz{ width: 760px; float: right; padding-top: 100px;}
/**/
.pros{ overflow: hidden; padding-bottom: 80px; padding-top: 100px;}
.pros h5{ padding-top: 36px;}
.pros .bt{ margin-bottom:29px;}
.p_list{ width: 1200px; margin: 0 auto; height: 50px;position: relative;}
.p_list:before{ position: absolute; content: ""; left: 500px; top: 7px; width: 200px; height: 2px; background: #e2e2e2;}
.p_list ul{ overflow: hidden; margin-left: 460px;}
.p_list ul li{ float: left; margin-right: 238px; line-height: 100%; font-size: 20px; color: #cccccc; font-family:arial; cursor: pointer;}
.p_list ul li.on{ color: #e30016; position: relative;}
.p_list ul li.on:before{ position: absolute; content: ""; left: 39px; top: 7px; width: 40px; height: 2px; background: #e30016;}
.p_on{ overflow: hidden;}
.p_on ul li{ float: left; margin-left: 1.3%; width: 23.4%; margin-bottom: 24px;    border-radius: 10px; overflow:hidden;}
.p_on ul li img{ width: 100%;}
.p_on ul li b{ display: block; font-size: 0; line-height: 0; overflow: hidden;}
.p_on ul li em{ display: block; background: #f8f8f8; border: 1px solid #eee; padding: 16px 29px 0; height: 62px; line-height: 100%; color: #666666; font-size: 14px;}
.p_on ul li em i{ display: block; line-height: 100%; padding-bottom: 13px; font-size: 20px;color: #333333;}
.p_on ul li em span{ display: inline-block; padding: 0 21px; margin: 0 21px; border-left: 2px solid #aaa;border-right: 2px solid #aaa;}
.p_on ul li:hover em i{color:#e30016;}
.p_on ul li:hover em{ color:#000;}
/**/
.tes{ overflow: hidden;background: url(/m1/tes.jpg) no-repeat center 0; height: 960px; box-sizing: border-box; padding-top: 100px;}
.tes .bt{ margin-bottom: 0;}
.tes em{ display: block; line-height: 100%; font-size: 20px; color: #666666; text-align: center; position: absolute;}
.tes em i{ display: block; line-height: 100%; height: 77px;}
.tes em i span{ display: block; color: #333333; font-size: 26px; line-height: 100%; padding-bottom: 13px;}
.tes em b{ display: inline-block; width: 100px; height: 100px; border-radius: 100px; background: #192d5e;}
.tes em:nth-of-type(1){ left: -50px; top: 267px;}
.tes em:nth-of-type(2){ left:176px; top: 201px;}
.tes em:nth-of-type(3){ left:420px; top:160px;}
.tes em:nth-of-type(4){ left:690px; top:167px;}
.tes em:nth-of-type(5){ left:930px; top:207px;}
.tes em:nth-of-type(6){ left:1157px; top:269px;white-space: nowrap;}
.tes em:hover b{ background:#d00000;}
/**/
.ys{margin-top:102px;height: 920px;background: url(../images/ys_bg.jpg) no-repeat center bottom;box-sizing: border-box; overflow: hidden;}
.ys .bt{ margin-bottom: 190px;}
.ys_con{ margin: 0 8.3%;}
.ys_con dl{ float: left;width: 25%;height: 620px;padding:90px 40px 0;box-sizing: border-box;  text-align: center;}
.ys_con dt{ display: block;overflow: hidden;position: relative; }
.ys_con dt em{  display: block;width: 320px;height: 180px;overflow: hidden;opacity: 0; margin: 0 auto 41px;}
.ys_con dt em img{  display: block; }
.ys_con dt span{ display: block;position: absolute;left:0;top:0;width: 100%; font-size: 24px;line-height: 20px;color: #ffffff;font-family: Arial;text-align: center; padding-top: 11px;}
.ys_con dt span img{ display: block;margin:0 auto 98px; }
.ys_con dt span:after{ position: absolute;left:52%;margin-left: -11.5px;top:138px;content: "" ;background:#e30016; width: 10px; height: 10px; border-radius: 10px;}
.ys_con dl.cur{ background:#192d5e; }
.ys_con dl.cur em{ opacity: 1; }
.ys_con dl.cur span{ display: none; }
.ys_con dd h4{ display: block;font-size: 30px;line-height: 100%;font-weight: bold;text-align: center;color: #fff; padding-bottom: 22px;}
.ys_con dd h4 b{ display: none; font-weight: normal; font-size: 20px; line-height: 100%; padding-top: 10px;}
.ys_con dd p{ display: none;color: #fff;font-size: 14px;line-height: 28px;text-align: center; }
.ys_con dl.cur dd p{display: block;}
.ys_con dl.cur h4 b{ display: block;}
/**/
.anl{height:1100px;padding-top:101px;overflow: hidden;background: url(../images/anl.jpg) no-repeat center 0; box-sizing: border-box;}
.anl .bt{ margin-bottom: 39px;}
.anl .content{width:1200px;}
.a_list{ overflow: hidden; height: 68px;}
.a_list ul li{ float: left; margin-left: 30px; padding-right: 30px;}
.a_list ul li span{ display: block;float: left;  height: 32px; overflow: hidden; padding-right:9px;}
.a_list ul li span img{ display: block; margin-bottom: 5px; transition: all 0.2s;}
.a_list ul li i{ display: inline-block; float: left; font-size: 22px; color: #333333; width: 142px; padding-top: 4px;}
.a_list ul li:nth-of-type(1) i,.a_list ul li:nth-of-type(2) i{ padding-top:0;}
.a_list ul li:last-of-type i{ width: 115px;}
.a_list ul li:last-of-type{ padding-right: 0;}
.a_list ul li:hover i{font-weight: bold; color: #e30016;}
.a_list ul li:hover span img:first-of-type{ margin-top: -34px;}
.al_nr{position: relative; height: 640px;}
.al_nr .tempWrap{overflow: hidden;margin-left:0;}
.al_nr li{float:left;width:1200px;margin-right:50px; position: relative; font-size: 0; line-height: 0; overflow: hidden;
    /*transform: scale(0.9);opacity: 0.5;*/
    
}
.al_nr li i img{width:1200px;height: 600px;transition: all 0.5s}
.al_nr li.active{transform: scale(1);opacity: 1;}
.al_nr li .al_w{height: 130px;box-sizing: border-box;padding:33px 0 0;position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; overflow: hidden;}
.al_w h3{ display: inline-block; float: left; width: 129px; text-align: center; height: 60px; border-right: 1px solid rgba(255,255,255,0.6); margin-right: 24px;}
.al_w h4{font-weight: normal; float: left; width: 825px; font-size: 16px; color: #fff; line-height: 100%;  margin-right: 45px;}
.al_w h4 span{ display: block; line-height: 100%; font-size: 28px; color: #fff; padding-bottom: 14px; opacity: 1;}
.al_w h4 i{opacity: 0.9;}
.al_w p{ float: left; font-size: 0; line-height: 0; overflow: hidden; border: 1px solid #fff;}
.al_w p img{transition: all 0.2s; width: 140px;}
.al_j1,.al_j2{position: absolute;top:239px;width:60px;height: 60px;overflow:hidden;transition: all 0.5s; cursor: pointer;}
.al_j1 img,.al_j2 img{display: block;transition: all 0.5s}
.al_j1{left:-79px;}
.al_j2{right:-81px;}
.al_nr li:hover img{transform: scale(1.1);}
.anl h5,.pros h5{ text-align: center;}
.anl h5 a,.pros h5 a,.t_l h5 a{ display: inline-block; padding-left: 52px; width: 188px; height: 60px; line-height: 60px; border-radius: 60px; text-align: left; font-size: 20px; color: #fff;background: url(../images/a_mor.png) no-repeat 157px 26px  #192d5e;font-weight: normal; transition: all 0.2s;}
.anl h5 a:hover,.pros h5 a:hover,.t_l h5 a:hover{background: url(../images/a_mor.png) no-repeat 172px 26px  #192d5e; letter-spacing: 4px;}
.t_l h5 a{ padding-left: 34px; height: 50px; line-height: 50px; width: 147px; font-size: 16px;background: url(../images/a_mor.png) no-repeat 121px 20px  #192d5e;}
.t_l h5 a:hover{background: url(../images/a_mor.png) no-repeat 132px 20px  #192d5e;}
/*news*/
.news{padding-top:101px; height: 860px; overflow: hidden;}
.news .news-l{width:560px;float:left}
.news .news-l h3{font-size:24px;line-height:36px;color:#1a1a1a;height:47px;margin-bottom:8px; font-weight: normal; padding-left: 52px;background: url(../images/n_l.png) no-repeat;}
.news .news-l h3 a{color:#333333;display:block}
.news .news-l h3 a:hover{color:#e30016}
.news .news-l h3 em{float:right;font-size:14px;font-weight:400;line-height:85%;color:grey;margin-top:15px;text-transform: uppercase;}
.news .news-l h3 em:hover{color:#e30016}
.news .news-l dl{ height: 365px; border-bottom:1px dashed #e2e2e2;}
.news .news-l dl dt{display:block;line-height:0;overflow:hidden}
.news .news-l dl dt img{display:block;width:560px;transition:1s}
.news .news-l dl dd{padding:32px 0 0;}
.news .news-l dl dd h4{font-size:20px;line-height:100%;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:9px;font-weight: normal;}
.news .news-l dl dd p{font-size:16px;font-weight:400;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:28px;color: #888888;}
.news .news-l dl:hover dt img{transform:scale(1.05)}
.news .news-l dl:hover dd h4{color:#e30016;}
.news .news-l ul{margin-top:30px}
.news .news-l ul li{margin-bottom:25px;position:relative; padding-left: 20px;}
.news .news-l ul li:before{ position: absolute; left: 0; top: 5px; content:""; width: 6px; height: 6px; border-radius: 6px; border: 2px solid #e30016;}
.news .news-l ul li a{font-size:16px;font-weight:400;line-height:18px;color:#333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:100px}
.news .news-l ul li a em{position:absolute;right:13px;top:0;font-size:16px;font-weight:400;line-height:18px;color:#888888;font-family:Verdana,Geneva,Tahoma,sans-serif}
.news .news-l ul li:hover a{color:#e30016}
.news .news-l ul li:last-of-type{margin-bottom:0}

.news .news-r{float:right;width:560px;}
.news .news-r .news-rt h3{font-size:24px;font-weight:400;line-height:36px;color:#1a1a1a;height:55px; border-bottom: 2px solid #eee; padding-left: 53px;background: url(../images/n_r.png) no-repeat;}
.news .news-r .news-rt h3 a{color:#1a1a1a;display:block}
.news .news-r .news-rt h3 a:hover{color:#e30016}
.news .news-r .news-rt h3 em{float:right;font-size:14px;font-weight:400;line-height:85%;color:grey;margin-top:15px;text-transform: uppercase;}
.news .news-r .news-rt h3 em:hover{color:#e30016}
.news .news-r .news-rt ul{margin-top:39px; height: 179px;}
.news .news-r .news-rt ul li{margin-bottom:25px;position:relative; padding-left: 22px;}
.news .news-r .news-rt ul li:before{ position: absolute; left: 0; top: 4px; content:""; width: 6px; height: 6px; border-radius: 6px; border: 2px solid #e30016;}
.news .news-r .news-rt ul li a{font-size:16px;line-height:100%;color:#333333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:85px}
.news .news-r .news-rt ul li a em{position:absolute;right:0;top:0;font-size:16px;font-weight:400;line-height:100%;color:#888888;font-family:Verdana,Geneva,Tahoma,sans-serif}
.news .news-r .news-rt ul li:hover a{color:#e30016}
.news .news-r .news-rt ul li:last-of-type{margin-bottom:0}
.news .news-r .news-rb dl{background:#f2f2f2;margin-bottom:20px;height: 150px;}
.news .news-r .news-rb dl dt{float:right;display:block;line-height:0;overflow:hidden;width:200px}
.news .news-r .news-rb dl dt img{width:200px;display:block;transition:1s}
.news .news-r .news-rb dl dd{box-sizing:border-box;padding:30px 0 0 30px;width:304px;float:left}
.news .news-r .news-rb dl dd h4{font-size:20px;line-height:100%;color:#333333;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-weight: normal;}
.news .news-r .news-rb dl dd p{font-size:16px;font-weight:400;color:#888888;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:28px;height:56px}
.news .news-r .news-rb dl:hover dt img{transform:scale(1.05)}
.news .news-r .news-rb dl:hover dd h4{color:#e30016}
.news .news-r .news-rb dl:last-of-type{margin-bottom:0}
.news .news-r .news-rb dl::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
/**/
.about{ height: 871px;background: url(../images/about.jpg) no-repeat center 0;}
.a_tv{ text-align: center; height: 610px; box-sizing: border-box; padding-top: 197px;}
.a_om{ background: #fff; overflow: hidden; box-shadow: 0 0 35px rgba(0,0,0,0.14); height: 180px;}
.a_om h3{ background: #192d5e; color: #fff; width: 200px; text-align: center; height: 180px; font-size: 42px; line-height: 100%; float: left;}
.a_om h3 span{ display: block; padding: 41px 0 9px 0;}
.a_om p{ float: left; width: 877px; padding: 39px 0 0 50px;}
.a_om p i{ display: block; line-height: 100%; font-size: 30px; color: #333333; padding-bottom: 13px;}
.a_om p em{ display: block; line-height: 28px; color: #666666; font-size: 14px;}
.a_om p em a{transition: all 0.2s;}
.a_om p em a:hover{ color: #192d5e; letter-spacing:3px;}
/**/
.huanj{ overflow: hidden; height: 340px;}
.hj_l{ overflow: hidden; width: 240px; height: 250px; background: #f7f7f7; border-radius: 5px; box-sizing: border-box; padding: 35px 30px 0;}
.hj_l ul li{ overflow: hidden; margin-bottom: 20px;}
.hj_l ul li a{ display:block; font-size: 18px; color: #333333; line-height: 44px; border-radius: 4px; border: 1px solid #d0d0d0; text-align: center; transition: all 0.2s;}
.hj_l ul li.cur a,.hj_l ul li a:hover{ background: #e30016; color: #fff;border: 1px solid #e30016;}
.hj_r{ width: 900px;}
.hj_r ul li{ float: left; margin-right: 30px; text-align: center; width: 280px; line-height: 100%;}
.hj_r ul li:last-of-type{ margin-right: 0;}
.hj_r ul li img{ width: 280px; border-radius: 4px;}
.hj_r ul li i{ display: block; color: #333333; font-size: 18px; line-height: 100%; padding-top: 17px;}




/*表单弹框*/
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999; 
}
.modal-dialog {
    position: fixed;
    color:#000000;
    top: 150px;
    width: 400px;
    border-radius: 3px;
    min-height: 155px;
    overflow: hidden;
    z-index: 99998;
    margin-left: -200px;
    left: 50%; 
}
.modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); 
}
.modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; 
}
.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left; 
}
.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px; 
}
.modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; 
}
.modal-dialog .modal-body .modal-body-left {
    width: 140px;
    float: left; 
}
.modal-dialog .modal-body .modal-body-left .icon {
    width: 64px;
    height: 64px;
    margin: 30px 0 0 48px; 
}
.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: 0px -14px; 
}
.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px -78px; 
}
.modal-dialog .modal-body .modal-body-right {
    width: 260px;
    float: right;
    padding-top: 20px; 
}
.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #000;
    text-align: center;
    width: 90px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #818079; 
}
.modal-dialog .modal-body .modal-body-right p {
    line-height: 30px; 
}