.mt40 { margin-top: 40px; }



/*----baner begin---*/



.banner {



  width: 100%;



  position: relative;



  height: 480px;



  margin: 0 auto;



  background: transparent;



 



}



.banner .hd{  width:1180px;  z-index: 1;font-size: 20px; color:#000; margin:0 auto;position: relative;



 }







 



.banner .bd {



  margin: 0 auto;



  height: 100%;



  position: relative;



  z-index: 0;



  overflow: hidden;



}







.banner .bd ul {



  height: 100%;



  width: 100%;



}



.banner .bd li {



  height: 100%;



  overflow: hidden;



  text-align: center;



  background-position: center;



  background-repeat: no-repeat;



  width: 100%;



}











.banner .bd li a {



  display: block;



  height: 100%;



  width: 100%;



}







 



 



.banner .prev,



.banner .next {



  display: block;



  position: absolute;



  top: 50%;



  margin-top: -30px;



  left: 15%;



  z-index: 1;



  width: 40px;



  height: 60px;



  background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;



  cursor: pointer;



  *filter: alpha(opacity=50);



  *opacity: .5;



  display: none;



}



.banner .next {



  left: auto;



  right: 15%;



  background-position: -6px -137px;



}











/*search*/







/*search*/



 



 



.search1 {   width: 513px; height: 45px; line-height: 45px;  background:none;margin-top: 15px;border: 1px solid #FFF; margin:20px 0 0 50px; }







.search1 .text { width:410px; height: 45px; float: left; background: none; line-height: 45px;  font-size: 16px; font-family: "Microsoft YaHei";  padding-left:10px; color:#fff; border:none;  }



.search1 .submit { width: 49px; height: 45px; cursor: pointer; float: right; background:url(../images/search_tag.jpg) no-repeat center center ;  }







 



 



 











 



 















h4, h3 { font-weight: normal; }



 



.gg1{background:url(../images/gg1.jpg) no-repeat top center ;height: 211px;}











 







.gg2_left{margin: 50px 0 0 305px;}



 .gg2_left h4{font-size: 22px;font-weight: bold;color:#FFF;}



.gg2_left p{margin: 46px 0 0 97px;color:#fff;font-size: 18px;letter-spacing: 1px;}



.gg1_tel{margin: 68px 40px 0 0;}



.gg1_tel p{background: url(../images/gg_tel.jpg ) no-repeat left 7px;padding-left: 39px;color:#FFF;line-height: 30px;}







.gg1_tel span{font-size: 30px;color:#FFF;height: 40px;font-family: arial;display: block;font-weight: bold;}







.gg1_tel a{width: 162px;height: 44px;line-height: 44px;text-align: center;font-size: 18px;color:#000;display: block;background: #FFF;border-radius: 8px;float: left;margin-left: 4px;}







 











.pro_c ul{width: 174px;margin:10px auto 0;}



 



.pro_c li a:before{width:2px;height: 9px;background: #FFF;transform:rotate(90deg);transition: all .8s ease;display: block;position: absolute;left:0px;top:15px;content: "";}



.pro_c li a{padding-left: 30px;}











.pro_c li{height: 40px;line-height: 40px;display: block;overflow: hidden;border-bottom: 1px solid #2777c9;position: relative;transition: all 0.6s ease-in-out;}











.pro_c li:hover  {transform: translateX(-20px);}



 



.pro_c li:hover a:before{transform:rotate(0deg); }







.pro_c {width:245px;height: 806px;background:url(../images/pro_t.jpg) no-repeat top left #015fbf; position: relative;z-index: 3;margin-top: 14px;overflow: hidden; }



 



.pro_c li a{color:#FFF;}











 



 







.pro_cnav{width:174px;height: 100px;border-bottom: 3px solid #2777c9;margin:0 auto; }



.pro_cnav h3  {font-size: 28px; color:#FFF; display: block;font-weight: bold;margin:45px 0 0 20px;}



 



.pro_cnav span{font-size: 16px;font-weight: bold;color:#FFF;text-transform: uppercase;display: block;}



 















.pro_ct{ background: url(../images/pro_T.jpg) no-repeat top center;text-align: center; height: 96px;padding-top: 18px;











}











 



 



.pro_show_n ul{width:980px; }



.pro_show_n { position: relative; width:904px;margin-top: 28px; }



.pro_show_n li{float: left; margin:0px 34px 28px 0;width:276px;height: 250px;display: block;overflow:hidden; text-align: center;position: relative;  



  







}















 .pro_show_n li .pic { width: 268px; height: 206px;  overflow: hidden; display: block; padding:3px;border: 1px solid #d5d5d5; }



.pro_show_n li .pic img { width: 268px; height: 206px;-webkit-transition:all .2s;



-moz-transition:all .2s;



-o-transition:all .2s;



-ms-transition:all .2s;



transition:all .2s;



overflow:hidden; }



 



 .pro_show_n li .info{ height: 40px;line-height: 40px;display: block;overflow: hidden; font-size: 15px;background: #FFF; }







 







 .pro_show_n li:hover .pic img {



  transform: scale(1.2, 1.2);



  -ms-transform: scale(1.2, 1.2);



  /* IE 9 */



  -moz-transform: scale(1.2, 1.2);



  /* Firefox */



  -webkit-transform: scale(1.2, 1.2);



  -o-transform: scale(1.2, 1.2);



}











  























/*gg2*/



 



i{font-style: normal;}



 



 















  











 .ys_dbg{background: url(../images/ys_dbg1.jpg) no-repeat top center;height: 725px; }



 



 .ys_dbg2{background: url(../images/ys_dbg2.jpg) no-repeat top center;height: 471px; }



 







  







 



.ys_t h4{font-size: 45px;font-weight: bold;color: #d63229;padding-top: 68px;letter-spacing: 6px;}



 



.ys_t h4 span{color: #015fbf;}







.ys_t p{font-size: 18px;color: #565656; }







.ys_t ul{margin-top: 22px;}



.ys_t ul li{width:100px;height: 28px;line-height: 28px;background:#d63229;margin:0px 5px;



  display: inline-block;color:#FFF;



}











.ys_com i{float: left;margin-top:6px;transition: all 0.6s ease-in-out;}







.ys_com h4{font-size: 30px;font-weight: bold;color: #015fbf;float: left;margin-left:20px;line-height: 34px;transition: all 0.6s ease-in-out;}







.ys_com:hover h4,.ys_com:hover i{transform: translateX(-10px);}







.ys_com h4 p{font-size: 24px;font-family: arial;color: #ababab;text-transform: uppercase;}















.ys_com .con p{font-size: 14px;line-height: 24px;margin-bottom: 20px;}



.ys_com .con {color: #2f2523;clear: both;padding-top: 17px;padding-left: 40px;}







.ys1{left: 613px;top: 320px;}







.ys2{left: 615px;top: 514px;}







.ys2.ys_com .con p{ margin-bottom: 14px;}



















.ys3{left: 7px;top: 25px;}







.ys4{left: 7px;top: 223px;}







 























.case_dbg{background: url(../images/case_dbg.jpg) no-repeat top center;height: 757px; }



 .case_t{margin-top: 18px;}



.case_t h3{font-size: 24px;font-weight: bold;color: #494949;}







.case_t p{font-family: arial;font-size: 28px;color: #0073bd;text-transform: uppercase;padding:5px 0;}



.case_t  p span{font-weight: bold;}







 



.case_t i {padding-top: 10px;display: block;}















 



.case_n { position: relative;  }



.case_n li{float: right; margin:0px 8px 8px 0;width:325px;height: 224px;display: block;overflow:hidden;  position: relative;



  







}







.case_n ul{width:101%;}



 .case_n li .pic { width: 325px; height: 224px;  overflow: hidden; display: block;   }



.case_n li .pic img { width: 325px; height: 224px;-webkit-transition:all .2s;



-moz-transition:all .2s;



-o-transition:all .2s;



-ms-transition:all .2s;



transition:all .2s;



overflow:hidden; }















.case_n li:first-child{float: right; margin:0px 8px 0px 0;width:515px;height: 456px;display: block;overflow:hidden;position: relative;



  







}



 .case_n li:first-child .pic { width: 515px; height: 456px;  overflow: hidden; display: block;   }



.case_n li:first-child .pic img { width: 515px; height: 456px;-webkit-transition:all .2s;



-moz-transition:all .2s;



-o-transition:all .2s;



-ms-transition:all .2s;



transition:all .2s;



overflow:hidden; }



 



 .case_n li .info{ height: 36px;line-height: 36px;display: block;overflow: hidden; background:rgba(1, 95, 191, 0.8);position: absolute;bottom:0px;left:0px;width:100%; }







 .case_n li .info a{display: block;background: url(../images/case_detail.png) no-repeat right center;margin:0px 10px;color:#FFF;}







 







 .case_n li:hover .pic img {



  transform: scale(1.2, 1.2);



  -ms-transform: scale(1.2, 1.2);



  /* IE 9 */



  -moz-transform: scale(1.2, 1.2);



  /* Firefox */



  -webkit-transform: scale(1.2, 1.2);



  -o-transform: scale(1.2, 1.2);



}















.about_dbg{background: url(../images/about_dbg.jpg) no-repeat top center;height: 492px;}















.about_pic{width: 592px;height: 422px;display: block;margin: 32px 0px 0 0;overflow: hidden;}



.about_pic img{width: 592px;height: 422px;display: block;transition:all .2s;overflow: hidden;}







.about_pic:hover img {



  transform: scale(1.2, 1.2);



 



}











.about{width:532px;margin:40px 0 0 40px;}







.about h3{font-size: 36px;color: #333333;border-bottom: 1px solid #dcdcdc;height:70px;transition:all .2s;}



.about h3 span{font-family: Arial, Helvetica, sans-serif;color: #015fbf;text-transform: uppercase;transition:all .2s;}



 



 







.about .con{line-height: 32px;color: #333333;height: 160px;display: block;overflow: hidden;margin-top: 30px;}







.about_tel p span{font-size: 22px;}



.about_tel p{color: #333333;}







.about_tel{margin-top: 45px;}







.about_tel a{width: 155px;height: 40px;background: #d63229;border-radius: 20px;line-height: 40px;text-align: center;color: #ffffff;display: block;margin-top: 20px;}











.fc_dbg{height: 396px;background: #f2f2f2;}















.fc_nav li{width: 155px;background: #015fbf;border-radius: 20px;line-height: 40px;height: 40px;text-align: center;color: #ffffff;display: inline-block;margin:0px 5px;font-size: 18px;}



.fc_nav li.tag_fc{background: #d63229;cursor: pointer;}



 







 .fc_height{height: 260px;display: block;overflow: hidden;}



.fc_n { position: relative; margin-top: 28px; }



.fc_n li{float: left; margin:0px 30px 28px 0;width:272px;height: 240px;display: block;overflow:hidden; text-align: center;position: relative;



  







}







 







 .fc_n li .pic { width: 272px; height: 190px;  overflow: hidden; display: block;   }



.fc_n li .pic img { width: 272px; height: 190px;-webkit-transition:all .2s;



-moz-transition:all .2s;



-o-transition:all .2s;



-ms-transition:all .2s;



transition:all .2s;



overflow:hidden; }



 



 .fc_n li .info{ height: 40px;line-height: 40px;display: block;overflow: hidden; font-size: 15px;  }







 







 .fc_n li:hover .pic img {



  transform: scale(1.2, 1.2);



  -ms-transform: scale(1.2, 1.2);



  /* IE 9 */



  -moz-transform: scale(1.2, 1.2);



  /* Firefox */



  -webkit-transform: scale(1.2, 1.2);



  -o-transform: scale(1.2, 1.2);



}







.news_height{height:500px;margin-top: 50px;}







.news_right{height:500px;overflow: hidden;left:0px;top:0px;z-index: 1; }







.news_right .news_pic{margin-left: 130px;float: left;}



.news_right .news_pic {width: 319px;height: 219px;float: left;}







.news_right .news_pic img{width: 319px;height: 219px;float: left;}



 



.news_te  li{width:286px;padding-right: 40px;margin-right: 40px;border-right:2px solid #e1e1e1;height: 207px;float: left;}







.news_te{width:705px; }







.news_te ul{width:105%;}







.news_te li i{font-size: 12px;color: #747070;margin-top: 20px;display: block;}



.news_te h4{font-weight: bold;color: #313131;height: 50px;line-height: 50px;display: block;overflow: hidden;}







.news_te li p{line-height: 24px;color: #646464;height:72px;display: block;overflow: hidden;;}







.news_te li a{font-size: 12px;color:#FFF;background: url(../images/news_more.jpg) no-repeat;width:64px;height: 19px;display: block;text-indent: 8px;margin-top: 25px;}











.news_nav li{width: 102px;background: #015fbf; line-height: 40px;height: 40px;text-align: center;color: #ffffff;display:block;margin:20px 0;font-size: 15px;}



.news_nav li:nth-child(1){background: #d63229;}



 



.news_nav li a{color:#FFF;}







.news_l h3 span{font-size: 24px;font-family: arial;color: #333333;display: block;;}







.news_l h3 {font-size: 24px;color: #333333;line-height: 30px;}











.news_list li a{font-size: 14px;color: #646464;}







.news_list{margin-top: 30px;height: 247px;}



.news_list ul{width:105%;}



.news_list li{width: 350px;height: 46px;line-height: 46px;border-bottom: 1px solid #dedede;float: left;margin-right: 35px;background: url(../images/news_tag.jpg) no-repeat left 22px;padding-left: 15px;overflow: hidden;}



.news_l{left:0px;top:0px;z-index: 2;}







.news_list li:hover a{color: #d63229;}







.link_h{float: left;}



.link_h h3{font-size: 18px; color: #1c1c1c;float: left;



background: url(../images/links_tag.jpg) no-repeat right center;padding-right: 80px;;}



.link_h span{font-size: 14px;}



.links_n{width:960px;float: left;margin-left: 20px;}







.links_n a{padding:0px 10px;}







 



.none { display: none; }



.block { display: block; }



 



















 