@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:715px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:715px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:715px;}
.banner .bantil{ width:200px; height:6px;position:absolute; bottom:30px;left:50%; margin-left:-100px; z-index:8;}
.banner .bantil li{ width:52px; height:6px; float:left; display:inline;background:url(../images/hover.jpg); opacity:1; border-radius:0; margin:0 5px;}
.banner .bantil li.on{background:#000;}

.yinz dl{ height:340px; overflow:hidden; background:#f6f6f6; margin:39px 0 70px;}
.yinz dt{ width:540px; height:340px; float:right; overflow:hidden;}
.yinz dt img{ display:block; width:540px; height:340px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yinz dt:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.yinz dd{ width:540px; float:left; padding:55px 0 0 50px; overflow:hidden;}
.yinz dd h3{ text-align:center; font:36px "Microsoft YaHei"; color:#222;}
.yinz dd p{ padding:30px 0; font:14px "Microsoft YaHei"; line-height:30px; color:#333; height:90px; text-align:center; overflow:hidden;}
.yinz dd span{ display:block; width:130px; background:url(../images/yinz_q.png) no-repeat right center; padding-right:50px; font:16px "Microsoft YaHei"; line-height:39px; color:#333; margin:0 auto;}
.yinz dd span em{ color:#ccc; padding-right:5px;}

.pro1{ background:#f6f6f6;padding:70px 0;}
.proleft{ width:550px; height:660px; overflow:hidden;}
.proleft img{ display:block;width:550px; height:660px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.proleft a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.prorig{ width:602px; overflow:hidden;}
.prorig dl{ height:316px;}
.prorig dt{ font:30px "Microsoft YaHei"; padding-left:24px; margin-top:14px; background:url(../images/pro_line.gif) no-repeat left 9px;}
.prorig dt a{ display:block; color:#222;}
.prorig dt em{ display:block; font:24px "Microsoft YaHei"; color:#666;}
.prorig dd p{ font:16px "Microsoft YaHei"; line-height:30px; color:#666; padding:20px 0 20px 24px;}
.prorig dd span a{ display:block; width:122px; height:35px; background:url(../images/pro_btn.png) no-repeat; font:16px "Microsoft YaHei"; text-align:center; line-height:35px; color:#127adf; margin-left:24px;}
.prorig li{ width:290px; overflow:hidden;}
.prorig li img{ display:block; width:288px; height:288px; border:1px solid #eaeaea;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.prorig li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.prorig li em{ display:block; font:16px "Microsoft YaHei"; color:#333; padding-top:20px; text-align:center;}
.prorig li:nth-child(2n-1){ float:left;}
.prorig li:nth-child(2n){ float:right;}

.pro2{ width:1200px; margin:70px auto;}
.pro2 dl{ height:143px; overflow:hidden;}
.pro2 dt{ font:30px "Microsoft YaHei"; padding-left:24px; margin-top:4px; width:380px; float:left; background:url(../images/pro_line.gif) no-repeat left 9px;}
.pro2 dt a{ display:block; color:#222;}
.pro2 dt em{ display:block; font:24px "Microsoft YaHei"; color:#666;}
.pro2 dd{ width:760px; float:right; overflow:hidden;}
.pro2 dd p{ width:522px; float:left; font:14px "Microsoft YaHei"; line-height:30px; color:#666; height:60px; overflow:hidden; padding:20px 0 20px 24px;}
.pro2 dd span a{ display:block; width:122px; height:35px; background:url(../images/pro_btn.png) no-repeat; font:16px "Microsoft YaHei"; text-align:center; line-height:35px; color:#127adf; float:right; margin-top:30px;}
.pro2 ul{ width:600px; overflow:hidden; float:left;}
.pro2 li{width:290px; overflow:hidden;}
.pro2 li img{display:block; width:288px; height:288px; border:1px solid #eaeaea;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro2 li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro2 li em{display:block; font:16px "Microsoft YaHei"; color:#333; height:50px; line-height:50px; overflow:hidden;text-align:center;}
.pro2 li:nth-child(2n-1){ float:left;}
.pro2 li:nth-child(2n){ float:right;}
.pro2 h5{ width:550px; height:660px; float:right; overflow:hidden;}
.pro2 h5 img{ display:block;width:550px; height:660px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro2 h5 a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.tit{ height:105px; padding-bottom:60px; font:40px "Microsoft YaHei"; text-align:center; color:#222; background:url(../images/pro_line.png) no-repeat center 65px;}
.tit a{ color:#222;}
.tit em{ display:block; font:32px Arial; color:#bbb; font-weight:bold; text-transform:uppercase; padding-top:20px;}
.tit i{ display:block; font:20px "Microsoft YaHei"; color:#444; padding-top:26px;}

.pro02{ height:1000px; margin-top:60px; overflow:hidden;}
.fen{ width:252px; background:#f1f1f1 url(../images/fen_h.jpg) no-repeat center top; border-bottom:7px solid #e7e7e7; height:745px; overflow:hidden;}
.fen h2 a{ color:#fff; padding:33px 0 0 90px; display:block;}
.fen h2{ height:110px; font:24px "Microsoft YaHei"; overflow:hidden;}
.fen h3{ width:235px; margin:0 auto; height:47px; border-bottom:1px dashed #d5d5d5; font:14px "Microsoft YaHei"; line-height:47px;}
.fen h3 a{ display:block; color:#333; background:url(../images/fen_arr.png) no-repeat 25px center; padding-left:40px;}
.fen h3:last-child{ border:0;}
.fen h3 a:hover{color:#127adf; font-weight:bold;}
.pro03{ width:912px; overflow:hidden;}
.pro4{ width:912px; height:397px; overflow:hidden; background:url(../images/pro_bg2.jpg) no-repeat center top; position:relative;}
.pro03 dl{ width:740px; margin:0 auto; padding-left:30px; overflow:hidden;}
.pro03 dt{ width:360px; height:360px; overflow:hidden; float:right; margin-top:20px;}
.pro03 dt img{ display:block;width:360px; height:360px;}
.pro03 dd{ width:335px; float:left; margin-top:92px;}
.pro03 dd h3 a{ display:block; font:30px "Microsoft YaHei"; color:#333; padding-bottom:8px;}
.pro03 dd p{ font:14px "Microsoft YaHei"; line-height:30px; color:#666; margin:12px 0;}
.pro03 dd span a{ display:block; width:122px; height:35px; background:url(../images/pro_btn2.png) no-repeat; font:16px "Microsoft YaHei"; line-height:35px; color:#127adf; text-align:center; margin-top:30px;}
.arr1 a{ display:block; width:50px; height:100px; font:56px "宋体"; text-align:center; line-height:100px; background:rgba(255,255,255,0.6); position:absolute; top:140px; left:0;}
.arr2 a{ display:block; width:50px; height:100px; font:56px "宋体"; text-align:center; line-height:100px;background:rgba(255,255,255,0.6); position:absolute; top:140px; right:0;}
.arr1 a:hover,.arr2 a:hover{ color:#008dd7;}
.pro7{ height:380px; margin-top:16px;}
.pro03 li{ height:338px; float:left; margin:0 22px 20px 0; box-shadow:0 0.2rem 0.6rem 0.2rem #ededed;}
.pro03 li img{ display:block; width:288px; height:288px;}
.pro03 li em{ display:block; font:16px "Microsoft YaHei"; line-height:47px; height:47px; overflow:hidden; color:#333; text-align:center; text-transform:uppercase;}

.ys{ background:url(../images/ys_bg.jpg) no-repeat center top; height:959px; overflow:hidden; padding-top:55px;}
.ys .content{ position:relative; height:775px;}
.ys dt img{ display:block; width:1200px; height:533px;}
.ys dd{ margin-top:55px;}
.ys dd h3{ width:720px; float:left; overflow:hidden;}
.ys dd h3 em{ display:block; font:30px "Microsoft YaHei"; color:#222; padding-bottom:12px;}
.ys dd h3 p{ font:16px "Microsoft YaHei"; line-height:30px; color:#666; background:url(../images/ys_jt.png) no-repeat left 10px; padding-left:20px;}
.ys dd h5{ width:470px; float:right; margin-top:15px;}
.ys dd h5 span{ display:block; font:16px "Microsoft YaHei"; color:#666; float:left; padding:0 70px;}
.ys dd h5 span em{ display:block; font:60px Arial; color:#127adf; margin-left:-5px; position:relative;}
.ys dd h5 span i{ display:block; width:25px; height:25px; background:#127adf; font:14px "Microsoft YaHei"; text-align:center; line-height:25px; color:#fff; border-radius:25px; position:absolute; top:8px; right:-30px;}
.ys dd h5 span:last-child{ border-left:1px solid #ccc; padding-right:0;}
.yst{ height:123px; width:780px; overflow:hidden; position:absolute; top:584px; left:30px;}
.yst li{ width:171px; height:123px; background:url(../images/ys_01.png) no-repeat; margin-right:10px; float:left; font:20px "Microsoft YaHei"; text-align:center; color:#222;}
.yst li span{ display:block; width:42px; height:42px; margin:18px auto 0; overflow:hidden;}
.yst li span em,.yst li i{ display:block; width:42px; height:42px;}
.yst li:hover,.yst .cur{background:url(../images/ys_02.png) no-repeat; color:#fff;}
.yst li:hover span em,.yst .cur span em{ display:none;}

.case{ height:845px; background:#f1f1f1 url(../images/case_bg.jpg) no-repeat center top; overflow:hidden; padding-top:60px; margin-bottom:65px;}
.case1{ width:1200px;background:#f1f1f1; padding:30px 30px 0 30px; margin-left:-30px; overflow:hidden;}
.case1 dl{ width:390px; float:left; margin:0 19px 15px 0; height:555px; background:#fff;box-shadow:0 0.2rem 0.6rem 0.2rem #ededed;}
.case1 dt{ display:block; width:390px; height:293px; overflow:hidden;}
.case1 dt img{display:block; width:390px; height:293px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case1 dd{ padding:29px 25px 0 25px;}
.case1 dd h3 a{ display:block; font:22px "Microsoft YaHei"; text-align:center; color:#222; padding-bottom:15px;}
.case1 dd p{ font:14px "Microsoft YaHei"; line-height:28px; color:#666; text-align:center;}
.case1 dd span a{display:block; width:122px; height:35px; background:url(../images/pro_btn2.png) no-repeat; font:16px "Microsoft YaHei"; line-height:35px; color:#127adf; text-align:center; margin:25px auto 0;}

.tit2{ height:57px; font:24px "Microsoft YaHei"; line-height:57px; overflow:hidden; background:url(../images/dy_line.gif) no-repeat left center; padding-left:15px;}
.tit2 a{ color:#333;}
.tit2 em{ font:14px "Microsoft YaHei"; color:#0394e7; float:right; line-height:47px;}

.dy{ width:587px; overflow:hidden; margin-bottom:80px;}
.dy dt{ width:587px; height:330px; overflow:hidden;}
.dy dt img{ display:block; width:587px; height:330px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dd h3 a{ display:block; font:18px "Microsoft YaHei"; color:#333;}
.dy dd h3 em{ margin-top:15px; display:block; font:18px Arial; font-weight:bold; color:#333; font-style:italic;}
.dy dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666; height:48px; overflow:hidden; margin-top:15px;}
.dy dd p a{ color:#0394e7;}

.faq{ width:540px; overflow:hidden;}
.faq dl{ height:131px; overflow:hidden; margin-bottom:19px;}
.faq dt{ width:232px; height:131px; float:left; overflow:hidden;}
.faq dt img{ display:block;width:232px; height:131px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.faq dt a:hover img,.dy 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{ width:290px; float:right;}
.faq dd h3 a{ display:block; font:18px "Microsoft YaHei"; color:#333; margin:12px 0;}
.faq dd h3 a:hover,.faq li a:hover,.dy dd h3 a:hover,.link a:hover{ font-weight:bold; color:#008dd7;}
.faq dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666;}
.faq ul{ background:#fff;box-shadow:0 0.2rem 0.6rem 0.2rem #ededed; margin:12px; padding:15px 0; border:1px solid #eee;}
.faq li{ font:14px "Microsoft YaHei"; line-height:36px; height:36px; margin:0 18px;}
.faq li a{ color:#666; background:url(../images/ys_jt.png) no-repeat left center; padding-left:16px;}
.faq li em{ float:right;}

.about{ height:845px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center bottom;}
.about .tit{ height:100px;}
.about dd{ width:1011px; margin:0 auto 40px; text-align:center; font:14px "Microsoft YaHei"; line-height:30px;}
.about dt img{ display:block; width:1197px; height:407px; border:3px solid #fff;}
.about dt em{ display:block; font:14px "Microsoft YaHei"; text-align:center; background:url(../images/about_btn.png) no-repeat; width:143px; height:40px; line-height:40px; margin:-20px auto 0; z-index:1; position:relative; color:#fff;}

.link{ font:18px "Microsoft YaHei"; font-weight:bold; color:#6d6d6d; padding:20px 0; line-height:24px; background:#d7d7d7;}
.link em{ font:20px Arial; color:#8c8d8e; padding-left:8px;}
.link a{ display:inline-block; font:14px "Microsoft YaHei"; color:#7e7e7e; padding-left:50px;}