@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
a:hover{text-decoration: none;}

/**/
/*banner*/
.banner{width:100%;height:620px;white-space:nowrap;margin:0 auto;overflow:hidden;position:relative;z-index:1;}
.banner_m{width:50%;height:620px;display:inline-block;position:relative}
.wrapper{width:1920px;height:620px;display:inline-block;position:relative;left:-967px}
.fn-clear{zoom:1}
.box_skitter{position:relative;background:0 0}
.box_skitter ul{display:none}
.box_skitter .container_skitter{overflow:hidden;position:relative}
.box_skitter .images{overflow:hidden}
.box_skitter .image img{display:none}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.box_skitter .prev_button{position:absolute;top:45%;left:16%;z-index:100;width:72px;height:143px;overflow:hidden;text-indent:-9999em;margin-top:0;background:url(img/prev.png) no-repeat left top!important}
.box_skitter .next_button{position:absolute;top:45%;right:16%;z-index:100;width:72px;height:143px;overflow:hidden;text-indent:-9999em;margin-top:0;background:url(img/next.png) no-repeat left top!important}
.box_skitter .label_skitter{z-index:150;position:absolute;display:none}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(img/ajax-loader.gif) no-repeat left top;width:31px;height:31px}
#slideshow{width:1920px;height:620px;}
#slideshow ul{display:none}

/*search*/
.seabox{overflow:hidden;font-family:"Microsoft Yahei";position: relative; z-index:9; position: relative; height: 280px; margin: -61px auto 0; width: 1200px;background:url(img/index/u_bg.png) no-repeat right 0; }
.seabox h3{ float: left; width: 228px; margin-left: 1px;}
.s_r{ float: right; width: 953px;}
.sea_inp{width:345px;overflow: hidden; height:61px;background:none; line-height: 61px;}
.sea_inp .serach{width:270px;height:61px;border:0;border: 0;line-height:61px;color:#666;padding:0 0 0 17px;float:left;outline: none;display: block; background:none; font-size: 14px;}
.sea_inp .sub{ width:57px; height:61px;border:0;float:right;cursor: pointer;display: block;background:url(img/index/s_s.gif) no-repeat;}
.k_word{overflow:hidden;width:600px;color:#666;overflow: hidden;font-size: 14px; line-height: 61px; height:61px;}
.k_word a{color:#666; padding: 0 4px;}
.k_word b{font-weight: normal;}
.k_word a:hover{color:#ffae00;}
.seabox ul{ overflow: hidden; padding-top: 26px;}
.seabox ul li{ line-height: 36px; font-size: 15px; color: #333;}
.seabox ul li span{ font-weight: bold; font-size: 18px;padding-right: 7px; float: left;}

/**/
h2.tit a{text-align: center;font-size: 38px;color: #333;display: block;margin-bottom: 50px;
background:url(img/tit.jpg) no-repeat center 55px;}
h2.tit a em{font-size: 18px;color: #555;display: block;font-weight: normal;padding-top:23px;}

/**/
.pro{height: 1090px;}
.protitle {background: url(img/index/probg.jpg) no-repeat 280px 50%; height: 89px; text-align: center; font-size: 28px; color: #fff; margin-top: 30px;margin-bottom: 60px;}
.protitle span {color: #ffae00;}
.protitle p {text-transform: uppercase;font-size: 14px;font-family: 'arial'; color: #666; font-weight: 400;padding-left: 80px;line-height: 23px;padding-bottom: 10px;}

.fen{width: 280px;float: left;}
.fen h3{height:149px;}
.fen h3 a{width:280px; height:149px;display: block;}
.fen_c{width:278px;height: 635px;padding-top: 21px; border:1px solid #0071be;border-top:none;position:relative;background: #e8ecf6;} 
.fen_c h4{width:236px; height:54px;background:url(img/index/sortli.jpg) no-repeat center center;margin: 0 auto 13px;}
.fen_c h4 a{display: block;height:54px;line-height: 40px; text-align:center;font-size: 16px;color: #fff;font-weight: normal;}
.fen_c h4 a:hover,.fen_c h4.cur a{background:url(img/index/sortlicur.jpg) no-repeat center center;}
.fen_c h4.nones{margin-bottom: 0;}
.fen_c ul{width:230px;margin: 0 auto;}
.fen_c ul li a{font-size: 14px;color: #555;display: block;height: 34px;background:url(img/ico1.jpg) no-repeat 182px center;line-height: 34px;text-align: center;} 
.cate-con {background: #e8ecf6;padding: 22px;margin-top: 14px;}
.cate-con h2 {font-size: 28px;color: #313131;font-weight: 200; border-bottom: 1px solid #d6dae3;padding-bottom: 10px;margin-bottom: 15px;}

.cp{width: 900px;float: right;background: #e8ecf6;border: 1px solid #d0d9ec;}
.cp h2 { font-size: 26px;color: #095db0; background: url(img/index/recompro.jpg) no-repeat 50px 41px; text-indent: 56px; position: relative; padding: 40px 40px 30px 40px;}
.cp .line { background: url(img/index/line.jpg) repeat-x;height: 5px; margin-top: 20px;}
.cp h2 a {display: block;width: 60px;line-height: 26px;background: #ffae00; color: #fff;font-size: 14px;text-transform: uppercase;text-align: center;font-weight: 400;text-indent: 0; position: absolute;right: 40px;top: 50px;}


.cp ul{display:flex;flex-wrap:wrap;}
.cp ul li{width: 270px; height: 280px; margin-left:23px;}
.cp ul li img{width:270px; height:225px; cursor:crosshair;}
.cp ul li img:hover{opacity:.5;}
.cp ul li p{width:100%; height:45px; line-height:45px; text-align:center; font-size:15px;}
.case_ctrl li{margin-left:10px;margin-top:10px;}
.case_ctrl li a{display:block;line-height:0;}

.num_box a{display:block;position:relative;font-size:0;width:100%;height:100%}
.num_box a .bottom,.num_box a .left,.num_box a .right,.num_box a .top{display:inline-block;position:absolute;background:orange;transition:.5s}
.num_box a .top{left:-1px;top:0;width:0;height:3px}
.num_box a .right{right:0;bottom:0;width:3px;height:0}
.num_box a .bottom{right:0;bottom:0;width:0;height:3px}
.num_box a .left{left:0;top:0;width:3px;height:0}
.num_box a:hover .bottom,.num_box a:hover .top{width:100%;transition:.5s}
.num_box a:hover .left,.num_box a:hover .right{height:100%;transition:.5s}


.ly{background:url(img/index/ly.jpg) no-repeat center 0; height:616px; overflow: hidden; margin-top: 56px; padding-top: 1px;}
.ly_l{ float: right;background:url(img/index/ly.png) no-repeat; width: 426px; height: 492px; margin-top: 54px;color: #fff;}
.ly_l h3{ padding-top: 121px; line-height: 100%; font-size: 31px; text-align: center; padding-bottom: 9px;}
.ly_l h3 span{ display: block; font-size: 42px; line-height: 100%; padding: 0 0  9px 0;}
.ly_l p{ text-align: center; font-size: 20px; line-height: 28px; padding-top:11px; height: 100px;}
.ly_l p span{ display: block;}
.ly_l h4{ font-size: 16px; color: #fff; font-weight: normal; padding-left: 60px; padding-bottom: 12px;}
.ly_l h4 span{ font-family: Arial; font-size: 24px; font-weight: bold;}
.ly_l em{ display: block; width: 168px; height: 36px; margin: 0 auto;background:url(img/index/ly_btn.png) no-repeat; line-height: 36px;}
.ly_l em a{ display: block; color: #fff; font-size: 18px; font-weight: bold; padding-left: 59px;}
.ly_r{ position: relative; width: 727px; margin-top: 102px;}
.ly_r .ly1{ position: absolute; left: 98px; top: 0;}
.ly_r .ly2{ position: absolute; left:296px; top: 0;background:url(img/index/ly3.png) no-repeat; width:161px; height:165px; font-size:16px; color:#49494a; line-height:28px; padding:55px 15px 0 15px;}
.ly_r .ly3{ position: absolute; left:495px; top: 0;}
.ly_r .ly4{ position: absolute; left:0; top:171px;}
.ly_r .ly5{ position: absolute; left:198px; top: 171px;background:url(img/index/ly3.png) no-repeat; width:161px; height:165px; font-size:16px; color:#49494a; line-height:28px; padding:55px 15px 0 15px;}
.ly_r .ly6{ position: absolute; left:396px; top: 171px;}
/* 首页优势 */
.wrap-advance {background: url(img/index/advancebg.jpg) no-repeat top center; padding-top: 92px;  padding-bottom: 90px;}
.wrap-advance h2 {height: 180px; font-size: 45px;font-weight: 400; text-align: center;color: #fff;line-height: 64px;}
.wrap-advance h2 span {color: #183f9e;padding-left: 18px;}
.wrap-advance h2 p {text-transform: uppercase;font-size: 30px;color: #ff0000;font-family: 'arial';padding-right: 5px;}
.advance-one {width: 464px;height: 300px;padding-top: 72px;}
.advance-one p{color: #000;}
.advance-one a {display: block;width: 178px;line-height: 40px;font-size: 14px;color: #666;border: 1px solid #666;border-radius: 30px;text-align: center; margin-top: 30px;}
.advance-two {margin-left: 92px;height: 280px;}
.advance-three {padding-top: 64px;}

/**/
.case{height: 690px;background: #f8f8f8;padding-top: 80px;}
.case dl{float: left;width: 352px;margin-right: 72px;height: 490px;}
.case dl.nobot{margin-right: 0;}
.case dt img{width:352px; height:281px;}
.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: 197px;border: 1px solid #e3e3e3;width:350px;position: relative;border-top: 0;background: #fff;}
.case dl:hover dd{background: #0071be;border: 1px solid #0071be;}
.case dl:hover dd p,.case dl:hover dd p em{color: #fff;}
.case dd p{text-align: center;font-size: 24px;color: #333;padding-top: 80px;}
.case dd p em{display: block;font-size: 12px;color: #acacac;padding-top: 10px; font-family: Arial;text-transform: uppercase;}
.case_c{position: relative;height: 433px;}
.case_c .z,.case_c .y{width:40px; height:40px;position: absolute;top: 196px;}
.case_c .z{left: -65px;}
.case_c .y{right: -65px;}






/**/
.cj{height: 695px;background:url(img/cj_bg.jpg) no-repeat center center;padding-top: 80px;}
.cj h2.tit a{color: #fff;background:url(img/tit2.jpg) no-repeat center 55px;display:block;margin-bottom:170px;}
.cj h2.tit a em{color: #fff;}



/**/
.news{height: 670px;background: #f7f7f7; margin-top:60px;}

.news1{margin-top: 17px;width:600px; height:530px; overflow: hidden;}
.n_nav{height:40px; overflow: hidden;}
.n_nav span a{display: inline-block;font-size: 14px; color:#555555; font-family: "Arial";text-transform: uppercase; line-height: 40px;font-weight: normal;}
.n_nav li{ float: left;margin-right: 14px;padding-right: 20px;}
.n_nav li a{ color: #333; font-size: 18px;line-height: 38px;}
.n_nav li a{ display: inline-block;height:38px;}
.n_nav li a:hover , .n_nav .cur a{font-weight: bold;color:#333;border-bottom: 2px solid #10264d;}
.n_nav .nobg{background:none;}

.news_c{margin-top: 20px;height:425px; }
.news_c dl{height:217px;  overflow: hidden;width: 600px;}

.news_c dt{height:206px;width:276px; overflow: hidden;float: left;}
.news_c dt a{width:276px; height:206px;display: block;float: right;}
.news_c dt img{width:276px; height:206px;}

.news_c dd{padding-top: 2px;width: 278px;float: right;}
.news_c dd h3{ font-size: 16px; color:#333;line-height: 24px;}
.news_c dd h3 a{ color:#333;font-weight: bold;}
.news_c dd span{display: block;color: #777;font-size: 14px;padding:13px 0 0 0;}
.news_c dd p{padding-top: 8px;line-height: 24px; font-size: 14px; color:#555;}
.news_c dd p a{ color:#0071be;display: block;padding-top: 15px;}
.news_c ul{margin-top: 25px;}
.news_c li{ font-size: 14px; color:#777777; line-height: 36px;}
.news_c li a{ color:#333; padding-left:12px ;display: inline-block;background:url(img/dot.jpg) no-repeat 0 17px ;}
.news_c li a:hover{background:url(img/dot2.jpg) no-repeat 0 17px ; color:#0071be;}

.wt{width:484px; overflow: hidden;margin-top: 17px; overflow: hidden;}
.wt h4{height:40px; overflow: hidden; line-height: 40px;margin-bottom: 25px;}
.wt h4 a{font-size: 18px;color:#333;border-bottom: 2px solid #0071be; line-height: 38px;width: 75px;display: block;}
.wt h4 span a{display: inline-block;font-size: 14px; color:#555555; font-family: "Arial";text-transform: uppercase; line-height: 40px;font-weight: normal;}
.wt dl{margin-top: 17px;height:90px; overflow: hidden;}

.wt dd{width:439px;overflow: hidden;}
.wt dd h3{padding-left: 29px;background:url(img/A.jpg) no-repeat 0 0 ;height:20px; line-height: 20px;font-size: 14px; overflow: hidden; font-weight: normal;margin-top: 5px;}
.wt dd h3 a{ color:#333;}
.wt dd h3 a:hover{color: #e76825;}
.wt dd p{padding-left: 29px;background:url(img/Q.jpg) no-repeat 0 0 ; line-height: 20px;font-size: 14px;color:#555;margin-top: 19px;}