@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:500px; width:100%; position:relative; }

.banner .bd{ height:500px; overflow:hidden;}

.banner .bd a{ display:block;height:500px; overflow:hidden;}

.banner .bantil{width:132px;height:17px;position:absolute;bottom:40px;left: 46.8%;z-index:8;}

.banner .bantil li{ width:17px; height:17px; float:left; display:inline; margin:0 12px;background:#0071be;border-radius:17px;}

.banner .bantil li.cur,.banner .bantil li:hover{background:#f69022;cursor:pointer;}




.pro{ height:950px; padding-top:30px;overflow:hidden;}

.fen{width:280px;border:1px solid #e0e0e0;border-bottom: 3px solid #0071bf;padding-bottom:0px;float:left;}

.fen h2{height:84px;font:24px "Microsoft YaHei";text-align:center;color:#fff;background: #0071be;overflow:hidden;line-height:84px;}

.fen h2 a{ display:block; color:#fff;}

.fen h2 em{background:url(../images/fen_h.gif) no-repeat left center;padding-left:20px;font-size:18px;margin-left:4px;text-transform:uppercase;}

.fen2 h3{ font:16px "Microsoft YaHei"; line-height:44px; height:40px; overflow:hidden; border-bottom:1px solid #e9ebea; padding:0 24px;}

.fen2 h3 a{display:block;color:#444;padding-left: 30px;font-weight:bold;background:url(../images/fen_jt1.gif) no-repeat right center;}

.fen2 h3 a:hover{background:url(../images/fen_jt2.gif) no-repeat right center;color: #f69022;}

.fen2 .nones{ border:0;}

.fen2 ul{ width:246px; margin:0 auto;}

.fen2 li{ font:14px "Microsoft YaHei"; height:40px; line-height:40px; color:#787878; float:left; width:123px; border-bottom:1px solid #e0e0e0; overflow:hidden;}

.fen2 li a{ color:#787878; display:block; background:url(../images/fen_jt3.gif) no-repeat left 16px; padding-left:15px; }

.pro2{ width:885px; float:right;}

.pro2 dl{ height:448px; overflow:hidden; position:relative;}

.pro2 dt img{ display:block; height:421px; overflow:hidden; width:100%;}

.pro2 dd{ width:237px; height:305px; padding:52px 0 0 45px; overflow:hidden; background:url(../images/pro_gbg.png) no-repeat; position:absolute; top:0; right:40px;}

.pro2 dd h3{width:172px; height:40px; overflow:hidden; font:18px "Microsoft YaHei"; text-align:center; line-height:40px; color:#349f38; margin-left:20px;}

.pro2 dd h3 a{ color:#349f38; font-weight:bold;}

.pro2 dd p{ font:14px "Microsoft YaHei"; line-height:28px; height:84px; overflow:hidden; color:#fff; margin:30px 0 42px;}

.pro2 dd em a{ display:block; width:160px; height:52px; font:18px "Microsoft YaHei"; text-align:center; line-height:52px; color:#fff; overflow:hidden;}

.pro2 li{ width:277px; float:left; margin-right:27px;margin-bottom:27px;}
.pro2 ul li:nth-child(3n){ margin-right:0px;}

.pro2 li img{ display:block; width:277px; height:277px;}

.pro2 li em{display:block;font:18px "Microsoft YaHei"; height:59px; line-height:59px; color:#666; overflow:hidden; text-align:center; background:url(../images/pro_bg01.gif) no-repeat center top;}

.pro2 li a:hover em{ background:url(../images/pro_bg02.gif) no-repeat center top; color:#fff;}

.pro2 .nones{ margin-right:0;}


/*优势*/


.tit{ height:175px; padding-top:30px; background:url(../images/line.gif) no-repeat center top; font:36px "Microsoft YaHei"; text-align:center;}

.tit a{ display:block; color:#0071be; font-weight:bold;}

.tit span{ display:block; font-size:15px; color:#000; margin-top:5px;}

.tit em{ display:block; font:48px Arial; font-weight:bold; color:#b4b4b4; text-transform:uppercase;}


.tit1{ height:175px; padding-top:30px; background:url(../images/line.gif) no-repeat center top; font:36px "Microsoft YaHei"; text-align:center;}

.tit1 a{ display:block; color:#fff; font-weight:bold;}

.tit1 span{ display:block; font-size:15px; color:#fff; margin-top:5px;}

.tit1 em{ display:block; font:48px Arial; font-weight:bold; color:#fff; text-transform:uppercase;}
.tit1 a:hover{ color:#fff;}

.ys h2{ text-align:center; font:48px "Microsoft YaHei"; text-align:center; height:255px; padding-top:100px; color:#fff; background:url(../images/ys_h.jpg) no-repeat center top;}

.ys h2 em{ color:#f7931e;}

.ys3{background:url(../images/ys_bg1.jpg) no-repeat center top;height: 1537px;overflow:hidden;}

.ys .content{ position:relative;}

.ys dl{width: 499px;position:absolute;}

.ys dt{font: 25px "Microsoft YaHei";color:#222;margin-bottom: 24px;font-weight: 700;}

.ys dt em{display:block;font:30px "Microsoft YaHei";background:url(../images/ys_h.png) no-repeat;font-weight:bold;line-height:56px;color: #0071bf;margin-bottom: 22px;padding-left: 68px;}

.ys dd p{font: 14px "Microsoft YaHei";line-height: 29px;margin-bottom: 15px;color:#666;}

.ys li{ width:150px; float:left; margin:28px 0 0 0; font:16px "Microsoft YaHei"; text-align:center; line-height:45px; color:#222;}

.ys li em{ display:block;}

.ys li em img{ display:block; width:95px; height:55px;}

.ys h5{ width:299px; height:35px; border:1px solid #f7931e; float:right; margin-top:28px; font:24px Arial; font-weight:bold; line-height:35px; color:#f7931e; text-align:left;}

.ys h5 em{ display:block; float:left;width:128px; height:35px; background:#f7931e; font:16px "Microsoft YaHei"; text-align:center; line-height:35px; overflow:hidden; color:#fff; margin-right:5px;}

.ys2{ margin-top:28px;}

.ys2 span{ display:block; width:125px; float:left; font:16px "Microsoft YaHei"; text-align:center; color:#222; line-height:48px;}

.ys2 span em{ display:block; width:92px; margin:0 auto; height:92px; text-align:center; font:14px "Microsoft YaHei"; color:#068e3c; background:url(../images/ys_yuan.png) no-repeat; line-height:102px;}

.ys2 span em b{ font:36px Arial; font-weight:bold;}

.ys .dl01{ top:100px;}

.ys .dl02{top:611px;right: 34px;text-align:right;}

.ys .dl02 dt em{background:url(../images/ys_h2.png) no-repeat right top;padding-right: 69px;}
.ys .dl03 dt em{background: url(../images/ys_h3.png) no-repeat left top;/* margin-left: 50px; */}
.ys .dl02 .ys2{ float:right;}

.ys .dl03{top: 1136px;width: 500px;}

.ys .dl04{ top:1600px; right:10px; text-align:right; width:655px;}


/**/

.case{height: 650px;background: #0071be;padding-top: 50px;}

.case dl{float: left;width: 260px;margin-right: 50px;height:370px;}

.case dl.nobot{margin-right: 0;}

.case dt img{width:265px; height:205px;}

.case dd h3 a{width:91px; height:90px;display: block;position: absolute;top: -46px;left: 131px;}

.case dd h3 img{width:91px; height:90px;}

.case dd{height: 160px;border: 1px solid #e3e3e3;width:265px;position: relative;border-top: 0;background: #fff;}

.case dl:hover em{background: #0071be;border: 1px solid #0071be;}



.case dd p{text-align: center;font-size: 24px;color: #333;padding-top: 30px;}

.case dd p em{    display: block;
margin:0 auto;
    width: 173px;
    height: 42px;
    background: #f38929;
    font: 14px "Microsoft YaHei";
    text-align: center;
    line-height: 42px;
    color: #fff;
    overflow: hidden;
    margin-top: 20px;
    border-radius: 20px;}

.case_c{position: relative;height:370px;}

.case_c .z,.case_c .y{width:40px;height:40px;position: absolute;top: 187px;}

.case_c .z{left: -65px;}

.case_c .y{right: -65px;}



.about .about-title{ height:85px; padding-top:15px; background: url("../images/about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #30a333; font-weight: bold; margin-bottom: 39px;}

.about-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}

.about dl{ height:495px; overflow:hidden; background:url(../images/about_bg.jpg) no-repeat center top;}

.about dt{ width:570px; height:435px; float:right; overflow:hidden; margin-top: 72px;}

.about dt img{ display:block; width:570px; /* height:435px;*/}

.about dd{ width:490px; float:left; overflow:hidden; margin-left: 60px;}

.about dd h3 a{ display:block; margin-top:67px; font:18px "Microsoft YaHei"; font-weight:bold; color:#423f3b; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom: 20px;}

.about dd h3 a span{display: block;font-size: 61px;font-weight: normal;text-transform: uppercase;color: #b4b4b4;font-family: Impact;}

.about dd p{ font:14px "Microsoft YaHei"; line-height:28px; color:#555;  margin-top:12px;}

.about dd em a{ display:block; width:173px; height:42px; background:#f38929; font:14px "Microsoft YaHei"; text-align:center; line-height:42px; color:#fff; overflow:hidden; margin-top:40px; border-radius: 20px;}





.pic{ height:350px; margin-top:25px;}

.nav2{ height:60px; overflow:hidden; background:url(../images/line.gif) repeat-x center center; margin-bottom:20px; position:relative;}

.nav2 li{ font:18px "Microsoft YaHei"; line-height:60px; height:60px; overflow:hidden; float:left; background:#fff url(../images/line2.gif) no-repeat right center; padding:0 20px;}

.nav2 li a:hover,.nav2 li .cur{ font-weight:bold; color:#ff7608;}

.nav2 .nones{ background:#fff;}

.nav2 .li1{ padding-left:0;}

.nav2 li a{ display:inline-block; color:#333;}

.nav2 .more2 span a{display:block;font:16px Arial;text-transform:uppercase;background:#fff;padding-left:20px;position:absolute;top:0;right:0;height:60px;line-height:60px;color: #f38929;overflow:hidden;}

.pic2{ height:300px; position:relative;}

.pic3{ width:1200px; overflow:hidden;}

.pic2 li{ width:282px;float:left; margin-right:24px; position:relative;}

.pic2 li img{ display:block;width:282px; height:200px;}

.pic2 li span{ display:block; font:14px "Microsoft YaHei"; text-align:center; height:45px; color:#666; line-height:45px; overflow:hidden; border-bottom:2px solid #bfbfbe;}

.pic2 li a:hover span{background: #0071be;border-bottom: 2px solid #0071be;color:#fff;}

.pic2 li a:hover img{display:block;border: 3px solid #0071be;width:276px;height:194px;}

.arr1{ font:30px "宋体"; color:#fff; position:absolute; top:94px; left:-16px; width:32px; height:36px; text-align:center; line-height:36px;}

.arr2{font:30px "宋体"; color:#fff; position:absolute; top:94px; right:-16px;width:32px; height:36px;text-align:center; line-height:36px;}

.arr1 a,.arr2 a{background: #0071be;display:block;color:#fff;}

.arr1 a:hover,.arr2 a:hover{ background:#ff7608;}





/*xinwen*/



.news{ width:1200px;height:890px; margin: 0 auto;overflow: hidden; font-family: "Microsoft YaHei";}

.news .tit{ height:165px;}

.news_nav{height:106px;overflow: hidden;padding-left: 350px;background: url(../images/news_line.gif) repeat-x center 9px;}

.news_nav li{ width:160px; text-align: center;display: inline-block;}

.news_nav li a{display: block; color:#333333; font-size: 18px;padding-top: 30px;background: url(../images/news_ico1.gif) no-repeat center 0; } 

.news_nav li a:hover , .news_nav li.cur a{background: url(../images/news_ico.gif) no-repeat center 0;color:#ff7608;font-weight: bold;}



.newspic{ float: left;width:600px; height:520px; overflow: hidden;}

.newspic img{width:600px; height:520px;}



.news_c dl{ height:129px; border: 1px solid #eaeaea; width:582px; margin-bottom: -1px;position: relative; overflow: hidden; float: right;}

.news_c dt{ width:108px; overflow: hidden;position: relative; float: left; font-size: 14px; font-family: Arial; color:#b6b6b6; padding-top: 30px;text-transform: uppercase;text-align: center;}

.news_c dt::before{position: absolute;content:""; width:1px; height:67px; border-right:1px solid #eaeaea; top: 32px; right:0;}

.news_c dt span{display: block;font-size: 48px;color: #0071be;padding-top: 5px;line-height: 50px;}

.news_c dd{width:453px; float: right; overflow: hidden;}

.news_c dd h3{ line-height: 24px; font-size: 16px; padding-top: 26px;}

.news_c dd h3 a{ color:#333;}

.news_c dd p{ font-size: 14px; padding: 10px 100px 0 0;line-height: 26px; color:#818181;}

.news_c dd i{display: block; position: absolute; top: 63px; right:20px; width:38px;height:38px; overflow: hidden;display: none;}

.news_c dl:hover{border: 1px solid #0071be;position: relative;z-index: 8;}

.news_c dl:hover dd i{display: block;}

.link{ height:50px; font:14px "Microsoft YaHei"; line-height:84px; overflow:hidden;}

.link a{ display:inline-block; padding:0 20px; color:#555; }

.link a:hover{ color:#3099f3;}



/* 友情链接 */

.g_link{ height:76px;}

.g_link h2{float: left;width: 132px;font-size: 18px;color: #0270bd;font-weight: bold;}

.g_link h2 em{font-size: 24px;color: #b4b4b4;text-transform: uppercase;position: relative;top:3px;}

.link_c{line-height:32px; overflow:hidden;float: left;width: 1020px; font-size: 14px; }

.link_c a{ white-space:nowrap; padding:0 34px;float: left; height: 32px; line-height:32px; color:#5b5b5b;display: block; background:url(../images/linkline.jpg) no-repeat right 10px;}

.link_c .lasta a{background: none;}