@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit em{display: inline-block;font-size: 18px;color: #0871c3;font-weight: bold;height: 20px;line-height: 20px;text-transform: uppercase;position: relative;}
.tit em:before{position: absolute;width: 50px;height: 2px;background: #0871c3;content: "";left: -70px;top: 9px;}
.tit em:after{position: absolute;width: 50px;height: 2px;background: #0871c3;content: "";right: -70px;top: 9px;}
.tit b{display: block;font-size: 40px;color: #333;line-height: 40px;padding: 15px 0 20px;letter-spacing: 1px;}
.tit i{display: block;font-size: 18px;color: #666;line-height: 16px;}
/*banner*/
.banner{height: 650px;overflow: hidden;}
.banner .bd li{height: 650px;background: url("../images/banner.jpg") no-repeat center 0;}
.banner .bd li a{display: block;height: 650px;}
/*search*/
.search{height: 74px;border-bottom: 1px solid #98b298;position: relative;}
.search p{float: left;height: 74px;line-height: 74px;font-size: 14px;color: #999;padding-left: 40px;background: url("../images/sou.png") no-repeat left center;}
.search p a{margin-right:16px;color: #999;}
.search .tel{position: absolute;width: 278px;padding-left: 24px;height: 150px;background: url("../images/tel1.png") no-repeat 234px 0 #583821;right: 0;bottom: -1px;border-radius:50px 0px 0px 0px;}
.search .tel i{display: block;font-size: 18px;color: #fff;line-height: 18px;padding: 64px 0 12px;}
.search .tel em{display: block;font-size: 32px;color: #fff;line-height: 32px;}
/*fea*/
.fea{padding: 70px 0 0;height: 706px;background: url("../images/fea_bg.jpg") no-repeat center 0;}
.fea ul{border-left: 1px solid #eee;margin-left: -1px;position: relative;}
.fea ul:before{position: absolute;width: 1px;height: 22px;background: #878787;content: "";left: -1px;top: 75px;}
.fea li{float: left;width: 239px;height: 580px;border-right: 1px solid #eee;position: relative;}
.fea li:before{position: absolute;width: 1px;height: 22px;background: #878787;content: "";right: -1px;top: 75px;}
.fea li em{display: block;font-size: 16px;color: #333;line-height: 16px;padding: 78px 0 65px;font-weight: bold;text-align: center;}
.fea li .icon{display: block;width: 73px;height: 73px;margin: 0 auto;transition: all 0.5s linear;}
.fea li:hover .icon{transform:rotateY(180deg);}
.fea li h3{text-align: center;padding: 32px 0 28px;}
.fea li h3 b{display: block;font-size: 20px;color: #333;line-height: 35px;}
.fea li h3 i{display: block;font-size: 12px;color: #c5c5c5;text-transform: uppercase;line-height: 20px;padding-top: 12px;}
.fea li p{display: none;font-size: 14px;color: #7f7f7f;line-height: 25px;text-align: center;padding: 0 55px;}
.fea li .jt{position: absolute;bottom: 92px;left: 50%;margin-left: -13px;}
.fea li:after{display: none;position: absolute;width: 239px;height: 25px;content: "";background: url("../images/feali_bg.jpg") no-repeat;left: 0;bottom: -14px;}
.fea li:hover:after{display: block;}
.fea li:hover p{display: block;}
.fea li:hover .jt{display: none;}
/*pro*/
.pro{padding: 76px 0 50px;background: #f2f2f2;}
.pro h2{height: 150px;}
.pro h3{height: 70px;background: #dcdcdc;font-weight: normal;}
.pro h3 a{float: left;width: 201px;height: 70px;line-height: 70px;text-align: center;font-size: 16px;color: #333;position: relative;background: url("../images/pro_line.jpg") no-repeat right center;margin-right: -1px;}
.pro h3 a:last-child{background: none;}
.pro h3 a.cur,.pro h3 a:hover{background: #0871c3;color: #fff;}
.pro h3 a.cur:after,.pro h3 a:hover:after{position: absolute;width: 26px;height: 13px;background: url("../images/san1.png") no-repeat;content: "";left: 50%;margin-left: -13px;bottom: -7px;z-index: 2;}
.pro_bd{height: 70px;background: #fff;}
.pro_ctg{height: 70px;}
.pro_ctg p a{float: left;height: 35px;line-height: 70px;font-size: 15px;color: #666;padding-left: 18px;margin-left: 6px;position: relative;}
.pro_ctg p a:after{position: absolute;width: 7px;height: 7px;background: #0871c3;content: "";border-radius: 50%;left: 0;top: 32px;}
.pro_ctg p a:hover{color: #0871c3;}
.pro_ctg .more{float: right;margin: 18px 20px 0 0;}
.pro_list{position: relative;margin-top: 40px}
.pro_list li{float: left;width: 358px;border: 6px solid #fff;margin-right: 45px;}
.pro_list li i{display: block;height: 358px;overflow: hidden;}
.pro_list li img{width: 358px;height: 358px;transition: all 0.5s;}
.pro_list li i:hover img{transform: scale(1.05);}
.pro_list li span{display: block;font-size: 18px;color: #333;line-height: 60px;text-align: center;padding: 0 20px;}
.pro_list .prev{position: absolute;width: 26px;height: 46px;background: url("../images/prev1.png") no-repeat;left: -56px;top: 182px;}
.pro_list .next{position: absolute;width: 26px;height: 46px;background: url("../images/next1.png") no-repeat;right: -56px;top: 182px;}
.pro_list .prev:hover{background: url("../images/prev1h.png") no-repeat;}
.pro_list .next:hover{background: url("../images/next1h.png") no-repeat;}
.pro_list .tempWrap{width: 100% !important;}

/*trend*/
.trend{background: #0871c3;padding: 20px 0 25px;}
.trend h2{text-align: center;font-weight: normal;color: #fff;height: 84px;position: relative;margin-bottom: 26px;}
.trend h2:after{position: absolute;width: 50px;height: 5px;background: #fff;content: "";left: 50%;margin-left: -25px;bottom: 0;}
.trend h2 i{display: block;font-size: 18px;line-height: 32px;text-transform: uppercase;font-weight: bold;}
.trend h2 span{display: block;font-size: 24px;line-height: 30px;height: 30px;}
.trend h2 b{font-size: 30px;vertical-align: top;}
.trend_desc{font-size: 14px;color: #e5e5e5;line-height: 30px;text-align: center;}

/*coop*/
.coop{padding: 80px 0;background: #ededed;}
.coop h2{margin-bottom: 80px;}
.coop_list li{float: left;width: 238px;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.coop_list li img{display: block;width: 238px;height: 119px;}
.coop_list li:hover{box-shadow:0px 0px 21px 0px rgba(5,5,5,0.11);position: relative;z-index: 2;}
.coop_list li:nth-child(5n){border-right: 0;}
.ys{margin-top: 20px;padding: 43px;background: #fff;box-shadow:0px 4px 6px 0px rgba(0, 0, 0, 0.03);}
.ys dl{float: left;width: 371px;}
.ys dt{height: 286px;overflow: hidden;position: relative;}
.ys dt:after{position: absolute;width: 38px;height: 16px;content: "";left: 50%;margin-left: -19px;top: 0;background: url("../images/san2.png") no-repeat;}
.ys dl:nth-child(2) dt:after{top: auto;bottom: 0;background: url("../images/san3.png") no-repeat;}

.ys dt img{width: 371px;height: 286px;transition: all 0.5s;}
.ys dt:hover img{transform: scale(1.05);}
.ys dd{height: 218px;}
.ys dd h3{font-size: 22px;color: #212121;line-height: 22px;font-weight: normal;position: relative;}
.ys dd h3 a{display: inline-block;border-bottom: 1px solid #497449;height: 34px;}
.ys dd h3:after{position: absolute;width: 20px;height: 5px;content: "";background: #497449;left: 24px;bottom: -2px;}
.ys dd p{font-size: 17px;color: #666;opacity: 0.7;line-height: 29px;margin: 24px 0 28px;width: 305px;height: 87px;overflow: hidden;}
.ys dd .more{display: inline-block;font-size: 14px;color: #0871c3;text-transform: uppercase;line-height: 20px;}
.ys dl:nth-child(2) dd{padding:0 22px;}
.ys dl:nth-child(2) dd h3{padding-top:27px;}
.ys dl:nth-child(3) dd{padding:0 34px;}
/*shili*/
.shili{padding: 100px 0 0;}
.shili h2{margin-bottom: 80px;}
.sl_sz{height: 220px;}
.sl_sz li{float: left;width: 240px;text-align: center;}
.sl_sz li b{display: block;height: 70px;font-size: 24px;color: #0871c3;line-height: 38px;}
.sl_sz li b i{font-size: 80px;line-height: 70px;font-family: "Impact";font-weight: normal;}
.sl_sz li p{font-size: 16px;color: #666;line-height: 26px;padding-top: 26px;}
.sl_con{height: 561px;background: url("../images/shili_bg.jpg") no-repeat center 170px;}
.sl_l{float: left;width: 497px;position: relative;height: 561px;}
.sl_l h3{height: 120px;font-weight: normal;padding-left: 42px;background: url("../images/sl_t.jpg") no-repeat left top;}
.sl_l h3 span{display: block;font-size: 48px;color: #333;line-height: 48px;letter-spacing: 4px;}
.sl_l h3 i{display: block;font-size: 16px;color: #999;line-height: 16px;padding-top: 18px;}
.sl_l li{height: 100px;background:#0464ae;margin-bottom: 14px;padding: 0 39px;position: relative;}
.sl_l li b{display: block;font-size: 16px;color: #fff;line-height: 24px;padding-top: 16px;}
.sl_l li p{display: block;font-size: 14px;color: #fff;line-height: 20px;}
.sl_l li i{position: absolute;width: 47px;line-height: 47px;text-align: center;font-size: 24px;color: #fff;background: #50acf3;border-radius: 50%;right: -23px;top: 50%;margin-top: -23px;font-family: Arial;}
.sl_l .l2 b{padding-top: 4px;}
.sl_l li.cur i{background: #fff;color: #0871c3;}
.sl_l em{position: absolute;left: -196px;bottom: -60px;font-size: 0;line-height: 0;}
.sl_r{float: right;width: 986px;height: 561px;margin-right: -360px;}
.sl_r p{height: 561px;}

/*spt*/
.spt{padding: 120px 0;}
.spt h2{margin-bottom: 50px;}
.spt li{float: left;width: 176px;height: 300px;border-radius:20px;background: #e3f2fe;margin-right: 28px;text-align: center;}
.spt li:last-child{margin-right: 0;}
.spt li span{ display:block;width:62px; height:52px;  text-align: center;margin:52px auto 32px;  position:relative;}
.spt li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.spt li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.spt li:hover span em,.spt li.cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.spt li:hover span i,.spt li.cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.spt li b{display: block;font-size: 18px;color: #393735;line-height: 48px;position: relative;text-transform: uppercase;}
.spt li b:after{position: absolute;width: 10px;height: 2px;background: #583821;content: "";left: 50%;margin-left: -5px;top: 0;}
.spt li p{font-size: 14px;color: #666;line-height: 24px;margin-top: 35px;width: 150px;margin: 0 auto;}
.spt li:hover{background: url("../images/spt_li.png") no-repeat;}
.spt li:hover b,.spt li:hover p{color: #fff;}
.spt li:hover b:after{background: #fff;}

/*xban*/
.xban{height: 330px;background: url("../images/xban.jpg") no-repeat center 0;}
.xban .tel{float: right;width: 222px;}
.xban .tel i{display: block;font-size: 20px;line-height: 20px;padding: 40px 0 0 20px;height: 80px;color: #fff;background: url("../images/tel1.png") no-repeat 155px 0 #0464ae;}
.xban .tel i em{display:block;line-height:40px;}
.xban .tel p a{display: block;height: 60px;line-height: 60px;padding-left: 20px;font-size: 14px;color: #fff;background: #0b82dd;}
.xban .tel p a:nth-child(2){background: #1e98f6;}
.xban .tel p a:nth-child(3){background: #7dc3fa;}

/*news*/
.news{padding: 38px 0 110px;}
.news h2{margin-bottom: 50px;}
.news h3{height: 42px;border-bottom: 1px solid #ebebeb;font-weight: normal;margin-bottom: 20px;}
.news h3 span{float: left;font-size: 24px;color: #333;line-height: 24px;}
.news h3 i{float: right;width: 24px;height: 24px;background: url("../images/jia1.png") no-repeat;background-size: 100%;}
/*.news h3 i:hover{background: url("../images/jia2.png") no-repeat;}*/
.new_l{float: left;width: 560px;}
.new_l dt img{display: block;width: 560px;height: 160px;}
.new_l dd{height: 145px;}
.new_l dd h4{font-size: 16px;font-weight: normal;line-height: 16px;padding: 15px 0 10px;}
.new_l dd h4 i{float: right;color: #aaa;}
.new_l dd p{font-size: 14px;color: #666;line-height: 24px;}
.new_l dd .xq{display: block;width: 140px;height: 30px;line-height: 30px;font-size: 14px;color: #fff;background: #0871c3;border-radius: 15px;text-align: center;margin-top: 20px;}
.new_list{margin-top: 16px;}
.new_list p{height: 32px;line-height: 32px;padding-left: 26px;font-size: 14px;color: #333;position: relative;}
.new_list p:after{position: absolute;width: 6px;height: 6px;border: 2px solid #0871c3;content: "";left: 0;top: 11px;border-radius: 50%;}
.new_r{float: right;width: 560px;}
.new_r li{height: 142px;}
.new_r li h4{height: 36px;line-height: 36px;padding-left: 60px;font-size: 16px;color: #666;font-weight: normal;background: url("../images/wen.png") no-repeat;margin-bottom: 8px;}
.new_r li h4 a{color: #666;}
.new_r li p{font-size: 14px;color: #aaa;line-height: 24px;margin-left: 60px;height: 75px;border-bottom: 1px dashed #ececec;}
.new_l dd h4:hover a,.new_list p:hover a,.new_r li h4:hover a{color: #0871c3;}

/*abt*/
.abt{padding: 102px 0 136px;background: url("../images/abt_bg.jpg") no-repeat center 0;}
.abt h2{text-align: center;font-weight: normal;}
.abt h2 b{display: block;font-size: 48px;color: #0871c3;line-height: 48px;text-transform: uppercase;}
.abt h2 i{display: block;font-size: 36px;color: #333;line-height: 36px;padding-top: 14px;}
.abt_desc{font-size: 16px;color: #666;line-height: 38px;text-align: center;margin: 34px 75px 24px;}
.abt .more{display: block;width: 52px;height: 52px;margin: 0 auto;}
.abt h3{text-align: center;font-weight: normal;margin: 74px 0 0;height: 46px;line-height: 16px;font-size: 16px;color: #0871c3;}
.abt h3 a{font-size: 16px;color: #666;padding: 0 34px;}
.abt h3 a.cur{color: #0871c3;}
.abt_pic{padding: 32px 40px;background: #0871c3;position: relative;}
.abt_pic li{float: left;width: 355px;height: 264px;overflow: hidden;margin-right: 27px;}
.abt_pic li img{width: 355px;height: 264px;transition: all 0.5s;}
.abt_pic li:hover img{transform: scale(1.05);}
.abt_pic .sprev{position: absolute;width: 26px;height: 46px;background: url("../images/prev1.png") no-repeat;left: -50px;top: 146px;}
.abt_pic .snext{position: absolute;width: 26px;height: 46px;background: url("../images/next1.png") no-repeat;right: -50px;top: 146px;}
.abt_pic .sprev:hover{background: url("../images/prev1h.png") no-repeat;}
.abt_pic .snext:hover{background: url("../images/next1h.png") no-repeat;}
.abt_pic .tempWrap{width: 100% !important;}