@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";}


/*banner*/
 .fullSlide{ min-width:1200px; position:relative; }
.fullSlide .bd{ position:relative; z-index:0;}
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; }
.fullSlide .bd li img {display:block; width:100%;}
.fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:50px; position:absolute; z-index:1;}
.fullSlide .hd ul{height: 12px;text-align: center;}
.fullSlide .hd ul li{ display:inline-block; margin:0 8px; cursor:pointer; width: 12px;height: 12px;background: #09358f; text-indent: -999px;border-radius: 6px;}
.fullSlide .hd ul .on{background:#fac519;}

.yz { padding:80px 0;}
.yz h2{display: block; float: left;font-weight: normal;font-size: 24px;line-height: 38px; color: #333; margin-right: 160px;}
.yz h2 span{display: block; font-size:24px ; color:#333333 ; font-weight: bold;line-height: 38px;}
.yz h2 span em{font-size:32px;}
.yz h2 img{display: block; width: 103px ;height:74px;margin-bottom: 12px;}
.yz_z li{ float: left;font-size: 48px; line-height: 48px; color: #333333; font-weight: bold; width:190px;}
.yz_z li:last-child{ margin-right: 0;}
.yz_z li b{ display: inline-block; font-size: 48px; line-height: 48px; color: #333; vertical-align: bottom;}
.yz_z li i{ display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size:16px ; color: #333333; border-radius: 2px; border: 1px solid #333333; text-align: center; margin-left: 2px;}
.yz_z li span{ display: block;font-size: 18px; line-height: 38px; color: #333; font-weight:normal;}
.yz_z li img{display: block; width: 55px; height: 55px; margin-top: 20px;}

.tit{text-align: center;font-weight: normal; position: relative;}
.tit i{display:block;font-size: 18px;color: #333333;line-height: 18px;padding-bottom: 10px; text-transform: uppercase; font-family: "Myriad Pro";} 
.tit span{display:block;font-size: 40px;color: #313131;line-height: 40px;}
.tit:after{position: absolute; left:50%; top:85px ; width:25px ; height: 2px; content: ""; background: #999999;margin-left: -12px;}


.pro{ height: 1051px;background:url(../images/proc_bg.jpg) no-repeat center;}
.pro .tit{ padding-top: 70px;}
.pro .tit:after{ top: 155px;}
.pro_con{ margin-top: 80px;}
.pro_l{ float: left;}
.pro_l h3{font-size: 30px; line-height: 30px; color: #333; font-weight: normal; padding-bottom: 6px; padding-top: 32px;}
.pro_l h4{font-size: 14px; line-height: 14px; color: #333333; font-weight: 100; padding-bottom: 40px;opacity: 0.4;}
.pro_l p{font-size: 14px; line-height: 24px; color: #333; font-weight: normal; padding-bottom: 14px; width: 460px;}
.pro_l ul{ margin-top: 38px;}
.pro_l li{ width: 540px; height: 90px; margin-bottom: 14px;}
.pro_l li a{ display: block; padding-left: 45px; font-size:26px ; color: #ffffff; line-height:90px; background:url(../images/jia.png) no-repeat 430px 20px #09358f; width: 495px; height: 90px;}
.pro_l li.cur a,.pro_l li:hover a{ color: #333333; background:url(../images/jian.png) no-repeat 430px 20px #fac519;z-index: 100; position:relative;width:533px;}
.pro_r{ float: right;width: 657px;margin-right: 3px;}
.pro_r li{ width: 600px;height: 730px;position: relative;}
.pro_r li img{display: block; width: 600px; height: 730px;}
.pro_r li p{ position: absolute;top: 48px; left: 100px;}
.pro_r li p i{ display: block; color: #fff; font-size: 36px;line-height:36px ; padding-bottom: 28px;}
.pro_r li p span{ display: block; color: #fff;padding-left: 36px; background:url(../images/gou.png) no-repeat 0 0;line-height: 28px; padding-bottom:10px ;font-size: 16px; }

.rx{ background: url(../images/rx_bg.jpg) no-repeat center 0;height:950px;background-size:100% 100%;}
.rx h2{text-align: center;font-weight: normal; position: relative; padding-top: 65px;}
.rx h2 span{display:block;font-size: 36px;color: #313131;line-height: 36px;}
.rx h2:after{position: absolute; left:50%; top:113px ; width:25px ; height: 2px; content: ""; background: #999999;margin-left: -12px;}
.rx_con{ margin-top: 42px;position: relative;}
.rx_qie{height:352px; }
.rx_con li{ float: left; width: 264px;height:352px;margin-right: 12px;margin-bottom:20px; position: relative;}
.rx_con li>a>img{display:block; width: 264px;height:352px;}
.rx_con li span{ display: block; width: 100%; height:55px; line-height:55px; position: absolute; left:0; bottom: 0; border-top: 1px solid #e5e5e5; font-size:16px; color: #333333;text-align: center;background:rgba(255,255,255,0.8);}
.rx_con li p{ position: absolute; top: 0%; left: 0; display: none; background: rgba(250,197,25,0.9); width: 100%;height: 230px; padding-top:122px ;}
.rx_con li p>a>img{ margin: 0 auto; display: block;}
.rx_con li p>a em{ display: block; text-align: center;font-size: 18px; line-height: 28px; color: #333333;padding-top:10px;}
.rx_con li:hover span{display: none;}
.rx_con li:hover p{ display: block;}
.rx_con .dprev{position: absolute;left:45.5%;bottom:-88px;width:48px;height: 48px;background:url(../images/prev.png) no-repeat;z-index: 10;display:block;}
.rx_con .dnext{position: absolute;right:45.5%;bottom:-88px;width:48px;height: 48px;background:url(../images/next.png) no-repeat;z-index: 10;display:block;}
.rx_con .dprev:hover{background:url(../images/prevh.png) no-repeat;}
.rx_con .dnext:hover{background:url(../images/nexth.png) no-repeat; }



.xc{ padding:75px 0 85px;}
.xc_con{ margin-top: 56px; position: relative;height:361px;}
.xc_con dl{ width: 390px; float: left; margin-right: 14px;}
.xc_con dt{ display: block;width: 390px; height: 291px;overflow: hidden;}
.xc_con dt img{ display: block; width: 390px; height: 291px;transition: all 0.5s;}
.xc_con dd a{ display: block; width: 100%; height: 70px; background: #eeeeee;font-size:18px ; color: #333333; line-height: 70px; text-align: center;}
.xc_con  .sprev{position: absolute;left:-64px;top:140px;width:32px;height: 62px;background:url(../images/sprev.png) no-repeat no-repeat;z-index: 10;}
.xc_con  .snext{position: absolute;right:-64px;top:140px;width:32px;height: 62px;background:url(../images/snext.png) no-repeat;z-index: 10;}
.xc_con dl:hover dt img{transform: scale(1.1);} 
.xc_con dl:hover dd a{ background: #fac519;}

.ys{ height: 2168px;background:url(../images/ys_bg.jpg) no-repeat center;}
.ys .tit{ padding-top: 84px;}
.ys .tit i{ color: #fff;}
.ys .tit span{ color:#fac519;}
.ys .tit:after{ top: 172px; background: #fff;}
.ys_con{ margin-top: 196px;}
.ys_con dt,.ys_con dt img{ display: block;width: 690px; height: 339px;}
.ys_con .ys3 dt,.ys_con .ys3 dt img{display: block;width: 690px; height: 350px; }
.ys_con dl{ margin-bottom: 120px;height: 339px;}
.ys_con .ys3{ margin-bottom: 0px;}
.ys_con .ys4{ margin-top: 118px; margin-bottom: 0;}
.ys_con dl:nth-child(odd) dd{ width: 370px; padding-left: 60px;}
.ys_con dl:nth-child(even) dd{ width: 370px; padding-right: 60px;}
.ys_con dd h3{display: block; font-size: 26px; line-height: 30px; color: #333333;font-weight: normal; padding-top: 58px;}
.ys_con dd h3 span{ display: block; font-size: 32px; line-height: 42px; color: #333333;font-weight: bold;}
.ys_con dd p{font-size: 16px; line-height: 28px; color: #666666; padding-top: 28px;}

.case{ padding:88px 0 70px;border-bottom: 1px solid #e5e5e5;}
.case_con{ margin-top: 56px; position: relative;}
.case_con dl{ width: 383px; float: left; margin-right: 26px;height: 512px;}
.case_con dt{ display: block;width: 386px; height: 287px;overflow: hidden;}
.case_con dt img{ display: block; width: 383px; height: 287px;transition: all 0.5s;}
.case_con dd{ padding: 0 30px; background: #f4f4f4; height: 225px;}
.case_con dd h3 a{ display: block; font-size:20px ; color: #333333; line-height: 75px;font-weight: normal; }
.case_con dd p{ font-size: 14px; line-height: 24px; color: #7e7e7e;height:94px;}
.case_con dd .more{ text-align: right; font-size:16px ; color: #fac519; font-weight: bold; display: block;}
.case_con  .sprev{position: absolute;left:-64px;top:210px;width:32px;height: 62px;background:url(../images/sprev.png) no-repeat no-repeat;z-index: 10;}
.case_con  .snext{position: absolute;right:-64px;top:210px;width:32px;height: 62px;background:url(../images/snext.png) no-repeat;z-index: 10;}
.case_con dl:hover dt img{transform: scale(1.1);} 
.case .gd{ display: block;width: 142px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #333333;border: 1px solid #333333;margin: 30px auto 0;border-radius: 18px;}
.case .gd:hover{-webkit-animation:shake 1.5s linear; animation:shake 1.5s linear;}

.new{ padding: 70px 0 80px;}
.new_con{ margin-top: 72px; height: 675px;}
.new_l{ width: 660px;}
.new_l h3{ display: block; width: 660px; height: 22px;background:url(../images/newsl_t.jpg) no-repeat center;line-height: 22px; margin-bottom: 20px;}
.new_l h3 b{ display:inline-block; font-size: 22px;line-height: 22px; padding-left: 20px;}
.new_l h3 em{ float:right;  text-transform:uppercase; color:#666666; font-size: 14px; line-height:22px;font-weight: normal;}
.new_l dl{height:324px;border-bottom: 1px dashed #cccccc;}
.new_l dt img{display:block;width: 660px;height: 181px;}
.new_l dd {}
.new_l dd h5{display: block;padding-left: 54px;background:url(../images/new_ic1.png) no-repeat left; height: 36px; line-height: 36px; margin-top: 26px; margin-bottom: 12px;}
.new_l dd h5 a{display:inline-block;font-size: 18px;color: #333333;line-height: 36px;font-weight: normal;}
.new_l dd p{font-size: 14px;color: #8b8b8b;line-height: 24px;padding-left: 54px;}
.new_list{padding-top:20px; padding-left: 20px;}
.new_list p{line-height: 36px;font-size: 14px;padding-left:20px;background:url(../images/yuan.png) no-repeat left center;}
.new_list p a{color: #333333;}
.new_list p i{ font-size: 13px; color: #999999;}
.new_l dl:hover dd>h5 a{color: #fac519;}
.new_list p:hover  a{color: #fac519;}
.new_r{ width: 454px;}
.new_r h3{ display: block; width: 454px; height: 22px;background:url(../images/newsr_t.jpg) no-repeat center;line-height: 22px; margin-bottom: 20px;}
.new_r h3 b{ display:inline-block; font-size: 22px;line-height: 22px; }
.new_r h3 em{ float:right;  text-transform:uppercase; color:#666666; font-size: 14px; line-height:22px;font-weight: normal;}
.new_r dl{height:130px;border-bottom: 1px dashed #cccccc;}
.new_r dl:nth-child(odd){ padding-top: 28px;}
.new_r dt a{display:inline-block;font-size: 18px;color: #333333;line-height: 24px;font-weight: normal; margin-bottom: 12px; padding-left: 35px;background:url(../images/new_ic2.png) no-repeat left center;}
.new_r dd p{font-size: 14px;color: #8b8b8b;line-height: 24px; padding-left: 35px;}
.new_s{padding-top:20px; padding-left: 20px;}
.new_s p{line-height: 36px;font-size: 14px;padding-left:20px;background:url(../images/yuan.png) no-repeat left center;}
.new_s p a{color: #333333;}
.new_s p i{ font-size: 13px; color: #999999;}
.new_r dl:hover dt>a{color: #fac519;}
.new_s p:hover  a{color: #fac519;}


.abt{ background:url(../images/abt.jpg) no-repeat  center;height: 1063px;}
.abt dt{ display: block; padding-top:100px;width: 533px; height: 140px; margin: 0 auto;}
.abt dt img{ display: block;width: 533px; height: 140px;}
.abt dd p{  font-size: 16px; line-height: 28px; color: #ffffff; padding: 54px 94px 0; text-align: center;}
.abt dd .more img{ display: block; margin: 60px auto 0; width: 72px; height: 72px;}
.abt dd .more img:hover{-webkit-animation:shake 1.5s linear; animation:shake 1.5s linear;}
.abt_z{ float: right; width:510px ; margin-top: 120px;}
.abt_z li{ color: #999999; font-weight: bold; width: 254px; height: 195px; float: left;margin-right: 80px; border-bottom: 1px dashed #adadad;font-size: 70px;}
.abt_z li:nth-child(3),.abt_z li:nth-child(4){ border: 0;}
.abt_z li:nth-child(2),.abt_z li:nth-child(4){ width: 160px; margin-right: 0;}
.abt_z li b{ display: inline-block; font-size: 72px; line-height: 72px; color: #999999; margin-top: 45px; padding-bottom: 8px;} 
.abt_z li span{ display: block;font-size: 20px; line-height: 20px; color: #999999;  font-weight: bold;}

html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}