@charset "utf-8";
.box1 {margin: 0 auto;width: 1200px;height: 120px;overflow: hidden;position: relative;top: -24px;z-index: 99;}
/*内页服务*/

.serviceitem a { text-align: center; }
.serviceitem a img { margin-top: 25px; width: 360px; height: 200px; overflow: hidden; transition: all 0.3s ease-out 0s; position: relative; top: 0; margin-bottom: 0px; }
.serviceitem { width: 374px; float: left; min-height: 400px; margin-bottom: 60px; padding-bottom: 40px; margin: 0; margin-right: 25px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.serviceitem div p { padding: 0 30px; }
.serviceitem div { display: none; position: relative; margin: 0; transition: all 0.3s ease-out 0s; top: 0px; padding-top: 5%; }
.serviceitem div:after { display: none; position: absolute; content: ""; left: 5%; width: 90%; height: 120%; border: 1px solid rgba(0, 0, 0, .15); margin-left: 0; top: -4px; transition: all 0.3s ease-out 0s; }
.serviceitem div p.title { font-size: 18px; }
.serviceitem div p.description { width: auto; margin-top: 30px; }
.serviceitem div p.description { margin-top: 15px; padding: 0 40px; line-height: 24px; color: #8D8D8D; }
.serviceitem div p.title { font-size: 18px; }
.serviceitem { height: 250px; min-height: 250px; margin-bottom: 50px; padding-bottom: 0; width: 374px; transition: all 0.3s ease-out 0s; }
#serviceitem_0 { background-color: #305DC3; transition: all 0.3s ease-out 0s; z-index: 9999; }
#serviceitem_1 { background-color: #2d57b6; transition: all 0.3s ease-out 0s; }
#serviceitem_2 { background-color: #294da0; transition: all 0.3s ease-out 0s; }
#serviceitem_0:hover { box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); margin-bottom: 10px; margin-top: -13px; }
#serviceitem_1:hover { box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); margin-bottom: 10px; margin-top: -13px; }
#serviceitem_2:hover { box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1); margin-bottom: 10px; margin-top: -13px; }
.serviceitem a { text-align: center; }
/*box2*/

.box2 { margin-top: -120px; background: url(../images/box2bg.jpg) no-repeat top center; width: 100%; height: 100px; }
.box2ft { float: left; width: 600px; margin-left: 23px; }
.box2ft h3 { display: block; height: 47px; margin-top: 10px; line-height: 47px; text-align: left; letter-spacing: 0px; font-size: 31px; color: #ffffff; }
.box2ft span { display: block; width: 450px; float: left; height: 27px; line-height: 27px; text-align: left; font-size: 15px; color: #ffffff; }
.box2ft .line { float: left; margin-left: 27px; margin-right: 5px; width: 60px; margin-top: 10px; height: 3px; border-bottom: #ffffff 1px solid; }
.box2ht { float: right; width: 358px; margin-right: 71px; height: 98px; }
.box2ht h3 { display: block; height: 30px; font-size: 22px; color: #ffffff; margin-top: 15px; }
.box3 {width: 100%;height: 138px;}
.box3 img { width: 100%; height: 100% }
/*box4*/

.box4sky {height: 900px;background: url(../images/box4bg.jpg) fixed no-repeat center center;min-width: 1200px;overflow: hidden;margin: 0px auto;margin-top: -35px;}
.box4 { width: 1200px; height: auto; overflow: hidden; margin-top: 1px; }
.box4 ul li { float: left; width: 384px; height: 355px; overflow: hidden; margin-right: 16px; }
.box4 ul li .pro-img { width: 382px; height: 268px; overflow: hidden; position: relative; border: #cccccc 1px solid; }
/*特效：图片扩大*/

.fangda1 img { width: 384px; height: 270px; }
.fangda1 { transition: all 0.4s ease-in-out; }
.box4 ul li:hover .pro-img .fangda1 { widows: 384px; height: 270px; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 10; transform: scale(1.5); transition: all 0.8s ease-out; }
/*特效：图片扩大*/

/*特效：左边飘出特效*/

.up { width: 384px; height: 270px; overflow: hidden; position: absolute; top: 0px; left: -384px; z-index: 100; background-image: url(../images/bg03.png); transition: all 0.2s ease-out; }
.box4 ul li:hover .pro-img .up { left: 0px; transition: all 0.3s ease-out; }
.up a h3 { display: block; margin-top: 70px; height: 85px; line-height: 85px; text-align: center; font-size: 35px; color: #ffffff; }
.up .more a { display: block; width: 300px; height: 37px; line-height: 37px; text-align: center; margin: 0 auto; background-image: url(../images/bg04.png); font-size: 18px; color: #000000; }
.box4 ul li .tit01 { width: 384px; height: 80px; background-image: url(../images/bg05.jpg); background-repeat: no-repeat; background-position: top right; background-color: #f3f3f3; overflow: hidden; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.box4 ul li:hover .tit01 { width: 384px; height: 80px; background-image: url(../images/bg06.jpg); background-repeat: no-repeat; background-position: top right; background-color: #1ecd71; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.tit01 a h3 { display: block; margin-top: 12px; text-indent: 30px; text-align: left; height: 30px; font-size: 15px; color: #323131; }
.box4 ul li:hover .tit01 a h3 { display: block; margin-top: 12px; text-indent: 30px; text-align: left; height: 30px; font-size: 20px; color: #ffffff; }
.tit01 p { display: block; height: 20px; line-height: 20px; text-align: left; text-indent: 30px; color: #a7a7a7; }
.box4 ul li:hover .tit01 p { color: #ffffff; }
/*特效：左边飘出特效*/



/*box5*/

.box5 { margin-top: 6px; }
.part-yscon { height: 607px; }
.con-l { margin-top: 20px; width: 416px; }
.con-r { margin-top: 20px; width: 416px; }
.part-yscon .con-c { }
.tit2 { height: 91px; text-align: center; }
.tit2 h3 { margin-bottom: 10px; height: 51px; color: #393939; font-size: 37px; font-weight: bold; text-align: center; }
.tit2 img { display: block; margin: 0 auto }
.ys01 { margin-bottom: 30px; width: 416px; height: 121px; background: url(../images/ysbg03.jpg); }
.ysleft { margin: 15px 0px 0px 20px; }
.ysrig { margin: 15px 0px 0px 0px; width: 290px; }
.ysrig h1 { margin: 10px 0px 2px 0px; padding: 0px; font-size: 35px; text-align: left; color: #333333; }
.ysrig p { margin: 0px; padding: 0px; font-size: 14px; text-align: left; color: #333333; text-transform: uppercase; }
.ys02 { margin-bottom: 30px; width: 416px; height: 121px; background: url(../images/ysbg04.jpg); }
.ysrig2 { margin: 15px 0px 0px 0px; width: 290px; }
.ysrig2 h1 { margin: 10px 0px 2px 0px; padding: 0px; font-size: 35px; text-align: right; color: #ffffff; }
.ysrig2 p { margin: 0px; padding: 0px; font-size: 14px; text-align: right; color: #ffffff; text-transform: uppercase; }
#part-tj { height: auto; text-align: center; }
.part-tjbt { height: 45px; line-height: 45px; font-size: 16px; color: #717171; }
#part-jj { height: 675px; background: url(../images/jjbg.jpg) top center no-repeat; }
.part-jjbt { text-align: center; }
.part-jjzuo { width: 485px; margin-top: 45px; }
.part-jjyou { width: 713px; margin-top: 45px; }
.jjfl { margin: 0px; width: 500px; }
.jjfl ul { margin: 0px; padding: 0px; }
.jjfl ul li { margin-right: 5px; margin-bottom: 5px; float: left; height: 36px; line-height: 36px; }
.jjfl ul li a { float: left; display: block; width: 146px; height: 36px; background: url(../images/jj02.jpg); text-align: center; font-size: 22px; color: #ffffff; }
.jjfl ul li a:hover { background: url(../images/jj02.jpg); }
.part-jjyou .con { line-height: 24px; }
.part-jjyou .more { text-align: right; }
#part-jj01 { height: 366px; background: #1265cf; }
.part-con1 { width: 1200px; margin: 0px auto; color: #ffffff; line-height: 24px; text-align: center; }
.part-jj1 { width: 300px; float: left; }
.part-jj1 a { display: block; width: 300px; float: left; }
.part-jj1 .bt { display: block; height: 183px; top: 0px; position: relative; transition: 0.2s all; }
.part-jj1 h1 { margin: 0px; padding-top: 34px; color: #ffffff; font-size: 48px; }
.part-jj1 h2 { margin: 0px; padding: 25px 20px 10px 20px; color: #ffffff; font-size: 16px; color: #ffffff; }
.part-jj1:hover .bt { top: 183px; }
.part-jj1 span { display: block; top: 0px; position: relative; transition: 0.2s all; }
.part-jj1:hover span { top: -183px; }
.part-jj2 { width: 300px; float: left; }
.part-jj2 a { display: block; width: 300px; float: left; }

.part-jj2 .bt { display: block; height: 183px; top: 0px; position: relative; transition: 0.2s all; }
.part-jj2 h1 { margin: 0px; padding-top: 34px; color: #ffffff; font-size: 48px; }
.part-jj2 h2 { margin: 0px; padding: 25px 30px 10px 30px; color: #ffffff; font-size: 16px; color: #ffffff; }
.part-jj2:hover .bt { top: -183px; }
.part-jj2 span { display: block; top: 0px; position: relative; transition: 0.2s all; }
.part-jj2:hover span { top: 183px; }
#part-xw { margin-top: 20px; }
.ys-qh { float: left; width: 368px; height: 440px; }
.ys-qh img { width: 304px; height: 440px; margin: 0 auto; display: block }
/*box6*/

/*------------简介----------*/

.a4 { font-size: 23px; line-height: 40px; font-weight: normal; color: #EAE0E0; text-decoration: none; }
.a41 { font-size: 23px; line-height: 40px; font-weight: normal; color: #000; text-decoration: none; }
.a5 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 26px; font-weight: bold; color: #696969; text-decoration: none; }
.a6 { font-size: 13px; font-weight: normal; line-height: 26px; color: #666; text-decoration: none; }
.a8 { font-size: 18px; line-height: 30px; font-weight: normal; color: #FF6600; }
.a9 { font-family: Arial, Helvetica, sans-serif; font-size: 40px; line-height: 20px; font-weight: bold; color: #FFF000; text-decoration: none; }
.a10 { font-family: Arial, Helvetica, sans-serif; font-size: 150px; line-height: 150px; font-weight: bold; color: #F02832; text-decoration: none; }
.a11 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; font-weight: bold; color: #F02832; text-decoration: none; }
.a12 { font-size: 23px; line-height: 40px; font-weight: normal; color: #D31A0C; text-decoration: none; }
#about { width: 100%; height: 80px; background-color: #262626; text-align: center; padding-top: 10px; }
#about h3 { font-size: 50px; font-weight: bold; color: #FFF; text-decoration: none; font-style: normal; line-height: 60px; }
#about1 { width: 100%; height: 552px; background: url(../images/aboutbj.jpg) center no-repeat; }
.about1-1 { margin: 0px auto; width: 1170px; height: 100px; padding-left: 60px; padding-top: 50px; }
.about1-2 { width: 1170px; height: 400px; margin: 0px auto; background-color: #e7e7e7; margin-top: -40px; }
.about2 { width: 1120px; height: 280px; margin: 0px auto; padding: 30px; }
.about2-1 { width: 610px; height: 280px; text-align: left; padding-top: 16px; }
.about2-11 { width: 590px; height: 221px; text-align: left; padding-right: 20px; border-bottom: 1px double #C7C7C7; }
.about2-12 { width: 610px; height: 100px; text-align: left; padding-top: 10px; }
.about3 { width: 495px; height: 330px; padding: 5px; background-color: #333; }
/*box6*/

.box6 { height: 220px; margin-top: -42px; }
.box6ft { width: 600px; height: 190px; background-color: #F02832; }
.box6ft-ft { width: 438px; height: 190px; margin-left: 20px; margin-top: 30px; }
.box6ft-ft-1 { width: 438px; height: 60px; text-align: left; }
.box6ft-ft-2 { width: 438px; height: 60px; margin-top: 20px; }
.box6ft-ft-2 div { width: 438px; height: 60px; margin-top: 20px; }
.box6ft-ft-2 div img { float: left; margin-top: 6px; }
.box6ft-ft-2 div h3 { float: left; margin-top: 23px; display: block; width: 286px; margin-left: 16px; }
.box6ft-ht { width: 110px; height: 122px; margin-top: 36px; /* border:1px solid #09F  */ }
.box6ft-box1 { width: 100px; height: 150px; text-align: left; margin-left: 40px; margin-top: 20px; }
.box6ft-box2 { width: 150px; height: 150px; text-align: left; margin-left: 20px; margin-top: 100px; }
.box6ft-box3 { width: 61px; height: 108px; margin-left: 170px; margin-top: 40px; }
.box6ht { width: 600px; height: 190px; background-color: #41414B; }
/*box7*/

.box7sky { height: 823px; background: url(../images/box7bg.jpg) fixed no-repeat center center; min-width: 1200px; overflow: hidden; margin: 0px auto }
.box7 { margin-top: 6px; /* border: 1px solid #966; */ /* height:600px */ }
/*选项卡*/

.pro_lei { overflow: hidden; width: 100%; float: right; }
.pro_lei ul li ul { width: 100%; margin: 0 auto; }
.pro_lei ul li {float: left;width: 32%;_width: 27%;height: 62px;margin-right: 12px;cursor: pointer;}
.pro_lei ul li.current { background: url(../images/i.png) center 46px no-repeat; }
.pro_lei ul li span { display: block; width: 100%; height: 46px; border: solid 1px #6B6B6B; background: #6B6B6B; font-size: 16px; line-height: 46px; font-weight: bold; color: #fff; text-align: center; cursor: pointer; }
.pro_lei ul li.current span { background-color: #F02517; border: solid 1px #F02517; color: #fff; }
.ipro li { float: left; width: 294px; height: 300px; margin-left: 3px; border: #cccccc 1px solid; margin-top: 6px; }
.ipro li img { display: block; margin: 4px auto; width: 100%; height: 100%; }
.ipro li div { width: 277px; height: 252px; overflow: hidden; margin: 0 auto; margin-top: 8px; margin-bottom: 5px; }
.ipro li p { font-size: 15px; color: #F1F9F0; text-align: center; line-height: 30px; height: 30px;/* width: 230px; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.ipro li:hover { background: #CFD217; }
.ipro li:hover p { color: #000 }
/*特效1*/



.tran1 { transition: all 0.4s ease-out }
.tran1:hover { transform: scale(1.6) }
/*选项卡*/







/*news*/

.inewsky {background: url(../images/2.jpg) no-repeat center center fixed;min-width: 1200px;overflow: hidden;margin: 0px auto;height: 1000px;background-size: cover;}
.rel { position: relative }
.abs { position: absolute; }
.inews { height: 700px; background: rgba(19, 100, 183, 0.28); padding: 30px; height: 552px; /* border:1px solid red; */ }
.inews .tit { width: 100%; height: 103px; padding: 2px; }
.inews .tit h3 { float: left; font-size: 52px; padding-left: 15px; border-left: 6px solid #ea6311; margin-bottom: 9px; line-height: 98px; }
.inews .tit h3 a { color: #F1ECEC; }
.inews .tit span { float: right; margin-right: 6px; color: #E5D8D8; font-size: 32px; line-height: 101px; }
.news11 { width: 1204px; margin: 0px auto; padding-bottom: 5px; }
.inews .tit span a {color: #ffffff;}
.news11 ul { list-style-type: none; }
.news11 ul li { line-height: 44px; height: 44px; width: 366px; float: left; margin: 5px; border: 1px #E2E3E7 solid; color: #2C2B2D; padding-left: 6px;}
.news11 ul li a { line-height: 44px; height: 44px; overflow: hidden; font-size: 15px; font-weight: normal; float: left; width: 257px; color: #FFFFFF; }
.news11 ul li span { float: right; padding-right: 5px; font-size: 13px ;color: #fff;}
/*产品推荐2*/

.out2 { width: 1200px; height: 300px; margin: 20px auto; text-align: center; border: 8px solid #447CE4; overflow: hidden; }
.con2 { width: 3300px; height: 300px; overflow: hidden; animation: move 8s linear infinite normal; animation-fill-mode: forwards; }
.con2:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
.con2 li { float: left; list-style: none; overflow: hidden; width: 300px; height: 295px; /* border: 1px #A9A08E solid; */ margin-left: 2px }
.con2 img { display: block; width: 270px; height: 250px; margin: 0 auto; margin-top: 6px; }
.con2 span { text-align: center; font-size: 16px; color: #000; display: block; margin-top: 12px }
.pause { position: relative; height: 60px; display: inline-block; margin: 20px auto; text-align: center; }
.pause:before { position: absolute; content: "暂停"; display: inline-block; width: 100px; height: 60px; left: 0px; line-height: 60px; font-size: 20px; color: #fff; margin: 0 20px; background: orange; border: none; border-radius: 20px; outline: none; }
 @keyframes move { 0% {
 transform:translateX(0px);
}
 100% {
 transform:translateX(-1200px);
}
}
.out2 input { display: none; }
.out2 input:checked ~ .con { animation-play-state: paused; -webkit-animation-play-state: paused; }
.out2 input:checked ~ .pause:before { content: "滚动"; }
/*产品推荐*/

.out1 {width: 1160px;height: 300px;margin: 20px auto;text-align: center;border: 10px solid #fbfe01;overflow: hidden;}
.con1 { width: 3300px; height: 300px; overflow: hidden; animation: move 8s linear infinite normal; animation-fill-mode: forwards; }
.con1:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
.con1 li {float: left;list-style: none;overflow: hidden;width: 300px;height: 295px;/* border:1px #D2AB1A solid; */margin-left:2px;}
.con1  img { display:block; width: 270px; height: 250px; margin:0 auto; margin-top:6px;  }
.con1 span{text-align:center; font-size:16px; color:#FFF; display:block; margin-top:12px }
.pause { position: relative; height: 60px; display: inline-block; margin: 20px auto; text-align: center; }
.pause:before { position: absolute; content: "暂停"; display: inline-block; width: 100px; height: 60px; left: 0px; line-height: 60px; font-size: 20px; color: #fff; margin: 0 20px; background: orange; border: none; border-radius: 20px; outline: none; }
 @keyframes move {  0% {
transform:translateX(0px);
}
 100% {
transform:translateX(-1200px);
}
}
.out input { display: none; }
.out input:checked ~ .con { animation-play-state: paused; -webkit-animation-play-state: paused; }
.out input:checked ~ .pause:before { content: "滚动"; }
/**/
.box8{ width:100%; height:200px;}
.box8 img{ width:100%; height:100%}
/**/
.box9t h3{margin-bottom: 10px;height: 51px;background: url(./../images/ysbg01.jpg);color: #393939;font-size: 37px;font-weight: bold;text-align: center;}
.box9t img{width:524px;height:28px;margin: 0 auto;display: block;}
.box9{margin-top:12px;height: 561px;margin-bottom:6px;}
.box9-a{width: 400px;height: 478px;bo;}
.box9-a ul li{ margin-bottom: 30px; width: 416px; height: 121px; background: url(./../images/ysbg03.jpg); }
.box9-a ul li dl{float: left;margin-top: 10px;margin-left: 36px;}
.box9-a ul li dt{margin: 10px 0px 2px 0px; padding: 0px; font-size: 35px; text-align:left; color: #333333; }
.box9-a ul li dd{ margin: 0px; padding: 0px; font-size: 14px; text-align:left; color: #333333; text-transform: uppercase; }
.box9-aimg{width:100px;height:100px;float:left;margin: 10px 0px 0px 20px;}
.box9-aimg img{ width:100%; height:100%}
/**/
.box9-b{width: 400px;height: 472px;}
.box9-b img{width: 96%;height: 100%;margin: 0 auto;display: block;}
.box9-c{width: 400px;height: 565px;}
/**/
.box9-c{width: 400px;height: 478px;bo;}
.box9-c ul li{ margin-bottom: 30px; width: 416px; height: 121px; background: url(./../images/ysbg04.jpg); }
.box9-c ul li dl{float: left;margin-top: 10px;margin-left: 36px;}
.box9-c ul li dt{margin: 10px 0px 2px 0px;padding: 0px;font-size: 35px;text-align:left;color: #ffffff;}
.box9-c ul li dd{margin: 0px;padding: 0px;font-size: 14px;text-align:left;color: #ffffff;text-transform: uppercase;}
.box9-cimg{width:100px;height:100px;float:left;margin: 10px 0px 0px 20px;}
.box9-cimg img{ width:100%; height:100%}