@charset "gb2312";
/*.sycut{width:1200px;}*/
.nav .sycut ul li{width: 170px;}
.ft_nav{margin-right: 150px;}
.content{ width:1000px; margin:0 auto;  }
.fl { float:left;}
.fr { float:right;}
/*pro*/
.sy_tit{width: 100%;overflow: hidden;}
.sy_tit .tit{width: 250px;margin: 0 auto;height: 90px;*height: 70px;background: url(img/ico2.jpg) left 88px repeat-x;padding-top: 20px;}
.sy_tit .tit a{display: block;width: 250px;height: 70px;background: url(img/ico1.jpg) center bottom no-repeat;text-align: center;font-size: 30px;line-height: 70px;font-weight: bold;color: #1677d9;cursor: pointer;}
.sy_tit .tit a:hover{color: #f24a30;}
.sy_tit .txt{/*width: 750px;*/height: 48px;overflow: hidden;text-align: center;font-family: Arial;color: #666;line-height:48px;}


.sy_tit1{width: 100%;overflow: hidden;}
.sy_tit1 .tit{width: 250px;margin: 0 auto;height: 90px;*height: 70px;background: url(img/ico2.jpg) left 88px repeat-x;padding-top: 20px;}
.sy_tit1 .tit a{display: block;width: 250px;height: 70px;background: url(img/ico1.jpg) center bottom no-repeat;text-align: center;font-size: 30px;line-height: 70px;font-weight: bold;color: #fff;cursor: pointer;}
.sy_tit1 .tit a:hover{color: #f24a30;}
.sy_tit1 .txt{/*width: 750px;*/height: 48px;overflow: hidden;text-align: center;font-family: Arial;color: #fff;line-height:48px;}


.syclass{width: 100%;overflow: hidden;margin: 0 auto 39px;text-align: center;}
.syclass ul li{display: inline;background: #007FEA;height: 36px;border: 1px solid #ccc;border-radius: 2px;line-height: 36px;padding: 7px 25px;*padding: 5px 14px;margin: 0 5px;transition: 1s;-webkit-transition: 1s;}
.syclass ul li a{color: #fff;font-size: 16px;transition: .5s;-webkit-transition: .5s;}
.syclass ul li:hover,.syclass ul li.on{border: 1px solid #f24a30;background:#F00;}
.syclass ul li:hover a,.syclass ul li.on a{color: #fff;}

.sy_btn{width: 60px;margin: 0 auto 50px;height: 25px;overflow: hidden;}
.sy_btn input{display: block;width: 25px;height: 25px;line-height: 25px;text-align: center;cursor: pointer;color: #fff;font-weight: bold;font-family: "宋体";border: 0;background: #171717;border-radius: 2px;transition: .5s;-webkit-transition: .5s;}
.sy_btn input:hover{background: #f24a30;}

.probox{width: 100%;max-width: 1920px;background: #f5f5f5;padding-bottom: 50px;}
.probox .cut .procut .syfl,.probox .cut .syclass ul .procon{display:none;}
.procut{width: 1200px;overflow: hidden;}
.procut .procon{width: 100%;overflow: hidden;display: none;position: relative;}
.procut .procon.on{display: block;}
.procut .procon ul li{text-align: center;width: 228px;*width: 299px;overflow: hidden;height: 250px;background:#fff;float: left;position: relative;border-right: 1px solid #f5f5f5;margin-bottom: 1px;cursor: pointer; margin:0 6px;}
.procut .procon ul li .pic,.procut .procon ul li .pic a{display:block;width: 228px;height: 198px;}
.procut .procon ul li .pic img{ margin:9px auto;}
.procut .procon ul li:hover{ display:block; color:#fff; background:#1677D9; }
.procut .procon ul li .txt h3{ display:block;width: 228px;height:40px;left: 0;}
.procut .procon ul li .txt h3 a{display:block;height: 40px; line-height:40px;color: #242424;font-size:15px; font-weight:700; text-align:center; overflow: hidden;}
.procut .procon ul li .txt p{ line-height:26px; padding:4px; display:block; overflow:hidden; color:#6a6a6a; text-align:left;}
.procut .procon ul li:hover h3 a{ display:block; color:#fff;}
.procut .procon ul li:hover p{ display:block; color:#fff;}


.procut .procon ul li.sysp{width:600px;height:501px;background:#fff;}
.procut .procon ul li.sysp .spsp{width:599px;height:420px;overflow: hidden;float:left;}
.procut .procon ul li.sysp .spbt{width:600px;height:50px;float:left;line-height:50px;}




/*优势*/
.youshi .tit{width: 250px;margin: 0 auto;height: 90px;*height: 70px;background: url(img/ico2.jpg) left 88px repeat-x;padding-top: 20px;}
.youshi .tit  a{display: block;width: 250px;height: 70px;background: url(img/ico1.jpg) center bottom no-repeat;text-align: center;font-size: 30px;line-height: 70px;font-weight: bold;color: #1677D9;cursor: pointer;}
.youshi .tit a:hover{color: #f24a30;}
.youshi .txt{/*width: 750px;*/height: 48px;overflow: hidden;text-align: center;font-family: Arial;color: #666666;line-height:48px;}
.youshi{width: 100%;float: left;padding-top: 40px;}
.item1{position: relative;width: 1230px;margin: 0 auto;padding-top: 20px;overflow: hidden;}
.item1 .lft{float: left;}
.item1 .rgt{float: right;}
.item1 .num{float: left;padding-right: 20px;}
.item1 p{color: #333333;font-size: 22px;font-weight: bold;margin-top: 35px;}
.item1 em{font-style: normal;font-size: 14px;font-variant:small-caps;}
.item1 ul{padding-top: 40px;padding-left: 46px;}
.item1 ul li{background: url(img/ico3.jpg) left no-repeat;padding-left: 25px;font-size: 16px; line-height: 30px;}

/*简介*/
.compbox{width: 100%;max-width: 1920px;background: #f0f0f0;}
.compbox .cut{padding-bottom: 20px;*padding-bottom: 0;}
.compbox .cut .sy_tit{margin-bottom: 15px;}
.compbox .left{width: 580px;float: left;height: 350px;padding-top: 15px;}
.compbox .left .tit{width: 580px;height: 50px;line-height: 50px;font-size: 16px;color: #333;font-weight: bold;}
.compbox .left .text{text-indent: 28px;line-height: 24px;color: #555;margin-bottom: 40px;overflow: hidden;}
.compbox .left .text p{margin-bottom: 5px;}
.compbox .left .more{width: 60px;height: 30px;text-align: center;line-height: 30px;font-family: Arial;text-transform: uppercase;}
.compbox .left .more a{display: block;width: 60px;height: 30px;background: #171717;color: #fff;border-radius: 2px;transition: .5s;-webkit-transition: .5s;}
.compbox .left .more a:hover{background: #f24a30;}
.compbox .right{width: 580px;float: right;height: 390px;*height: 350px;padding-bottom: 40px;}
.compbox .right p.pic,.compbox .right p.pic a{width: 580px;height: 350px;overflow: hidden;display:block;}


/*资讯*/
.zixun{padding: 30px 0 40px;}
.zixun .titl{width: 100%;height: 40px;margin-bottom: 5px;overflow: hidden;background: url(img/ico7.jpg) left 38px repeat-x;}
.zixun .titl .tit{float: left;height: 40px;line-height: 40px;background: url(img/ico6.jpg) left bottom repeat-x;color: #1677d9;font-size: 20px;font-weight: bold;}
.zixun .titl .more{float: right;height: 40px;line-height: 34px;padding-top: 6px;font-family: Arial;text-transform: uppercase;}
.zixun .titl .more a{color: #999;}
.zixun .titl .more a:hover{color: #f24a30;}
.zixun .zx_box{width: 380px;float: left;overflow: hidden;}
.zixun .zx_box .zx_con{width: 100%;max-height: 240px;overflow: hidden;}
.zixun .zx_box .zx_con ul li{width: 100%;height: 40px;*height: 39px;overflow: hidden;line-height: 40px;float:left;border-bottom: 1px dotted #ccc;background: url(img/xw_ico.jpg) left 14px no-repeat;}
.zixun .zx_box .zx_con ul li .tit{text-indent: 25px;width: 82%;float: left;overflow: hidden;height: 39px;}
.zixun .zx_box .zx_con ul li .tit a{color: #666;display:block;}
.zixun .zx_box .zx_con ul li .tit a:hover{color: #1677d9;}
.zixun .zx_box .zx_con ul li .time{float: right;font-family: Arial;color: #888;font-size: 12px;}
.zixun .newgs{margin-right: 30px;}
.zixun .faq{float: right;}

/*相册*/
.album{background: #1677d9;padding-bottom: 50px; width:100%;}
.album .sy_tit .tit{}
.album .sy_tit .tit a{color: #fff;}
.album .sy_tit .txt{color: #dee8f8;}
.album .albclass ul li{background: #1677d9;border: 1px solid #fff;}
.album .albclass ul li a{color: #fff;}
.album .albclass ul li:hover,.album .albclass ul li.on{background: #fff;}
.album .albclass ul li:hover a,.albclass ul li.on a{color: #1677d9;}
.album .sy_btn{margin: 0 auto;}
.album .alb_con{width: 1140px;height: 245px;overflow: hidden;margin: 0 auto;display: none;position: relative;}
.album .alb_con.on{display: block;}
.album .alb_con ul{width: 1460px;overflow: hidden;height: 200px;margin-bottom: 20px;position: relative;}
.album .alb_con ul li{text-align: center;width: 270px;height: 200px;*width: 260px;*height: 190px;overflow: hidden;float: left;margin-right: 20px;position: relative;border: 5px solid #fff;}
.album .alb_con ul li .pic{width: 260px;height: 190px;overflow: hidden;}
.album .alb_con ul li .text{width: 260px;height: 190px;*width: 220px;*height: 80px;padding: 65px 20px 0;*padding-top: 55px;_padding: 0 20px;text-align: center;overflow: hidden;background: rgba(242, 74, 48, 0);*background: #f24a30;*filter: alpha(opacity=0);position: absolute;left: 0;top: 0;transform: scale(0,0);-webkit-transform: scale(0,0);transition: .8s;-webkit-transition: .8s;_height:40px;_top: auto;_bottom: 0;}
.album .alb_con ul li .text a{display: block;width: 100%;height: 100%;overflow: hidden;color: #fff;font-size: 18px;font-weight: bold;}
.album .alb_con ul li .text .tit{width: 100%;height: 50px;line-height: 50px;_line-height: 40px;}
.album .alb_con ul li .text .more{width: 30px;height: 30px;*width: 26px;*height: 26px;border: 2px solid #f6a89c;line-height: 26px;font-family: "宋体";margin: 0 auto;border-radius: 30px;}
.album .alb_con ul li:hover .text{background: rgba(242, 74, 48, .9);*filter: alpha(opacity=90);transform: scale(1,1);-webkit-transform: scale(1,1);}



/*友链*/
.yqlj_s{padding:15px 0;background:#f5f5f5;overflow:hidden;}
.yqlj_s .yltitl{width: 100%;height: 40px;margin-bottom: 5px;overflow: hidden;background: url(img/ico7.jpg) left 38px repeat-x;}
.yqlj_s .yltitl p{float: left;height: 40px;line-height: 40px;background: url(img/ico6.jpg) left bottom repeat-x;color: #1677d9;font-size: 20px;font-weight: bold;}
.yqlj_s .ylcon{width:100%;overflow:hidden;padding-top:5px;}
.yqlj_s .ylcon ul li {float:left;overflow:hidden;}
.yqlj_s .ylcon ul li a{display:block;height:24px;line-height:24px;float:left;margin-right:20px;color:#666;}
.yqlj_s .ylcon ul li a:hover{color:#f24a30;}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(img/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(img/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(img/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(img/rightbar.png) no-repeat 0 -169px;}
.hd_qr{margin:0 0 0 25px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}