*{margin: 0; padding: 0; border: 0;}
body{margin: 0; padding: 0; min-width: 1200px; background: #FFF; font-family: "Microsoft YaHei";}
ul {margin: 0; padding: 0; list-style: none;}
li{margin: 0; padding: 0; list-style: none;}
a{text-decoration: none; color:#333}
.l{ float: left;}
.r{ float: right;}
.clear{ clear: both;}
.wraper{width: 1200px; overflow: hidden; margin: 0 auto;}

.qq{ position: fixed; right: 0; top: 36%; z-index: 999;}

/*------------ 顶部开始 ------------*/
.line{ width: 100%; height: 5px; background: #017af0; position: fixed; top: 0; z-index: 999;}

.top-1{ width: 1920px;position: fixed; top: 5px; z-index: 999;left: 50%; 
	margin-left: -960px; background: #fff; }
.top{ width: 1200px;  height: 92px; overflow: hidden; margin: 0 auto;}
.top_r ul{ overflow: hidden;}
.top_r ul li{ float: left; border-right: 2px solid #999999; padding-right: 12px; margin-left: 12px;margin-top: 25px;;}
.top_r ul li:first-child p{ font-family: "Aachen BT"; color: #017af0; font-size: 24px;}
.top_r ul li:last-child{ border-right: none;position: relative;top: 0px; margin-top: 0;}

/*-------------  nav导航 ------------*/
.nav{ width:100%;height:50px; margin:0 auto;background:#017af0; position: fixed; top: 97px;
/*position:fixed; */z-index:999;}
.nav #all{ width:1200px; margin:0 auto;}
#jsddm{ margin: 0; padding: 0; overflow: hidden;}
#jsddm .jsddm_1{ float: left; list-style: none;}
#jsddm .jsddm_1 a{ display: block; width:150px; text-align:center; line-height:50px; color: #fff; white-space: nowrap;
    font-size:16px;}
#jsddm .jsddm_1 a:hover{ background:#111; color:#fff;}
#jsddm .jsddm_1 .jsddm_2{ margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 9;}
#jsddm .jsddm_1 .jsddm_2 li{ float: none; display: inline; }
#jsddm .jsddm_1 .jsddm_2 li a{	font-size:14px;width: 150px; background:#017af0; color: #fff;line-height:52px;border-bottom: 1px solid #FFFFFF;}
#jsddm .jsddm_1 .jsddm_2 li a:last-child{border-bottom:none;}
#jsddm .jsddm_1 .jsddm_2 li a:hover{ background: #111; color:#fff;}
#jsddm  >.jsddm_1:hover .jsddm_2{display:block; visibility:visible;}


/*----------- banner开始 -----------*/
.banner{width: 100%; overflow: hidden;margin-top: 147px;}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.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 #017af0;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:#017af0;}

/* Callback example */
.callbacks_container{position:relative;/*width:100%;*/min-width: 1000px;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%;
    }
}


/*-------------- 首页产品中心 -------------*/
.product{ background: url("../images/pro-bg.jpg") no-repeat center; width: 100%; height: 846px;}
.product .pro{ width: 1200px; margin: 0 auto;}
.product .pro .tit img{ display: block; padding-top: 30px; margin: 0 auto;}

.tcb h1{text-align: center; font-size: 30px; color: #252525; padding-top: 130px;}
.tcb .con{width: 1200px; overflow: hidden; margin: 25px auto 0;}

.tcb .con .nTab .icon ul{ overflow: hidden; width: 900px; margin: 0 auto;}
.tcb .con .nTab .icon ul li{ float: left; width: 198px; margin: 0 12.5px;}
.tcb .con .nTab .icon ul li img{ width: 75px; margin: 0 auto; display: block;}

.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.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;}
#wrapper1 {width: 1000px; height: 550px; overflow: hidden; margin: 0 auto;}
.rslides { margin: 0 auto 40px;}
.events {list-style: none;}
.callbacks_container {position: relative;float: left;width: 100%;}
.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: 52%;left: 0;opacity: 0.7;z-index: 3;
    text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;
    background: url(../images/themes.gif) transparent no-repeat left top;margin-top: -45px;}
.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%;
    }
}
.nTab{width: 1200px;height: 680px;margin: 0 auto;overflow: hidden;}
.none{display: none;}
.nTab .TabTitle{width: 1200px;}
.nTab .TabTitle ul{  overflow: hidden; width: 900px; margin: 0 auto;}
.nTab .TabTitle li{width: 198px;height: 50px;float: left;cursor: pointer;
    /*border: 1px solid #888;*/margin: 0 12.5px;border-radius: 35px; text-align: center; line-height: 50px;}
.nTab .TabTitle li .top{width: 120px; height: 30px; line-height: 30px; margin: 20px auto;}
.nTab .TabTitle li .top img{width: 30px; height: 30px; float: left;}
.nTab .TabTitle li .top span{float: right; font-size: 20px; text-transform:Uppercase;}
.nTab .TabTitle li h4{width: 110px; font-size: 24px; display: block; margin: 56px auto 0; font-weight: 400;}
.nTab .TabTitle .active{/*background:#017af0;*/color:#017af0;/*border: 1px solid #017af0;*/ font-weight:600;}
.nTab .TabTitle .normal{color: #333;}/*类中变换前字体颜色*/
.nTab .TabContent{width: 1000px; height: 550px;clear: both;overflow: hidden;display: block; margin: 15px auto 0;}


/*-------------- 关于我们 -------------*/
.about{ width: 100%; background: url("../images/ab_bg.jpg") no-repeat center;height: 700px; }
.about .ab{ width: 1200px; margin: 0 auto;}
.about .ab .tit img{ display: block; padding-top: 30px; margin: 0 auto;}
.about .ab .ab_l{ width: 560px; margin:40px  50px auto 0;}
.about .ab .ab_r { width: 560px; margin-top: 60px;}
.about .ab .ab_r h3{ font-size:18px; color:#555;}
.about .ab .ab_r h1{  color:#333; margin-bottom:15px;}
.about .ab .ab_r p{ line-height:30px;}
.about .ab .ab_r a{ color:#017af0; }





/*-------------- 新闻中心 -------------*/
.news{ width: 100%; background: url("../images/new_bg.png") no-repeat center; height: 596px;}
.news .new{ width: 1200px; margin: 0 auto;}
.news .new .tit img{ display: block; padding-top: 30px; margin: 0 auto;}
.news .new .new_l{ width: 540px;margin: 46px 40px auto 10px;}
.news .new .new_l .new_ll img{ width: 250px; height: 250px;}
.news .new .new_l .new_lr{ width: 282px; margin-left: 8px;}
.news .new .new_l .new_lr h3{ font-size: 18px; font-weight: 500; color: #017af0; margin: 5px auto 12px; line-height: 26px;}
.news .new .new_l .new_lr span{ font-size: 18px; color:#333;display: block; margin-bottom: 16px;}
.news .new .new_l .new_lr p{ line-height: 22px; font-size: 14px; color: #555;}
.news .new .new_l .new_lr a{ display: block; color: #ee3532; font-style: italic;}
.news .new .more{ width: 60px; height: 60px; border: 2px solid #b8b8b8; border-radius: 40px;  margin: 46px auto;}
.news .new .more a{ display: block; color: #017af0; text-align: center;line-height: 60px;}


/*-------------- 页脚 -------------*/
.footer{ width: 100%; background: url("../images/foot_bg.png") no-repeat center; height:365px; }
.footer .foot{ width: 1200px; margin: 0 auto;}
.footer .foot .foot_l{ margin-left:120px; }
.footer .foot .foot_l .foot_t{ margin:50px auto 15px; }
.footer .foot input{ color: #999; width:220px; height: 34px; border: 1px solid #999; background: rgba(0,0,0,0.5);
    padding-left: 6px;margin: 0 20px 25px 0;}
.footer .foot textarea{ width:218px; height: 88px; border: 1px solid #999; background: rgba(0,0,0,0.5); padding-left: 8px;
padding-top: 8px; color: #999; font-size: 14px;}
.footer .foot .foot_l a{ display: block; width: 476px; height: 36px; text-align: center; line-height: 36px; background: #017af0;
                         color: #fff; font-size: 18px; border-radius: 3px;}
.footer .foot .foot_r{ margin: 50px auto 0 78px;}
.footer .foot .foot_r .foot_rl{ margin: 0 10px 0 0;}
.footer .foot .foot_r .foot_rt ul{ overflow: hidden; margin-top:55px; }
.footer .foot .foot_r .foot_rt ul li{ float: left; margin-right:15px; }
.footer .foot .foot_r .foot_rr ul{ margin-top: 6px; }
.footer .foot .foot_r .foot_rr ul li{ float: none; color: #fff;line-height: 32px; }
.footer .foot .foot_r .foot_rr ul li span{ display: block; line-height: 28px; margin-left: 50px;}
.footer .foot .foot_r .foot_rr ul li a{ color: #fff; }






.bottom{ width: 100%; height: 40px; background: #0f0f0f;}
.bottom p{ font-size: 14px; color: #fff; text-align: center; line-height: 40px;}
.bottom p a{ color: #fff;}


/*-------------- 内页标题 -------------*/
.ny_tu{ height: 280px; width: 100%; margin-top: 147px;}
.ny_tu img{ width: 100%; height: 100%;}
.nav_l{ background: #017af0; color: #FFFFFF; z-index: 999;}

.ny_tit{ width: 100%; background: url("../images/nytit_bg.png") no-repeat center; height: 78px; min-width: 1200px;}
.ny_tit .ny_tit1{ width: 1200px; margin: 0 auto; overflow: hidden;}
.ny_tit .ny_tit1 h3{ float: left; color: #fff; font-size: 22px; font-weight: 500; padding-top: 28px;}
.ny_tit .ny_tit1 .ny_list{ float: left; margin-left: 180px;}
.ny_tit .ny_tit1 .ny_list ul{ overflow: hidden; padding-top: 32px;}
.ny_tit .ny_tit1 .ny_list ul li{ float: left;  margin-right: 6px;}
.ny_tit .ny_tit1 .ny_list ul li:hover a{ color: #017af0;}

.ny_tl{ width: 1200px; margin:32px auto 0; border-bottom: 1px solid #ccc; padding-bottom: 45px;}
.ny_tl ul{ overflow: hidden;}
.ny_tl ul li{ float: left; margin-left:12px; border: 1px solid #ccc; margin-bottom: 15px;border-radius: 8px; }
.ny_tl ul li:hover{  border: 1px solid #017af0;}
.ny_tl ul li a{ display: block; padding: 12px 36px; border-radius: 8px;}
.ny_tl ul li a:hover{ background: #017af0; color: #FFFFFF;  border-radius: 8px;}



/*-------------- 新闻内页 -------------*/
.ny_new{ width: 1200px; margin: 50px auto;}
.ny_new ul{ overflow: hidden;}
.ny_new ul li{ float: left; width: 376px; margin: 15px 12px 35px;}
.ny_new ul li img{ width: 376px; height: 250px;}
.ny_new ul li h3{ font-size: 22px; font-weight: 500; color: #333; line-height: 46px;}
.ny_new ul li span{ color: #777; font-size: 14px; display: block; line-height: 26px;}
.ny_new ul li p{ line-height: 22px; color: #555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.ny_new ul li a{ display: block; border: 1px solid #cccccc; color: #999;width: 120px; text-align: center;
    line-height: 40px; height: 40px;margin-top: 22px;}
.ny_new ul li:hover a{ color: #fff; background: #017af0; border: 1px solid #017af0;}


/*-------------- 分页 -------------*/
.btns{ width:610px; margin:60px auto 100px;}
.btns a{ font-size: 20px;padding:8px 26px; background:#999; color: #fff; float:left; margin-right: 8px;}
.btns a:hover{ background: #017af0;}
.btns a:nth-child(3){ background:none; color: #666;}
.btns a:nth-child(5){ margin-right:0;}


/*-------------- 新闻详情 -------------*/
.xwxq{ width: 1200px; margin: 40px auto 100px;}
.xwxq img{ display: block; margin: 10px auto;}
.xwxq h3{ font-size: 20px; font-weight: 500; color: #252525; text-align: center; line-height: 36px;}
.xwxq span{ display: block; text-align: center; font-size: 14px; color: #666; line-height: 28px;}
.xwxq p{ color: #333; text-indent: 32px; line-height: 28px;}
.xwxq .xwxq_list{ margin-top: 36px;}
.xwxq .xwxq_list li{ line-height: 30px;}
.xwxq .xwxq_list li a:hover{ color: #017af0;}

/*-------------- 产品列表 -------------*/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
    }
    50% {
        opacity: 0.5; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
    }
}
.ny_pro{ width: 1200px; margin: 40px auto 100px;}
.ny_pro ul{ overflow: hidden;}
.ny_pro ul li{ float: left;width: 280px; margin: 10px 10px 30px;position: relative;  overflow: hidden;}
.ny_pro ul li:hover{ background: rgba(0,0,0,0.7);}
.ny_pro ul li span{ text-align: center; line-height: 36px; display: block;font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.ny_pro ul li img{ width: 100%; height: 190px; display: block; margin: 0 auto;overflow: hidden;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ny_pro ul li img:hover{
    -webkit-transform: scale(1.1); transform: scale(1.1);
}
.ny_pro ul li .pro_bg{ width: 280px;height: 190px; background: rgba(0,0,0,.5); position: absolute; top: 50%; margin-top:190px; }

.ny_pro ul li:hover span{ background: #fff; color: #017af0;}


 


/*-------------- 留言页面 -------------*/
.con_main{ width: 1200px; margin: 0 auto 100px; overflow: hidden; }
.con_main h3{ font-weight: 500; font-size: 24px; color: #333; margin-top: 40px; }
.con_main .con_l{ float: left; width: 500px; padding-left: 100px;}
.con_main .con_l ul{ margin-top: 25px; }
.con_main .con_l ul li{ color: #333; margin-bottom: 20px; font-size: 18px; }
.con_main .con_r{ float: left;width: 600px; margin-bottom: 60px;}

.con_r .form_m { width:480px;}
.con_r .form_m ul { overflow:hidden;}
.con_r .form_m ul li { float:left; margin:15px 30px 5px 0;}
.con_r .form_m input{ width:440px; height:15px; border:1px solid #C9C5C5; margin-top:5px;}
.con_r .form_m textarea{ width:440px; height:130px; border:1px solid #C9C5C5; margin-top:5px;}
.con_r .ti_1 {background-color:#017af0;  width:200px; margin:20px 272px; height:45px; border: none;}
.con_r .ti_1 p{ text-indent:0;}
.con_r .ti_1 p a{ font-size:20px; color:#fff; line-height:45px; text-align:center; display:block;}

.con_main .map{ width: 800px; margin: 70px auto;}

/*-------------- 视频列表 --------------*/
.ny_video{ width: 1200px; margin: 20px auto;}
.ny_video ul{ overflow: hidden;}
.ny_video ul li{ float: left; width: 380px; margin: 10px;}
.ny_video ul li .video{ width: 380px; height: 255px; background: #999;}
.ny_video ul li .video img{ width: 100%; height: 255px;}
.ny_video ul li p{ text-align: center; line-height: 32px;}