*{margin: 0; padding: 0; border: 0;}
body{margin: 0; padding: 0; background: #FFF; min-width: 1000px; font-family: "Microsoft YaHei";}
ul{margin: 0; padding: 0; list-style: none;}
a{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.bian{
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
	-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
	-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}

/* 头部 */
.tou{width: 1200px; height: 100px; position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 99;}
.tou .fl{width: 200px; height: 100px; overflow: hidden;}
.tou .fr{}
.tou .fr li{width: 130px; height: 100px; line-height: 100px; text-align: center; color: #fff; float: left;}
.tou .fr li a{color: #fff;}
.tou .fr li a:hover{color: #ccc;}

.tou1{width: 1200px; height: 100px; position: relative; top: 0; left: 50%; margin-left: -600px; z-index: 99;}
.tou1 .fl{width: 200px; height: 100px; overflow: hidden;}
.tou1 .fr{}
.tou1 .fr li{width: 130px; height: 100px; line-height: 100px; text-align: center; color: #333; float: left;}
.tou1 .fr li a{color: #333;}
.tou1 .fr li a:hover{color: #01479d;}

/******************************banner开始*******************************/
.banner{width: 100%; overflow: hidden;;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;border-top: 2px solid #fe8301;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{margin-bottom:2px;position:relative;width:100%;min-width: 1080px;text-align:center;}

.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;	background:#000;	background:rgba(0,0,0, .8);	left:0;	right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/******************************banner结束*******************************/

.sy_tit{width: 100%; overflow: hidden; position: relative;}
.sy_tit h4{font-size: 36px; color: #555; text-align: center; position: relative;  z-index: 9; letter-spacing:2px;}
.sy_tit h5{font-size: 36px; color: #ccc; text-align: center; font-weight: 400; text-transform:Uppercase; position: absolute; top: 4px; width: 1200px; left: 50%; margin-left: -600px;}
.sy_tit h6{width: 60px; height: 5px; background: #f39801; margin: 20px auto 0;}

/* 关于 */
.about{width: 1200px; overflow: hidden; margin: 0 auto; padding: 60px 0 80px; }
.about .fl{width: 620px; overflow: hidden; margin-top: 30px;}
.about .fl h4{font-size: 24px; color: #333;}
.about .fl h5{font-size: 18px; color: #bdbdbd; font-weight: 400; padding-top: .5rem;}
.about .fl .con{width: 100%; overflow: hidden; font-size: 16px; color: #666; line-height: 28px; padding-top: 25px;}
.about .fr{width: 465px; height: 383px; position: relative; margin-top: 30px;}
.about .fr .more{width: 286px; height: 93px; position: absolute; bottom: 20px; left: -50px;}

/* 产品 */
.pro_bg{width: 100%; overflow: hidden; background: url(../images/cp_bg.png) top center; padding: 60px 0 80px;}
.pro{width: 1200px; overflow: hidden; margin: 40px auto 0;}
.pro .cp{width: 279px; overflow: hidden;}
.pro p{width: 279px; height: 261px; margin-right: 28px;}
.pro p img{width: 277px; height: 259px; border: 1px solid #d2d2d2;}
.pro .zi{width: 279px; height: 45px; position: relative; margin-right: 28px;}
.pro .zi span{width: 240px; height: 45px; padding-right: 29px; line-height: 45px; font-size: 16px; text-align: left; color: #fff; background: url(../images/pro_tit1.png); padding-left: 10px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .zi h5{width: 240px; height: 45px; padding-right: 29px; line-height: 45px; font-size: 16px; text-align: left; color: #fff; background: url(../images/pro_tit2.jpg); padding-left: 10px; position: absolute; left: -279px; bottom: 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro .cp:hover .zi h5{left: 0;}
.pro .cp:hover .zi span{display: none;}
.pro .more{width: 160px; height: 45px; border: 1px solid #fff; text-align: center; line-height: 45px; font-size: 16px; margin: 50px auto 0;}
.pro .more a{display: block; color: #fff;}
.pro .more:hover{background: #01479d;}

/* 案例 */
.anli{width: 1200px; overflow: hidden; padding: 80px 0 60px; margin: 0 auto;}
.anli li{width: 380px; height: 254px; overflow: hidden; float: left; margin-right: 30px; margin-top: 40px; position: relative;}
.anli li:nth-child(3){margin-right: 0;}
.anli li h5{width: 340px; height: 45px; line-height: 45px; padding: 0 20px; color: #fff; position: absolute; bottom: 0; left: 0; font-size: 16px;}
.anli li img{
	transform: all .7s;
	-webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.anli li:hover img{
	transform: all .7s;
	-webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
}

/* 新闻 */
.newbg{width: 100%; overflow: hidden; background: #f7f7f7; margin: 50px 0;}
.newbg .tit{width: 1200px; overflow: hidden; margin: 0 auto; padding: 50px 0 0;}
.newbg .tit h4{font-size: 24px; color: #333; text-align: center; font-weight: 400;}
.newbg .tit h5{font-size: 16px; color: #999; text-align: center; font-weight: 400;}
.newbg .tit h6{width: 40px; height: 2px; background: #0359b0; margin: 5px auto 0;}
.newbg .tit ul{width: 426px; display: block; margin: 20px auto; text-align: center;}
.newbg .tit ul li{width: 120px; height: 36px; font-size: 16px; float: left; line-height: 36px; margin: 0 10px; border-radius: 50px; border:1px solid #ccc;}
.newbg .tit ul li a{color: #333; display: block; border-radius: 50px;}
.newbg .tit ul li:hover a{background: #0359b0; color: #fff !important;}
.newbg .tit ul li .this{background: #0359b0; color: #fff;}
.new{width: 1200px; overflow: hidden; margin: 50px auto 10px;}
.new .fl{width: 532px; overflow: hidden;}
.new .fl img{width: 532px; height: 280px;}
.new .fl .xw_tit{width: 532px; overflow: hidden; margin-top: 20px;}
.new .fl .xw_tit .name{width: 400px; font-size: 18px; color: #333; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new .fl .xw_tit .name a{color: #333;}
.new .fl .xw_tit .time{font-size: 14px; color: #666; float: right;}
.new .fl h5{height: 40px; overflow: hidden; font-size: 14px; margin: 10px 0 0; color: #666; line-height: 20px; font-weight: 400;}
.new .fl:hover .xw_tit .name a{color: #0359b0; text-decoration: underline;}
.new .fr{width: 600px; overflow: hidden;}
.new .fr li{width: 580px; overflow: hidden; margin-bottom: 70px;}
.new .fr li .main{width: 428px; height: 75px; overflow: hidden; float: right;}
.new .fr li .sz{width: 110px; height: 75px; font-size: 66px; color: #898989; line-height: 75px; border-right: 3px solid #ccc; float: left;}
.new .fr li .xw_tit{width: 428px; overflow: hidden;}
.new .fr li .xw_tit .name{width: 320px; font-size: 18px; color: #333; float: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new .fr li .xw_tit .name a{color: #333;}
.new .fr li .xw_tit .time{font-size: 14px; color: #666; float: right;}
.new .fr li h5{height: 40px; overflow: hidden; font-size: 14px; margin: 10px 0 0; color: #666; line-height: 20px; font-weight: 400;}
.new .fr li:hover .xw_tit .name a{color: #0359b0; text-decoration: underline;}
.new .fr li:hover .sz{color: #0359b0;}

/* 底部 */
.dibg{width: 100%; height: 400px; background: url(../images/db_bg.png) no-repeat top center;}
.di{width: 1200px; overflow: hidden; margin: 0 auto; padding-top: 70px;}
.di .fl{width: 300px; overflow: hidden;}
.di .fl h3{width: 190px; height: 80px; font-size: 46px; color: #fff; font-weight: 400; letter-spacing:3px;}
.di .ewm{width: 110px; overflow: hidden; float: left; margin: 50px 10px 0;}
.di .ewm img{width: 110px; height: 110px;}
.di .ewm span{width: 110px; display: block; text-align: center; font-size: 14px; color: #fff;}
.di .mid{width: 290px; overflow: hidden; float: left; margin-left: 150px;}
.di .mid h4{font-size: 24px; color: #fff; font-weight: 400; letter-spacing:2px;}
.di .mid h5{font-size: 14px; color: #fff; font-weight: 400; line-height: 36px; padding-top: 30px;}
.di .fr{width: 330px; overflow: hidden;}
.di .fr h4{font-size: 24px; color: #fff; font-weight: 400; letter-spacing:2px; padding-bottom: 10px;}
.di .fr .ly{width: 310px; border-bottom: 1px solid #818181; padding: 20px 10px 0; line-height: 40px; font-size: 14px; color: #fff;}
.di .fr .liuyan{width: 260px; height: 30px; background: none; border: 0; font-size: 14px; color: #fff;}
.di .fr .lynr{width: 260px; height: 70px; background: none; border: 0; font-size: 14px; color: #fff;}
.copy{width: 100%; height: 60px; background: #2c353e; text-align: center; line-height: 60px; font-size: 14px; color: #fff}
.copy a{color: #fff;}
.copy a:hover{color: #f1f1f1;}

/* 内页banner */
.ny_banner_bg{width: 100%; height: 340px; overflow: hidden; position: relative;}
.ny_banner{width: 1920px; height: 340px; position: absolute; left: 50%; margin-left: -960px;}

/* 内页菜单 */
.ny_cd{width: 1200px; height: 48px; line-height: 48px; background: rgba(255,255,255,.8); position: relative; top: -48px; margin: 0 auto;}
.ny_cd .fl{padding: 0 20px; font-size: 20px; color: #000;}
.ny_cd .fl li{float: left; padding: 0 18px; font-size: 16px; color: #333;}
.ny_cd .fl li a{color: #333;}
.ny_cd .fl li a:hover{color: #01479d;}

/* 面包屑导航 */
.posi{width: 1200px; margin: 0 auto; font-weight: normal; color:#f78503;font-size:14px;}
.posi i{margin:0;}
.posi a{ color:#4a4a4a;}
.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; 
	vertical-align: middle; background: url(../images/ico.png);margin:0 .3em;}
.ico1_4 { background-position: -60px 0;}
.ico1_5 { background-position: -80px 0;}

/* 简介 */
.ny_jianjie{width: 1200px; overflow: hidden; min-height: 400px; margin: 0 auto; padding-bottom: 50px;}
.ny_jianjie h4{font-size: 26px; color: #000; margin: 10px 0 30px;}
.ny_jianjie .con{width: 1180px; overflow: hidden; margin: 40px auto 0; line-height: 28px; font-size: 16px; color: #666; text-align:Justify;}
.ny_jianjie .con img{width: auto; height: auto; display: block; margin: 20px auto; max-width: 100%;}

/* 内页产品 */
.ny_pro{width: 1228px; overflow: hidden; margin: 40px auto;}
.ny_pro li{width: 279px;overflow: hidden; float: left; margin: 0 14px 20px;}
.ny_pro li img{width: 277px; height: 259px; border: 1px solid #d2d2d2;}
.ny_pro .zi{width: 279px; height: 45px; position: relative; margin-right: 28px;}
.ny_pro .zi span{width: 269px; height: 45px; line-height: 45px; font-size: 16px; text-align: left; color: #666; background: url(../images/pro_tit1.png); padding-left: 10px; display: block;}
.ny_pro .zi h5{width: 269px; height: 45px; line-height: 45px; font-size: 16px; text-align: left; color: #fff; background: url(../images/pro_tit2.jpg); padding-left: 10px; position: absolute; left: -279px; bottom: 0;}
.ny_pro li:hover .zi h5{left: 0;}
.ny_pro li:hover .zi span{display: none;}

/* 分页 */
.fenye{ width: 100%; height: 46px; margin: 60px auto 80px; }
.fenye ul{text-align: center;}
.fenye ul li{font-size: 18px; display: inline; color: #333; padding: 10px 25px; margin: 0 8px; border: 1px solid #181717; border-radius: 3px;}
.fenye ul li a{color: #181717;}
.fenye ul li a:hover{color: #01479d;}

.ny_ft{width: 1150px;height: 40px;line-height: 40px;text-align: center;margin: 40px auto;}
.ny_ft a.fl {color: #666;margin-left: 20px;margin-right: 20px;display: inline;}
.ny_ft a.fr {color: #666;margin-left: 20px;margin-right: 20px;display: inline;}
.ny_ft a:hover{color:#333;}

/* 案例 */
.ny_anli{width: 1200px; overflow: hidden; margin: 0 auto 80px;}
.ny_anli li{width: 380px; height: 254px; overflow: hidden; float: left; margin-right: 30px; margin-top: 40px; position: relative;}
.ny_anli li:nth-child(3){margin-right: 0;}
.ny_anli li h5{width: 340px; height: 45px; line-height: 45px; padding: 0 20px; color: #fff; position: absolute; bottom: 0; left: 0; font-size: 16px;}
.ny_anli li img{
	transform: all .7s;
	-webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.ny_anli li:hover img{
	transform: all .7s;
	-webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
}

/* 内页新闻 */
.ny_new{width: 1200px; overflow: hidden; margin: 0 auto;}
.newslist{margin-top:50px;}
.newslist li{ padding:3% 3%; border:1px #fff solid; border-bottom-color:#f1f1f1;width: 93.8%;}
.newslist li .box{position:relative;}
.newslist li .imgbox{width:24%;margin-right: 4%;}
.newslist li .info{width: 85%;}
.newslist li .info .title{font-size:24px;margin:0 0 8px;}
.newslist li .info .title a{color: #333;}
.newslist li .info .p{font-size:13px; color:#727272;line-height: 23px;height: 46px;overflow: hidden;}
.newslist .date{position: absolute;right: 0;top: 66%;margin-top: -60px;}
.newslist .date span{ color:#3f3f3f;font-family: Arial; font-weight: bold; display:block;}
.newslist .date .day{font-size:70px;line-height: 52px;}
.newslist .date .month{font-size:20px;}
.newslist .date .i{margin-top:10px;}
.newslist .date .i .ico2{width:28px; height:25px; background-position:-32px 0;}
.newslist li:hover{border:1px #f69b3b solid;}
.newslist li:hover .date span{color:#f69b3a;}

/*右边内容*/
.cson_right{width:1200px; overflow: hidden; margin: 0 auto 30px;}
.cson_right_txt{width:100%;min-height:500px;}
.cson_wz{margin-bottom:8px;}
.cson_wz p {background: url(../images/tb8.png) no-repeat left 7px;padding-left: 20px;color: #666;}
.cson_wz p a {font-size: 12px;color: #666;}
.cson_wz p b {font-size: 12px;color: #f00;}
.cson_rightbox{width:1200px;margin:0px auto;}
.cson_rightwb p,.cson_rightwb{line-height:36px;color:#444;}
.cson_rightwb h3{font-size:16px;font-weight:bold;}
.cson_rightwb p img,.cson_rightwb img{display: block;margin:10px auto;max-width:100%;}
/*资质荣誉*/
.cson_rightpic ul li{width:370px;height: 287px; float:left;margin: 30px 15px 0;}
.cson_rightpic ul li a{display:block;margin:0px auto;margin:0px auto;background:#fff;overflow:hidden;}
.cson_rightpic ul li a img{max-width:100%;display:block;height:247px;margin:0px auto;}
.cson_rightpic ul li a h6{line-height:40px;color:#333;font-size:16px;text-align: center;}

/* 下载中心 */
.xiazai{width: 1200px; overflow: hidden; margin: 40px auto 0;}
.xiazai li{width: 551px; height: 74px; float: left; border: 1px solid #ccc; margin-bottom: 30px; padding: 16px;}
.xiazai li:nth-child(2n-1){margin-right: 30px;}
.xiazai .fr{width: 510px; overflow: hidden;}
.xiazai .fr h5{font-size: 18px; color: #333; font-weight: 400;}
.xiazai .fr h6{font-size: 14px; color: #999; font-weight: 400; padding-top: 10px; line-height: 22px; height: 44px; overflow: hidden;}
.xiazai li:hover{background: #01479d;}
.xiazai li:hover .fr h5{color: #fff}
.xiazai li:hover .fr h6{color: #fff}


.dinggou{width: 490px; height: 650px; margin: 0 auto;}
.dinggou table tr{margin-bottom: 10px;}
.dinggou .sx{width: 80px; height: 40px; font-size: 16px; color: #617787; line-height: 40px;}
.dinggou .srk{width: 400px; height: 38px; border: 1px solid #617787; border-radius: 3px; margin: 10px 0;}
.dinggou .bz{width: 400px; height: 100px; border: 1px solid #617787; border-radius: 3px; margin: 10px 0;}
.dinggou .tj{width: 80px; height: 38px; background: #146aa5; margin-left: 80px; margin-top: 10px; border-radius: 4px; color: #fff; font-size: 16px;letter-spacing:2px;}
.dinggou .cz{width: 80px; height: 38px; background: #ccc; margin-left: 65px; margin-top: 10px; border-radius: 4px; color: #fff; font-size: 16px;letter-spacing:2px;}