@charset "utf-8";
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01 a{color: #000000; text-decoration: none; }
.tit01 em{ display: block;padding-bottom: 20px; background: url(../images/titbg.png) no-repeat center bottom; font-size: 44px; color: #ff0000;text-align: center; font-family: "Microsoft YaHei";font-weight:normal; }
.tit01 span{ display: block;font-size: 20px; color: #666666;height: 32px;line-height: 32px;font-family:"Microsoft Yahei"; font-weight: normal; text-align: center;}


.bg1{height: 165px; background:#f7f7f7;}
.zz{width: 1200px; height: 176px;margin-top: -86px;  position: relative;z-index: -10; }
.zz .m_zz ul{width: 1200px; height: 176px; background: #ffff;font-family:"Microsoft Yahei";}
.zz .m_zz li{ width:25%; height: 95px; margin-top: 40px; box-sizing: border-box; overflow: hidden; float: left; text-align: left;padding-left: 110px; position: relative;border-right: 1px solid #d2d2d2;  }
.zz .m_zz li em{font-size: 36px; color: #333333; display: block; font-weight: bold; position: relative;height: 70px;width: 100px;}
.zz .m_zz li em b{font-size: 60px; color: #0710ca; font-family: "Arial"; position: relative;}
.zz .m_zz li em i{ font-size: 18px; color: #333333; font-weight: normal; position: absolute;top:0px; right: 0;}
.zz .m_zz li span{ text-align: left; line-height: 30px; height: 30px; box-sizing: border-box; font-size: 18px; color: #555555; display: block;white-space: nowrap; font-weight: normal;  }

.zz .m_zz li:nth-child(1){width:262px;}
.zz .m_zz li:nth-child(2){width:387px;}
.zz .m_zz li:nth-child(2) em{width: 185px;}
.zz .m_zz li:nth-child(3){width:320px;}
.zz .m_zz li:nth-child(3) em{width: 100px;}
.zz .m_zz li:nth-child(4){width:230px;border-right: 0;}
.zz .m_zz li:nth-child(4) em{width: 60px;}


.yy_bj{ height: 635px;padding-top: 80px;  background:url('../img/about_b.jpg');  box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yy_bj h2{margin-bottom: 35px;}
.yy dl{height: 355px;  }
.yy dl dt{position: relative; width: 600px; height: 355px; float: left; }
.yy dl dt:before{content: "";width: 577px; height: 336px; z-index: 0; background: url(../images/videobg.jpg) no-repeat; position: absolute; bottom:-10px; right:-10px;}
.yy dl dt img{width: 600px; height: 355px; position: relative;z-index: 1;}
.yy dl dd{width: 520px;  float: right;margin-right:30px;position:relative;}
.yy dl dd h3{height: 125px;}
.yy dl dd h3 i{width: 113px; height: 113px;  display: block; float: left;}
.yy dl dd h3 em{ display: block;  font-size: 18px; color: #111111; font-weight: normal; height: 65px;padding-top: 22px;background: url(../images/yh.png) no-repeat left top; padding-left: 21px; float: left;box-sizing: border-box; }
.yy dl dd h3 span{padding-left: 21px;  float: left;font-size: 14px; color: #888888; font-weight: normal; line-height: 23px; display: block; width: 370px;}

.yy dl dd p{font-size: 14px; height: 300px; color: #666666; line-height: 24px;}
.yy dl dd .zx{display: block; width: 152px; height: 44px; line-height: 44px; color: #000000;background: url(../images/yytel.png) no-repeat left center;opacity: 0.8;padding-left: 65px;box-sizing: border-box; font-size: 14px; margin-top:10px;}
.yy dl dd .zx:hover{background: url(../images/yytel1.jpg) no-repeat left center; color: #fff;}

/**/
.pro_bj{ height: 966px; overflow: hidden; background: url(../images/probg.jpg) no-repeat center top;padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.pro_bj h2{margin-bottom: 10px;}

.cp_nav{ height: 75px;border-bottom: 2px solid #ededed; clear: both;  margin-bottom: 30px;}
.cp_nav span{float: right;}
.cp_nav span a{ height: 75px; line-height: 75px; font-size: 12px; color: #666666;background: url(../images/spnico.png) no-repeat right center;padding-right: 25px; display: none }
.cp_nav li{height: 75px; line-height: 75px; margin-right: 65px; text-align: center; font-size: 24px; color: #000000;position: relative; display: block; float: left;padding:0 10px; }
.cp_nav li a{color: #000000; text-decoration: none;}
.cp_nav li img{width: 63px; height: 39px; vertical-align: middle;margin-right: 12px;}
.cp_nav li:after{content:'';position:absolute;height:39px;width:0;background:#0710ca;bottom:15px;left:20px;-webkit-transition:width .5s;transition:width .5s;color: #333; z-index: 1;border-radius:3px;}
.cp_nav li:hover:after,.cp_nav li.cur:after{width:100%;color: #fff;z-index: 1;}
.cp_nav li:hover a,.cp_nav li.cur a{color: #fff;position: relative;z-index: 3;}

.m_pro{ width:1200px; }
.cp_left{width: 598px;  float: left; margin-right: 10px;overflow: hidden;}
.cp_pic{width:598px; height: 292px; display: block;overflow: hidden; }
.cp_pic img{width:598px; height: 292px; display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.cp_left dl{width: 598px;height: 302px;padding-top: 60px;box-sizing: border-box; background: #fff; }
.cp_left dt{width: 291px;height: 218px;overflow: hidden;float: left;}
.cp_left dt img{width: 291px;height: 218px;display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.cp_left dd{width:252px; float: left;margin-left: 22px;}
.cp_left dd h3{font-size: 24px; color: #333333; height:52px; line-height: 52px; overflow: hidden;  font-weight: normal; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cp_left dd h3 a{color: #333333;}
.cp_left dd p{font-size: 14px; color: #666666; line-height: 30px; height: 86px;}
.cp_left dd .xq{ display: block; width: 120px; height: 40px;  text-align: left; font-size: 16px; color: #666666; font-weight: normal; line-height: 40px; background:url(../images/xq_btn.png) no-repeat 95px center;padding-left: 15px;border:1px solid #cccccc;}

.cp_left dl:hover h3 a{color: #e60012;}
.cp_left dl:hover dd .xq{background:#0710ca url(../images/xq_btn1.png) no-repeat 95px center;border-color: #0710ca; color: #fff;}

.cp_right{width: 592px;  float: left;}
.cp_right li{ background: #fff;width: 291px; float: left; margin-right: 10px; margin-bottom: 10px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear; background: #fff;overflow: hidden;}
.cp_right li a{ text-decoration: none; }
.cp_right li img{width: 291px; height: 218px; display: block;}
.cp_right li span{ display: block; height: 73px;text-align: center; font-size: 14px; color: #666666; padding:0 10px; line-height:73px;}
.cp_right li span em{ display: block; height: 26px; line-height: 26px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.cp_right li:nth-child(2n){margin-right: 0;}
.cp_right li:hover{box-shadow: 0 0 5px #cecece;  }
.cp_right li:hover span{ color: #e60012; }

.cp_pic img{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.cp_pic img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


.cpys_bj{padding-top: 75px; height: 1220px; background: url('../img/shili_b.jpg');box-sizing: border-box; font-family: "Microsoft YaHei";border-bottom: 1px solid #e5e5e5;  }
.cpys_bj h2{margin-bottom: 40px;}
.cpys dl{width: 525px; margin-left: 50px; float: left;cursor: pointer;}
.cpys dt{width: 525px; height: 268px; overflow: hidden;}
.cpys dt img{width: 525px; height: 268px;display: block;}
.cpys dd{text-align: center; height: 228px;padding: 35px 40px 0;background: #fafafa;box-sizing: border-box;position: relative;}
.cpys dd h3{font-size: 24px; color: #000000; font-weight: normal;margin-bottom: 15px;}
.cpys dd p{ font-size: 14px; color: #888888; line-height: 23px; height: 90px;  }
.cpys dd em{width: 18px; height: 18px; margin:0 auto;  display: block; background:url(../images/cpysico.png) no-repeat center top }
.cpys dl:last-child{margin-right: 0;}

.cpys dl:hover dd h3{ color: #e60012; }
.cpys dl dd:after{content:'';position:absolute;height:3px;width:0;background:#0710ca;bottom:0px;left:0;-webkit-transition:width .5s;transition:width .5s;color: #333; z-index: 1;}
.cpys dl:hover dd:after{width:100%;color: #333333;z-index: 1;}



/**/
.ysbj{ height: 2082px; background:#fff; padding-top:75px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;  max-width: 1920px;margin:0 auto;}
.ysbj h2{ margin-bottom: 50px;}

.ys .content{ height:auto;  position: relative; }

.ys dl{ height:467px; position:relative;}
.ys dt{ width:960px; height:467px; overflow:hidden; margin-left:-360px;}
.ys dt img{ display:block;width:960px; height:467px; }
.ys dd{ width:502px; padding-top:95px;}

.ys dd h3{ font:28px "Microsoft YaHei"; color:#555555; margin-bottom: 40px; height:110px;border-bottom: 1px solid #dfdfdf; }
.ys dd h3 em{display: block; color: #e60012;height: 49px; line-height: 49px;padding-left: 63px; font-size: 40px;margin-bottom: 10px;}
.ys dd h3 b{  color: #000000;font-weight: normal;}
.ys dd p{background:url(../images/yspico.png) no-repeat left 5px; font:16px "Microsoft YaHei"; line-height:26px; padding-left:30px; position:relative; color: #555555; margin-bottom: 15px;}



.ys1,.ys3{background:url(../images/ys1ddbg.jpg) no-repeat right top;}
.ys2,.ys4{background:url(../images/ys2ddbg.jpg) no-repeat left top;}
.ys2 dt,.ys4 dt{margin-right: -360px;}

.ys img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ys img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.ys1 dd h3 em{background:url(../images/01.png) no-repeat left center;}
.ys2 dd h3 em{background:url(../images/02.png) no-repeat left center;}
.ys3 dd h3 em{background:url(../images/03.png) no-repeat left center;}
.ys4 dd h3 em{background:url(../images/04.png) no-repeat left center;}
/**/
.casebj{ height: 578px; box-sizing: border-box; background:url(../img/yy_bk.jpg);  padding-top: 75px; overflow: hidden; font-family:"Microsoft Yahei";}
.casebj h2{ margin-bottom: 35px;}

.case{width: 1200px;position: relative; height: 354px;margin-bottom: 10px;}
.case ul{width: 1200px;height: 354px;}
.case li {width: 276px; float: left;}
.case li:nth-child(2){float: right;}
.case li a{width: 276px;height: 172px;position: relative;  display: block;margin-bottom: 10px;}
.case li img{width: 276px;height: 172px; display: block;}
.case li span{background: rgba(0,0,0,0.6);width: 276px;height: 172px; position: absolute;top:0;left:0;padding:75px 20px 0;box-sizing: border-box; display: block; text-align: center; font-size: 16px;color: #ffffff;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.case li span i{background:url(../images/caseico.png) no-repeat center top;width: 31px;height: 31px; margin:15px auto;opacity: 0; display: block; transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.case li a:hover span{padding-top: 60px;}
.case li a:hover span i{opacity: 1;}
.case1{width: 630px;height: 354px; position: absolute;left:285px;top:0;}
.m_case{width: 630px;height: 354px; position: relative;}
.case_prev{position: absolute;left:0;top:158px;background: url(../images/case_lefts.png) no-repeat;width: 36px; height: 36px;}
.case_next{position: absolute;right:0;top:158px;background: url(../images/case_rights.png) no-repeat;width: 36px; height: 36px;}
.m_case dl{ width: 630px;height: 354px; float: left; position: relative; }
.m_case dl a{ text-decoration: none; }
.m_case dl dt{width: 630px; height: 354px; overflow: hidden;}
.m_case dl img{width: 630px; height: 354px; display: block;}
.m_case dl dd{ display: block; height: 52px; line-height: 52px; text-align: center; font-size: 16px; color: #fff;box-sizing: border-box; transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;background: rgba(0,0,0,0.6); position: absolute;bottom: 0;left:0;width:630px; }
.m_case dl dd a{color: #fff;}

.hz{width:1200px;border:1px solid #e0e0e0;box-sizing: border-box;height: 128px; overflow: hidden;}
.hz li{width: 239px;float: left;}
.hz li img{width: 239px;height: 126px;  display: block;}
.hz li a{ text-decoration: none; }



/**/
.nswsbj{ height: 776px; box-sizing: border-box;  padding-top:75px; overflow: hidden; font-family:"Microsoft Yahei";background:url(../images/newsbg.jpg) no-repeat center top;}
.nswsbj .tit01{margin-bottom: 30px;}

.new{ height:665px; padding-top:80px; background:#f8f8f8; overflow:hidden;}
.dy{ width:785px; height:480px; background:#fff; margin-top:16px;overflow:hidden;}
.dy .dl01{ padding:31px 30px 8px; border-bottom:1px solid #dcdcdc; height:136px;}
.dy .dl01 dt{ width:242px; height:136px; float:left; overflow:hidden;}
.dy .dl01 dt img{ display:block;width:242px; height:136px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; }
.dy .dl01 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy .dl01 dd{ width:450px; float:right;}
.dy .dl01 dd h3{ font:20px "Microsoft YaHei"; font-weight:normal; line-height:30px; height:30px; overflow:hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dy .dl01 dd h3 a{ display:block; color:#17120f;}
.dy .dl01 dd h3 em{background:url(../images/tt.png) no-repeat; display:block; float:left; width:49px; height:22px; font:14px "Microsoft YaHei"; line-height:22px; color:#fff; margin:5px 8px 0 0; text-align:left;padding-left: 14px;}
.dy .dl01 dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#999999; margin-top:15px;}
.tit2{ height:45px; padding:18px 30px 0 55px; font:20px "Microsoft YaHei"; color:#333; background:url(../images/faq_icon.png) no-repeat 30px 32px;}
.tit2 a{ color:#333;}
.tit2 em{background:url(../images/wt_more.png) no-repeat 0 0; float:right; font:14px "Microsoft YaHei"; color:#666; line-height:22px; width: 22px;height: 22px; display: block;}
.dy2{ border-bottom:1px solid #dcdcdc; padding:0 30px; height:162px; overflow:hidden; position:relative;}
.dy2:before{ content:""; position:absolute; top:0; left:50%; width:1px; height:162px; background:#dcdcdc;}
.dy2 dl{ width:320px; margin-top:35px; height:110px;}
.dy2 dt{ width:65px; height:70px; padding-top:20px; background:#999; float:left; text-align:center; font:18px Arial; color:#fff;}
.dy2 dt em{ display:block; border-top:1px solid #fff; margin:5px auto 10px; width:40px; font-size:12px; padding-top:12px;}
.dy2 dd{ width:225px; float:right;}
.dy2 dd h3 a{ display:block; font:16px "Microsoft YaHei"; line-height:40px; height:40px; color:#333; overflow:hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dy2 dd p{ font:14px "Microsoft YaHei"; line-height:26px; color:#999999; height:52px; overflow:hidden;}
.dy2 dl:nth-child(2n-1){ float:left;}
.dy2 dl:nth-child(2n){ float:right;}
.dy ul{ padding:15px 30px 0 30px;}
.dy li{ font:14px "Microsoft YaHei"; line-height:36px; height:36px; overflow:hidden; padding-left:25px; position:relative;}
.dy li:before,.faq li:before{ content:""; position:absolute; top:15px; left:0; width:7px; height:7px; border-radius:7px; border:2px solid #969696; box-sizing:border-box;}
.dy li a{ color:#333;}
.dy li em{ color:#8c8c8c; float:right;}
.dy h4 a:hover,.dy2 dl:hover dd h3 a,.dy li a:hover,.faq dd h3 a:hover,.faq li a:hover{ font-weight:bold; color:#e60012;}
.dy2 dl:hover dt{ background:#e60012; color:#fff;}

.faq{ width:395px; height:480px; background:#fff; margin-top:16px; overflow:hidden;}
.faq dl{ height:288px; width:345px; padding:0 25px; border-bottom:1px solid #ccc;}
.faq dt{ width:345px; height:178px; overflow:hidden;}
.faq dt img{width:345px; height:178px; display:block;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.faq dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.faq dd h3 a{ display:block; font:16px "Microsoft YaHei"; color:#333; height:40px; line-height:40px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.faq dd p{ font:14px "Microsoft YaHei"; line-height:26px; color:#666; height:52px; overflow:hidden;}
.faq li{font:14px "Microsoft YaHei"; line-height:36px; height:36px; overflow:hidden; padding-left:25px; position:relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.faq ul{ width:345px; margin:0 auto; padding-top:15px;}
.faq li a{ color:#333;}

/**/
.aboutbj{background:url(../img/bottom_about.jpg) no-repeat center top;height: 544px; font-family:"Microsoft Yahei";padding-top:120px;box-sizing: border-box; overflow: hidden; }
.aboutbj .tit01{margin-bottom: 40px;}
.aboutbj .tit01 em{color: #ff0000;background: url(../images/tit1bg.png) no-repeat center bottom;}
.aboutbj .tit01 span{color: #fff;}
.about{width:1200px; margin:0 auto;}
.about dd { width:1200px; box-sizing: border-box;padding:0 15px;}
.about p{height: 116px; font-size: 16px; color: #ffffff;line-height: 26px; text-align: center;}
.about dd span a{ display: block;background:url(../images/abt_btn.png) no-repeat 105px center;  width:120px; height: 41px; line-height: 41px;padding-left: 15px; text-align: left; font-size: 16px; color: #fff;border:1px solid #ffffff; margin:0 auto; text-decoration: none;}
.about dd span a:hover{background: #e60012 url(../images/abt_btn.png) no-repeat 105px center;color: #fff;border-color: #e60012;}


/**/
.cutbj{padding-top: 65px; height: 570px;background: url('../img/jiangbei.jpg');border-bottom: 1px solid #e8e8e8; box-sizing: border-box;}
.help_nav{ height: 60px;border-bottom: 2px solid #ededed; clear: both;  margin-bottom: 22px;}
.help_nav span{float: right;}
.help_nav span a{ height: 60px; line-height: 60px; font-size: 12px; color: #666666;background: url(../images/spnico.png) no-repeat right center;padding-right: 25px; display: block;    margin-top: 15px; }
.help_nav li{height: 60px; line-height: 60px; margin-right: 65px; text-align: center; font-size: 24px; color: #000000;position: relative; display: block; float: left; }
.help_nav li a{color: #000000; text-decoration: none;}
.help_nav li img{width: 35px; height: 33px; vertical-align: middle;margin-right: 12px;}
.help_nav li:after{content:'';position:absolute;height:3px;width:0;background:#e60012;bottom:-2px;left:0;-webkit-transition:width .5s;transition:width .5s;color: #333; z-index: 1;}
.help_nav li:hover:after,.help_nav li.cur:after{width:100%;color: #333333;z-index: 1;}


.m_help{ height:208px;width: 1200px; position: relative; }
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:393px; position:relative;margin-right: 10px; float: left; }
.xc li img{ display:block;width:393px; height:268px;}
.xc li em{background: #ffffff; height:76px;  font:16px "Microsoft YaHei"; line-height:76px; color:#888888; overflow:hidden; display: block; text-align: left; display: block; padding:0 55px 0 35px; font-size: 14px; background:#fff url(../images/spnico.png) no-repeat 340px center; position: relative;text-align:center;
}
.xc li a{ text-decoration: none; }
.xc li.nones{margin-right: 0;}
.xc li em:after{content:'';position:absolute;height:3px;width:0;background:#0710ca;bottom:0px;left:0;-webkit-transition:width .5s;transition:width .5s;color: #333; z-index: 1;}
.xc li:hover em:after{width:100%;color: #333333;z-index: 1;}



.link_bj{width:1200px; margin: 0 auto;min-height:63px;position: relative;z-index: 1; border-top:1px solid #f0f0f0;overflow: hidden;}
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link p{  width: 1200px;  font-size: 14px;overflow: hidden; line-height: 63px; color:#9b9a9a;}
.link p a{ color:#9b9a9a; padding:0 30px;}