﻿@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;position: relative;color: #1552b1;height: 88px;}
.tit:after{position: absolute;width: 40px;height: 1px;background: #1552b1;content: "";left: 50%;bottom: 0;margin-left: -20px;}
.tit span{display: block;font-size: 40px;line-height: 40px;}
.tit i{display: block;font-size: 16px;line-height: 20px;text-transform: uppercase;padding-top: 12px;}

/*banner*/
.banner{height: 760px;overflow: hidden; position: relative;}
.banner .bd li{height: 760px;background: url(/skins/Default/images/banner.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 760px;}

.banner .hd{z-index: 1; margin: 0 auto; position: absolute; width: 100%; bottom:10%; text-align:center;}
.banner .hd li{width: 30px;height: 8px;background: #fff;margin: 0 3px;display: inline-block;border-radius: 20px;}
.banner .hd li.on{background: #FFAB51;}

/*abt*/
.abt{height: 770px;padding: 80px 0 0;background: url(/skins/Default/images/abt_bg.jpg) no-repeat center 0;}
.abt h2{margin-bottom: 17px;}
.abt dl{width: 800px;margin: 0 auto;}
.abt dt{width: 694px;height: 373px;margin: 0 auto;border: 20px solid #fff;box-shadow:0px 5px 13px 3px rgba(14,14,14,0.03);}
.abt dd p{font-size: 14px;color: #666;line-height: 30px;text-align: center;padding: 20px 0;}
.abt dd .more{display: block;width: 174px;height: 43px;line-height: 43px;text-align: center;font-size: 15px;color: #fff;background: #1552b1;margin: 0 auto;}


/*pro*/
.pro{height: 635px;padding: 80px 0 0;background: url(/skins/Default/images/pro_bg.jpg) no-repeat center fixed;}
.pro h2{color: #fff;margin-bottom: 34px;}
.pro h2:after{background: #fff;}
.pro_list{position: relative;}
.pro_list li{float: left;width: 390px;margin-right: 15px;position: relative;}
.pro_list li i{display: block;height: 290px;overflow: hidden;}
.pro_list li img{transition: all 0.5s;}
.pro_list li i:hover img{transform: scale(1.05);}
.pro_list li span{display: block;font-size: 20px;color: #fff;height: 130px;line-height: 100px;border-bottom: 1px solid rgba(255,255,255,0.5);}
.pro_list li:after{position: absolute;width: 0;height: 1px;background: #3376de;content: "";left: 0;bottom: 0;transition: all 0.5s;}
.pro_list li:hover:after{width: 100%;}
.pro_list .prev{position: absolute;left: -56px;top: 120px;}
.pro_list .next{position: absolute;right: -56px;top: 120px;}
.pro_list .tempWrap{width: 100% !important;}

/*news*/
.news{background: #f5f5f5;padding: 60px 0 88px;}
.news h2{margin-bottom: 44px;}
.new_l{float: left;width: 480px;}
.new_l dt{height: 278px;overflow: hidden;}
.new_l dt img{width: 480px;height: 278px;transition: all 0.5s;}
.new_l dt:hover img{transform: scale(1.05);}
.new_l dd{height: 136px;background: #fff;padding: 12px 22px 0;}
.new_l dd h3{font-size: 22px;font-weight: normal;height: 30px;line-height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 10px;}
.new_l dd h3 a{color: #333;}
.new_l dd p{font-size: 14px;color: #333;line-height: 24px;}
.new_r{float: right;width: 687px;}
.new_r li{height: 106px;padding-top:24px;margin-bottom:18px;background: #fff;}
.new_r li i{float: left;width: 140px;height: 82px;border-right:1px solid #ddd;font-size: 20px;color: #333;line-height: 40px;text-align:center;}
.new_r li i em{display:block;font-size: 70px;line-height: 54px;font-family: Arial;}
.new_r li p{float: left;width: 490px;margin-left: 22px;}
.new_r li p a{display:block;font-size: 18px;color: #333;line-height: 24px;margin-bottom:10px;}
.new_r li p span{display:block;font-size: 14px;color: #333;line-height: 24px;}
.new_r li:hover{background: #1552b1;}
.new_r li:hover i{color: #fff;border-color: #517cbe;}
.new_r li:hover p a,.new_r li:hover p span{color: #fff;}

/*coop*/
.coop{padding: 100px 0 0;height: 580px;background: url(/skins/Default/images/coop_bg.jpg) no-repeat center fixed;}
.coop h2{color: #fff;margin-bottom: 67px;}
.coop h2:after{background: #fff;}
.coop li{float: left;width: 232px;margin-right: 10px;}
.coop li img{display: block;width: 230px;height: 118px;border: 1px solid #ddd;margin-bottom: 12px;}
.coop_list{position: relative;}
.coop_list .prev{position: absolute;left: -56px;top: 100px;}
.coop_list .next{position: absolute;right: -56px;top: 100px;}
.coop_list .tempWrap{width: 100% !important;}



