@charset "utf-8";
body{font-family:"Microsoft Yahei";overflow-x:hidden;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
.yz_bj{overflow:hidden;position:relative;background:#f4f4f4;box-sizing:border-box;}
.yz_c dl{height: 1px;overflow: hidden;}
.yz_c dd{float:left;width:566px;padding-top:22px;}
.yz_c dd h4{height: 61px;line-height: 61px;font-size:36px;color: #1f51a6;background:url(../images/yz_ico1.png) no-repeat 480px center;}
.yz_c dd span{height: 66px;font-size:22px;color: #2e2e2e;line-height: 54px;font-weight: bold;background: url(../images/yz_ico2.png) no-repeat left bottom;display: block;}
.yz_c dd p{font-size:16px;color: #333333;line-height: 36px;padding-top:20px;}
.yz_c dt{float: right;font-size:0;line-height: 0;overflow: hidden;width:562px;}
.yz_c dt img{width:562px;height: 344px;}
.yz_c li{float:left;background: url(../images/yz_ico3.jpg) no-repeat right top;height: 118px;padding-right:74px;margin-right:74px;}
.yz_c li b{display: inline-block;font-size:0;line-height: 0;vertical-align: top;}
.yz_c li p{display: inline-block;padding-left:14px;}
.yz_c li p em{display: block;height: 61px;line-height: 61px;font-size:50px;color: #333333;}
.yz_c li p em i{font-size:64px;vertical-align: top;}
.yz_c li p span{font-size:18px;color: #262626;display: block;padding-top:6px;}
.yz_c li:last-child{margin:0;padding:0;background: none}



.fw_c{padding-top:75px;height: 615px;}
h2{ font-weight: normal; font-size:18px; color: #666; text-align: center; }
h2 i{ display: block; color: #353535; font-family: Arial; text-transform: uppercase; font-weight: bold; font-size: 38px;}
h2 em{ display: block; color:#2f2e2c; font-size:32px; padding:5px 0;}
h2 strong{ color: #1f51a6; padding-left: 9px;font-size:32px; }
.fw_nr dl{float:left;width:270px;margin-right:40px; background-color:#eeeeee; }
.fw_nr dt {font-size: 0;line-height: 0}
.fw_nr dt img {width:270px;height: 200px; }
.fw_nr dd {text-align: center;height: 160px;padding:18px 22px 0;border:2px solid #efefef;border-top:0;}
.fw_nr dd h4 {display:block;height: 36px;line-height: 36px;font-size:20px;color: #333333;font-weight:bold;}
.fw_nr dd p {font-size:16px;color: #333333;line-height: 24px;padding-top:8px;height:40px;}
.fw_nr dd em a {width:210px;height: 42px;text-align: center;line-height: 42px;display: block;font-size:14px;color: #fff;background: url(../images/fw_ico2_hv.png) no-repeat;margin:0 auto; padding-left:10px;}
.fw_nr dd em a:hover{background: url(../images/fw_ico1_hv.png) no-repeat;color: #fff;}
.fw_nr dl:last-child{margin:0;}


.titis{overflow: hidden;text-align: center;height:120px; padding-bottom:20px;}
.titis h2 {height:55px;line-height:55px;font-size:52px;color: #333333;font-weight:bold;}
.titis h2 a{color: #333333}
.titis p {display:block;font-size:20px;color:#282828; background: url(../images/hh.png) no-repeat center bottom; line-height:55px;}

.pro{ padding:40px 0; overflow:hidden; background:url(../images/e-300.png) no-repeat center top; }
.prot{ height:70px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; margin-bottom:25px; }
.prot h4 a{ display:block;float:left; font:18px "Microsoft YaHei UI"; line-height:68px;width:130px; color:#333; font-weight:bold;}
.prot h3{ float:left; font:18px "Microsoft YaHei UI"; line-height:68px;color:#000;width:1350px;}
.prot h3 a{ display:block; color:#000; position:relative; padding:0 0 0 15px;margin-right:30px; float:left; overflow:hidden;}
.prot h3 a:before{ content:""; position:absolute; top:32px; left:0; width:3px; height:3px; border-radius:3px; background:#666;}
.prot h3 a:after{content: "";position: absolute;width:0;height:2px;top:0;left:0;z-index:0;background:#ea0101;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prot h3 a:hover{ font-weight:bold; color:#1f51a6;}
.prot h3 a:hover:after{width: 100%;}
.prot h3:nth-child(9){ clear:both;}
.pro1{ min-width:1200px; max-width:1920px; width:81.25%; margin:0 auto; overflow:hidden;}
.pro2{ width:39.538%; float:left; overflow:hidden; position:relative;}
.pro2 li{ position:relative; background:url(../images/pro_bg1.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden;}
.pro2 li img{ display:block; width:100%;}
.pro2 li em i{ color:#1f51a6;}
.pro2 li em{ display:block; width:100%; font:18px "Microsoft YaHei UI"; text-align:center; color:#444; position:absolute; bottom:60px;}
.pro2 li:after{ content:""; position:absolute; top:0; left:0; width:56px; height:56px; background:url(../images/pro_hot.png) no-repeat;}
.pro2 li:before,.pro4 li:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.pro2 li:hover:before,.pro4 li:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }
.prot2{ width:90px; height:40px; overflow:hidden; position:absolute; bottom:0; right:0;}
.prot2 a{ display:inline-block; width:10px; height:10px; background:#575757; border-radius:10px; margin-right:5px;}
.prot2 .cur{ background:#ea0101;}
.pro4{ width:60.462%; float:left;}
.pro4 li{ width:31.63%; float:left; margin:0 0 1.2rem 1.7%; background:url(../images/pro_bg1.jpg) no-repeat; background-size:100% 100%; overflow:hidden; position:relative;}
.pro4 li img{ display:block; width:100%;}
.pro4 li em{ display:block; width:100%; font:16px "Microsoft YaHei UI"; text-align:center; line-height:60px; height:60px; color:#515151; overflow:hidden; position:absolute; bottom:0;}
.pro4 li i{ display:none; background:url(../images/pro_more.png) no-repeat; width:24px; height:24px; margin-left:8px; vertical-align:middle;}
.pro4 li:hover i{ display:inline-block;}
.pro4 li:hover em{ background:rgba(4,66,153,0.9); color:#fff;}
/*产品*/
/*产品展示*/

/*产品展示*/
.tab3{width: 1500px; margin-top:20px; margin-bottom:50px;}
.tab3 .tit{text-align: center;}
.tab3 .tit h2 {height: 85px;line-height: 85px;font-size:38px;color: #333; font-weight:bold;}
.tab3 .tit h2 a{color: #333;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background:#1f51a6;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background:#ea0101;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
.pz_bj{background: url(../images/pz_bj.jpg) no-repeat center top;height: 738px;box-sizing: border-box;padding-top:72px;}
.pz_c .titis h2,.pz_c .titis p{color: #fff;}
.pz_nr li{float:left;width:298px;background: #fff;height: 413px;background: #fff;margin-right:2px;text-align: center;box-sizing: border-box;padding-top:65px;position: relative;}
.pz_nr li i{width:103px;height: 103px;margin:0 auto;position: relative;display: block;}
.pz_nr li i img{position: relative;z-index: 2}
.pz_nr li i:after{content: "";display: block;width:103px;height: 103px;background: url(../images/pz_a1.png) no-repeat left top;position: absolute;left:0;top:0;transition: all 0.5s}
.pz_nr li h4{height:52px;line-height:52px;margin-top:15px;background: url(../images/pz_a2.png) no-repeat center bottom;font-size:24px;color: #333333;transition: all 0.5s}
.pz_nr li p{font-size:16px;color: #333333;line-height: 30px;padding-top:10px;transition: all 0.5s}
.pz_nr li:hover i:after,.pz_nr li.on i:after{background: url(../images/pz_a1_hv.png) no-repeat left top;transform:rotate(180deg)}
.pz_nr li:hover,.pz_nr li.on{background: url(../images/pz_n1.jpg) no-repeat center top;}
.pz_nr li:hover h4,.pz_nr li.on h4{color: #fff;background: url(../images/pz_a2_hv.png) no-repeat center bottom;}
.pz_nr li:hover p,.pz_nr li.on p{color: #fff;}
.pz_nr em{position: absolute;width:100%;left:0;bottom:0;height: 83px;}
.pz_nr li:first-child em{background: url(../images/pz_z1.png) no-repeat center bottom;}
.pz_nr li:nth-child(2) em{background: url(../images/pz_z2.png) no-repeat center bottom;}
.pz_nr li:nth-child(3) em{background: url(../images/pz_z3.png) no-repeat center bottom;}
.pz_nr li:nth-child(4) em{background: url(../images/pz_z4.png) no-repeat center bottom;}
.pz_nr li:first-child.on em{background: url(../images/pz_z1_hv.png) no-repeat center bottom;}
.pz_nr li:nth-child(2).on em{background: url(../images/pz_z2_hv.png) no-repeat center bottom;}
.pz_nr li:nth-child(3).on em{background: url(../images/pz_z3_hv.png) no-repeat center bottom;}
.pz_nr li:nth-child(4).on em{background: url(../images/pz_z4_hv.png) no-repeat center bottom;}
/*产品展示*/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.gd{ margin:10px 0; padding-bottom:50px;}
.gd h3.title1{ height:66px; background:url(../images/title1.png) no-repeat left top; position:relative; font-size:30px; line-height:32px; padding-left:15px;  font-weight: bold;color: #000000; border-bottom: 1px solid #eee;}
.gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title1 span{background:url(../images/al_ico3.png) no-repeat left center; padding-left:50px; margin-left:430px; color:#15499a;}
.gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}




.gd .tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:right; overflow:hidden;}
.gd .chanpin{ width:900px;  float: left; }
.gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.metTab h3.metTabIn {   background-color: #15499a;color: #fff; border: 1px solid #f7f7f7; border-radius:23px;}
.metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.metTab .metConIn{  display:block; }
.metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:25px; text-align:left; margin:10px auto;}

.chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.chanpin ul li { width: 27%; padding: 5px 15px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.chanpin ul li img{   border: 0px solid #eee; }
.chanpin ul li a .imgauto { width: 100%;  height: 220px;}
.chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 14px; color:#000;}
.chanpin ul li:nth-child(2n) { margin-right: 0;}
.chanpin ul li:hover { border: 1px solid #e6e6e6;}
.chanpin ul li:hover img { opacity: .6;}
.chanpin ul li:hover span { color: #036aac;}	
	/*产品展示*/

.al_bj{background: url(../images/al_bj.jpg) repeat-x left bottom;height:1043px;padding-top:72px; margin-top:50px;}
.al_n{height: 549px;position: relative;}
.al_n li{height: 526px;background: #f0f0f0;overflow: hidden;}
.al_n li i{display: block;font-size:0;line-height: 0;width:705px;overflow: hidden;float:left;position: relative;}
.al_n li i img{width:705px;height: 526px;transition:all 0.5s}
.al_n li .al_w{float:left;width:374px;padding:96px 0 0 61px;}
.al_n li .al_w h4 a{display: block;height: 46px;line-height: 46px;font-size:28px;color: #2e2e2e;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_n li .al_w p{font-size:16px;color: #343434;line-height: 28px;padding-top:15px;}
.al_n li .al_w p em{display: block;font-weight: bold;height: 26px;line-height: 26px;}
.al_n li .al_w span{display: block;margin-top:56px;}
.al_n li .al_w span a {display: inline-block;width:133px;height: 38px;line-height: 38px;background: #da251c;text-align: center;margin-right:13px;font-size:16px;color: #fff;transition: all 0.5s}
.al_n li .al_w span a:hover{width: 140px;}
.al_n li .al_w span a:last-child{background: #1f51a6}
.al_n li i:before{content: '';  position: absolute; left: -100%; top: 0; width:100%; height:100%;  background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);z-index: 9}
.al_n li:hover i:before{left:150%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.al_n li:hover i img{transform: scale(1.1);}
.al_j1,.al_j2{position: absolute;top:226px;}
.al_j1{left:-86px;}
.al_j2{right:-86px;}

.al_n2{height: 236px;overflow: hidden;}
.al_n2 li{float:left;width:248px;margin-right:13px;position:relative;}
.al_n2 li i{display: block;font-size:0;line-height: 0;width:248px;overflow: hidden;}
.al_n2 li i img{width:248px;height: 181px;transition: all 0.5s}
.al_n2 li h4{position: absolute;height: 46px;line-height: 46px;text-align: center;left:0;bottom:0;width:100%;text-align: center;font-size:16px;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;background:rgba(0,3,12,0.5);font-weight: normal;transition: all 0.5s;padding:0 10px;box-sizing:border-box;}
.al_n2 li:hover h4{background: url(../images/al_ico2.png) no-repeat;height: 100%;display: flex;justify-content:center;align-items:center;}
.al_n2 li:hover h4 em{padding-bottom:20px;background: url(../images/al_ico1.png) no-repeat center bottom;display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_n2 li:hover i img{transform: scale(1.1);}
.al_n2 li:last-child{margin:0;}
.al_tel{text-align: center;}
.al_tel p{background: #f0f0f0;border-radius:26px;height: 52px;display: inline-block;line-height: 52px;overflow: hidden;padding-right:28px;box-shadow:0 10px 10px rgba(0,0,0,0.2);}
.al_tel p em a{display: inline-block;height: 52px;line-height: 52px;font-size:18px;color: #fff;background: #da251c;border-radius: 26px;width:169px;vertical-align: top;transition: all 0.5s}
.al_tel p em a:hover{width:175px;}
.al_tel p span{margin-left:16px;padding-left:35px;background: url(../images/al_ico3.png) no-repeat left center;font-size:15px;color: #333;display: inline-block;height: 52px;}
.al_tel p span i{font:32px arial;color: #1a1a1a;font-weight: bold;line-height: 52px;}

.yous{padding-top:76px;height: 1717px;}
.ys_nr{background: url(../images/ys_bj.jpg) no-repeat center top;height: 777px;position: relative;}
.ys_d{height: 777px;}
.ys_d dd{float:left;width:512px;padding-top:106px;}
.ys_d dd i{display: block;font-size:0;line-height: 0;}
.ys_d dd h4{height:87px;line-height: 68px;font-size:26px;color:#fff;font-weight:normal;background: url(../images/ys_a1.png) no-repeat left bottom;}
.ys_d dd h4 em{font-weight:bold;font-size:40px;color: #ff1313;margin-right: 15px;}
.ys_d dd p{font-size:16px;color: #fff;line-height: 32px;padding-top:23px;width:495px;}
.ys_d dd span a{width:178px;height: 42px;line-height: 42px;border:1px solid rgba(255,255,255,0.6);text-align: center;font-size:16px;color: #fff;margin-top:58px;position: relative;display: block;}
.ys_d dd span a em{padding-right:34px;background: url(../images/ys_a2.png) no-repeat right;display: inline-block;position: relative;z-index: 2}
.ys_d dd span a:after{content:"";display: block;width:0;height: 42px;background: #da251c;position: absolute;left:0;top:0;transition: all 0.5s}
.ys_d dd span a:hover:after{width:100%;}
.ys_d dd span a:hover{border-color: #da251c}
.ys_d dt{float: right;margin-right:-359px;}
.ys_qh{position: absolute;bottom:60px;position: absolute;left:50%;margin-left:-600px;background: #fff;height: 160px;border-radius: 10px;width:1200px;overflow: hidden;}
.ys_qh li{float:left;width:400px;text-align: center;padding-top:27px;height: 160px;box-sizing: border-box;}
.ys_qh li i{display: block;font-size:0;line-height: 0;width:45px;height: 45px;overflow: hidden;margin:0 auto;}
.ys_qh li i img{display: block;}
.ys_qh li span{display: block;height: 34px;margin-top:7px;font-size:24px;color: #333333;font-weight: bold;background: url(../images/ys_a3.png) no-repeat center;}
.ys_qh li em{display: block;height: 17px;font:12px arial;color: #999999;line-height: 17px;}
.ys_qh li.on i img{margin-top:-45px;}
.ys_qh li.on {background: #da251c;}
.ys_qh li.on span{color: #fff;background: url(../images/ys_a3_hv.png) no-repeat center;}
.ys_qh li.on em{color:rgba(255,255,255,0.65);}

.ys_n4{background: #f0f0f0;height: 811px;padding-top:81px;box-sizing: border-box;}
.ys_n4 .tit{height: 142px;text-align: center;}
.ys_n4 .tit i{display: block;font-size:0;line-height: 0;}
.ys_n4 .tit h4{font-size:40px;color: #262626;font-weight: normal;height: 74px;line-height: 74px;}
.ys_n4 .tit h4 b{color: #1f51a6}
.ys_n4 .tit h4 em{background: url(../images/ys_a4.png) no-repeat;display: inline-block;width:44px;height: 2px;vertical-align: middle;margin:0 3px;}
.ys_n4 dl{float:left;width:293px;margin-right:9px;}
.ys_n4 dt{font-size:0;line-height: 0;width:293px;overflow: hidden;}
.ys_n4 dt img{width:293px;height: 175px;border-radius:2px 2px 0 0}
.ys_n4 dd{height: 331px;border:1px solid #ededed;border-top:0;position: relative;background: #fff;box-sizing: border-box;padding-top:70px;text-align: center;transition: all 0.5s;}
.ys_n4 dd span{display:block;width:105px;height:105px;position: absolute;left:95px;top:-46px;display: flex;justify-content:center;align-items:center;border-radius: 50%;box-shadow: 0 1px 10px rgba(0,0,0,0.1);transition: all 0.5s;background:url(../images/ys_b1.png) no-repeat center top;}
.ys_n4 dd span i{display: block;height: 43px;overflow: hidden;}
.ys_n4 dd span i img{display: block;}
.ys_n4 dd h4{height:48px;line-height: 36px;background: url(../images/ys_x1.png) no-repeat center bottom;font-size:24px;color: #262626;transition: all 0.5s}
.ys_n4 dd p{font-size:16px;padding:13px 26px 0;color: #595959;line-height: 30px;height: 118px;transition: all 0.5s}
.ys_n4 dd em{position: relative;width:146px;height: 35px;display: block;margin:0 auto;transition: all 0.5s}
.ys_n4 dd em a{display:block;width:144px;height:33px;line-height:33px;text-align:center;border:1px solid #e0e0e0;font-size:16px;color: #999999;margin:0 auto;}
.ys_n4 dd em:after{display: block;content: "";width:0%;height: 1px;background:rgba(255,255,255,0.6);position: absolute;left:0;top:0;transition: all 0.5s;z-index:9}
.ys_n4 dd em:before{display: block;content: "";width:1px;height: 0%;background:rgba(255,255,255,0.6);position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.ys_n4 dd em a:after{display: block;content: "";width:0%;height: 1px;background:rgba(255,255,255,0.6);position: absolute;right:0;bottom:0;transition: all 0.5s;z-index:9}
.ys_n4 dd em a:before{display: block;content: "";width:1px;height:0%;background:rgba(255,255,255,0.6);position: absolute;left:0;top:0px;transition: all 0.5s;z-index:9}
.ys_n4 dl:hover dd em:after,.ys_n4 dl:hover dd em a:after{width:100%;}
.ys_n4 dl:hover dd em:before,.ys_n4 dl:hover dd em a:before{height:100%;}
.ys_n4 dl:hover dd{background: #da251c;border-color: #da251c;}
.ys_n4 dl:hover dd span{/*background: url(../images/ys_b1_hv.png) no-repeat;*/animation-duration:3s;animation-name:flipInY;}
/*.ys_n4 dl:hover dd span i img{margin-top:-43px;}*/
.ys_n4 dl:hover dd h4,.ys_n4 dl:hover dd p{color: #fff;}
.ys_n4 dd em:hover{margin-top:-5px;}
.ys_n4 dl:hover dd em a{color:rgba(255,255,255,0.6);}
.ys_n4 dl:last-child{margin:0;}

.news{padding-top:73px;height: 821px;overflow: hidden;}
.dongt{float:left;width:664px;}
.dongt .tit{height: 55px;line-height: 55px;}
.dongt .tit span{font:12px arial;color: #999999;line-height: 55px;}
.dongt .tit span a {font-size:22px;color: #333333;font-weight: bold;margin-right:8px;display: inline-block;}
.dongt .tit em a{float: right;font:12px arial;color: #333333;line-height: 55px;text-transform: uppercase;}
.dongt dl{height: 360px;border-bottom:1px solid #e8e8e8;margin-bottom:13px;}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img{width:664px;height: 249px;}
.dongt dd {padding-top:16px;}
.dongt dd h4 a{display: block;height: 34px;line-height: 34px;font-size:18px;color: #333333;font-weight: normal;}
.dongt dd p{font-size:14px;color: #999999;line-height: 24px;padding-top:5px;}
.dongt dd p a{display: inline-block;width:17px;height: 17px;background: #da251c;border-radius: 50%;text-align: center;line-height: 17px;font-size:12px;color: #fff;vertical-align: middle;}
.dongt dd em{font-size:14px;color: #333333;display: block;margin-top:5px;}
.dongt dl:hover dd h4 a{color: #da251c;}
.dongt li {height:36px;line-height: 36px;padding-left:21px;background: url(../images/ns_ico1.png) no-repeat 6px center;}
.dongt li a{font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dongt li em{float: right;font:14px arial;color: #999999;line-height: 36px;}
.dongt li:hover a{color:#da251c;}

.went{float: right;width:566px;}
.wt_qh{height: 55px;line-height: 55px;overflow: hidden;} 
.wt_qh li{float:left;padding-right:15px;margin-right:15px;background: url(../images/ns_ico2.png) no-repeat right;}
.wt_qh li a{font-size:22px;color: #333333;font-weight: bold;}
.wt_qh li:nth-of-type(2){margin-right:7px;padding:0;background: none;}
.wt_qh li.on a{color: #da251c}
.wt_qh span{font:12px arial;color: #999999;line-height: 55px;display: inline-block;}
.wt_nr li{padding-bottom:44px;overflow: hidden;height:121px;overflow: hidden;}
.wt_nr li .wt_w{float: left;width:380px;}
.wt_nr li i{float: right;font-size:0;line-height: 0;width:160px;overflow: hidden;}
.wt_nr li i img{width:160px;height: 120px;}
.wt_nr li h4 a{display: block;height:40px;line-height: 40px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.wt_nr li p{font-size:14px;color: #999999;line-height: 24px;padding-top:3px;}
.wt_nr li em {display: block;font-size:14px;color: #333333;height: 23px;line-height: 23px;margin-top:6px;}
.wt_nr li:hover h4 a{color: #da251c}

.ab_bj{background: url(../images/ab_bj.jpg) no-repeat center top;height: 742px;padding-top:166px;box-sizing: border-box;}
.ab_w{float:left;width:610px;padding-top:2px;}
.ab_w h4 a{padding-top:32px;height: 60px;line-height: 60px;font-size:42px;color:#fff;font-weight: normal;background: url(../images/ab_z1.png) no-repeat left top;display: block;}
.ab_w span{display: block;height: 33px;line-height: 33px;font-size:18px;color: #fff;}
.ab_w p{font-size:14px;color: #fff;line-height: 26px;padding-top:28px;height: 111px;overflow: hidden;}
.ab_w em a{display: block;width:168px;height: 44px;line-height: 44px;background: #d00202;color: #fff;text-align: center;font-size:16px;transition: all 0.5s  }
.ab_w em a i{padding-right:34px;background: url(../images/ys_a2.png) no-repeat right;display: inline-block;}
.ab_w em a:hover{width:200px;}
.ab_r{float: right;width:445px;}
.ab_r li{padding-bottom: 67px;position: relative;left:0;transition: all 0.5s}
.ab_r li span{display: inline-block;font-size:24px;color: #fff;padding-right:118px;background: url(../images/ab_a2.png) no-repeat right;text-align: center;margin:15px 10px 0 0;}
.ab_r li span em{display: block;font:12px arial;color:rgba(255,255,255,0.65);text-transform: uppercase;}
.ab_r li i{vertical-align: top;font-size:0;line-height: 0;display: inline-block;}
.ab_r li:last-child span{background: url(../images/ab_a1.png) no-repeat right;}
.ab_r li:nth-child(1){margin-left:208px;margin-right: -15px}
.ab_r li:nth-child(2){margin-left:141px;}
.ab_r li:hover{left:-15px;}

/*关于*/
.about dt img{ display:block; width:100%;}
.about dd{ width:1200px; margin:-250px auto 0; height:200px; position:relative; background:#fff; padding:50px 30px 35px 30px;}
.about dd h3{ text-align:center; font:34px "Microsoft YaHei UI"; font-weight:bold; color:#d73236;}
.about dd h3 a{ display:block; color:#d73236;}
.about dd h3 em{ display:block; font-size:20px; color:#333; padding-top:5px;}
.about dd p{ padding:20px 80px 0 80px; text-align:center; font:14px "Microsoft YaHei UI"; line-height:26px; color:#666;}
.about dd p a{ font-weight:bold; color:#ea0101;}

/*相册*/
.pic{ width:1200px; height:390px; margin:0 auto; position:relative;}
.pict{ height:68px; margin-left:264px;}
.pict a{ display:block; width:220px; height:46px; border:1px solid #ececec; float:left; margin-left:-1px; font:18px "Microsoft YaHei UI"; text-align:center; line-height:46px; color:#666;}
.pict a:hover,.pict .cur{ color:#fff;background:#1f51a6;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.pic1{ overflow:hidden;}
.pic li{ width:296px;float:left; overflow:hidden;margin-right:5px;}
.pic li img{ display:block; width:294px; height:220px;border:1px solid #eee;}
.pic li em{display:block; font:16px "Microsoft YaHei UI"; text-align:center; line-height:48px; height:48px; overflow:hidden;}
.pic li a:hover em{ font-weight:bold; color:#ea0101;}
.pic li a:hover img{ border:4px solid #ea0101;width:288px; height:214px;}


/*友情链接*/

@media screen and (max-width:1440px) and (min-width:1366px) {
    html {font-size:20px;}
  

}
@media screen and (max-width:1920px) and (min-width:1600px) {
    html {font-size:20px;}
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }