*{margin:0px; padding:0px;}

body{margin:0 auto;padding:0px;font-size:14px; font-family:simsun; color:#000; background:#fff;}

a,p,li,ul,span,h1,h2,h3,table,tr,td,input,form{ margin:0; padding:0; font-size:14px; color:#000; line-height:20px; font-family:Microsoft YaHei,"SimSun";text-decoration:none;list-style-type:none}

img{ border:none;}
td,th{font-size: 14px;color: #505050;}




.header_index{ 
    /* width:1200px; */
     margin:0 auto;overflow:hidden;display: block;}
.logo{float:left;}
.hover a{ background:url(nav.jpg) left top no-repeat;}
.top_link{float:right;}
.top_link_ny{float:right; padding-top:30px;}
.keywords{ line-height:30px;margin-top:15px; margin-left:9px;}

.keywords p{ float:left;font-size:14px; }
.keywords h1{ font-size:14px; font-weight:normal;    line-height: initial;}

.top_tel{float:left;background: url(top_tel.jpg) left center no-repeat;font-size:30px;line-height:36px;padding-left:30px;margin-left: 9px;color:#cd8b5b; margin-top:15px;}
.top_tel span{font-size:15px;line-height:18px;color:#cd8b5b}
.jiathis_style_32x32{float:right; color:#fff;text-align: center;line-height:35px;padding-top:15px;margin-left: 100px;}
.jiathis_style_32x32 p{float:left;display: block;width:50px;font-size:13px;line-height:35px;}
.top_right a:link,.top_right a:visited{color:#686868;}
.share{background: url(share.jpg) center top no-repeat;padding-top: 24px;}
.ali{background: url(ali.jpg) left top no-repeat;}

.menu{width:100%;margin:0 auto;height: 40px;border-bottom: 2px solid #77a8bd;}
.menu ul{
    /* width:1000px; */
    margin:0 auto; padding:0 100px;}
.menu_li{color:#fff;background:#77a8bd;}
.menu_li a{color:#fff;}
.menu li{ float:left;text-align:center;width:108px; margin:0 16px;}
.menu li a{font-size:13px; line-height:40px;height:40px;display: block;}
.menu li a:hover{ color:#fff;background:#77a8bd;}

#banner{ background:url(banner.jpg) center top no-repeat;height:614px;}

.midbg{ width:100%; height:614px; position: relative; z-index:1;clear:both}
.iBan { height:614px; overflow:hidden; position:relative;z-index:1;_zoom:1; clear: none;}
.iBanScreen{  height:614px; background-repeat:no-repeat; background-position:center top;}
.iBanScreen ul{ width:100%; height:614px; position:relative; top:0; margin:0 auto;}
.iBanScreen li{ width:100%; height:614px; overflow:hidden; position:absolute; display:none;}
.iBanScreen li a{ display:block; width:100%; height:100%}
/*.iBanScreen .num{ position:absolute; bottom:15px; left:50%; z-index:999; }
.iBanScreen .num a{ display:inline-block; border: 1px solid #fff;border-radius: 10px; width: 15px;height: 15px;margin: 0;background-color: #fff; margin-left:5px; margin-right:5px;}
.iBanScreen .num a.cur{ border: 1px solid #fff;border-radius: 10px; background-color: rgba(0,0,0,0);}*/


#pro_list{overflow:hidden;background:url(prolist_bg.jpg) center top no-repeat;margin-top:30px;}
.pro_demo{overflow:hidden;width:1200px;margin:0px auto;}
.hot_pro{
    /* width:1200px; */
    margin:0 auto;font-size:22px;line-height:50px;font-weight: bold;text-align:center;background:url(pro_bottombg.jpg) center 92px no-repeat;padding-top:10px;color: #fff;}
.hot_pro span{display: block;font-weight: normal;font-size:33px;color: #fff; text-transform:uppercase}
.hot_pro p{display: block;font-weight: normal;line-height: 56px;font-size:14px;color: #fff;}
.nav_list{
    /* width:1200px; */
    margin:0 auto;padding:10px 0 20px 0;overflow: hidden;}
.nav_list li{width:228px;float:left;text-align:center;
    /* margin: 0 36px; */
}
.nav_list li h2{font-size:15px; line-height:30px;display: block; border-bottom: 1px dashed #cfcfcf}
.nav_list li a{font-size:15px; line-height:24px;display: block;color:#cfcfcf;}
.nav_list li:hover a{color:#000;}


.about_index{overflow:hidden;}
.hot_about{
    /* width:1200px; */
    margin:0 auto;font-size:22px;line-height:50px;font-weight: bold;text-align:center;background:url(pro_bottombg.jpg) center 92px no-repeat;padding-top:10px;}
.hot_about span{display: block;font-weight: normal;font-size:33px;}
.hot_about p{display: block;font-weight: normal;line-height: 56px;font-size:14px;}
.about_hot{
    /* width:1200px; */
    margin:0 auto;overflow: hidden;padding: 20px 0;}
.about_hot span{line-height:30px;font-size:22px;
    /* width:480px; */
    padding:28px 0 10px 40px;font-weight: bold;display: block;}
.about_hot p{line-height:28px;
    /* width:620px; */
    padding:0 0 0 40px;text-indent:2em;font-size: 12px;}
.about_hot img{float:right;border: 4px solid #fff;}
.about_more{float:right;font-size:16px;line-height:32px;width:156px;text-align:center;background:#cd8b5b;color: #fff;border-radius:5px;}

.about_left_video{width: 509px;
    /* height: 300px; */
    float: right;}
.page_video_ul li{width: 50%;float: left;}
.page_video_ny video{height: 248px;}
.page_video_ny{width: 420px;height: 300px;}


.area{clear: both;overflow:hidden;background:url(area.jpg) center 90px no-repeat;}
.hot_area{
    /* width:1200px; */
    margin:0 auto;font-size:28px;line-height:56px;font-weight: bold;text-align:center;background:url(pro_bottombg.jpg) center 116px no-repeat;padding-top:30px;}
.hot_area span{display: block;font-weight: normal;line-height: 56px;font-size:28px;color: #A3A3A3;}
.area_hot{
    /* width:1200px; */
    margin:0 auto;padding-top:80px;padding-bottom:50px;overflow: hidden;}
.area_hot p{text-align:center;font-size:14px;}
.area_hot span{clear: both;text-align: center;display: block;font-size: 23px;line-height: 64px;}
.area_youshi li{float:left;text-align:center;width:168px; margin:0 66px;}
.area_youshi li p{font-size:14px;line-height:45px;display: block;}
.area_youshi li a:hover p{color:#B70004;}
.area_liuchen{margin:20px 144px;overflow: hidden;background:url(area_liuchen.jpg) center top no-repeat;}
.area_liuchen li{float:left;text-align:center;width:162px; margin:0 33px;font-size:18px;line-height:42px;display: block;color:#fff;}
/*.area_liuchen li p{font-size:18px;line-height:42px;display: block;color:#fff;}
.area_liuchen li a:hover p{color:#B70004;}*/



#pro_index{overflow:hidden;
    /* width:1320px; */
    margin:0 auto;padding-bottom:30px;}
.pro_demo{overflow:hidden;
    /* width:1320px; */
    margin:0px auto;}
.hot_proin{text-align:center;background:url(pro_bottombg.jpg) center 92px no-repeat;padding-top:10px;}
.hot_proin h2{font-size:22px;line-height:50px; }
.hot_proin span{display: block;font-weight: normal;font-size:33px;}
.hot_proin p{display: block;font-weight: normal;line-height: 56px;font-size:14px;}
#demo{
    /* width:1200px; */
    float:left;padding-top: 8px;overflow: hidden;height:400px;margin:0px auto;*position:relative;*left:0;*top:0;}
#demo h3{text-align: center;width:190px;line-height:36px;height:36px;background: #79A9BF;margin: 0 auto;color: #fff;position:relative;top: -20px;left:0;}
#demo img{display: block;border: 1px solid #bfbfbf;}
.left{float:left;padding-right:12px;padding-top:190px;}
.right{float:right;padding-left:12px;padding-top:190px;}
#indemo {float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}
#demo ul{width:100%;}
#demo ul li{ width:287px; height:400px; float:left;text-align:center;margin: 0 6px;}

.ztcp{margin: 15px auto;width: 1200px;height:530px;padding: 10px;border: 1;border-radius: 5px;}
.ztcp .ztcptop{height: 260px;border-bottom: 1px #ccc dashed;}
.ztcp .ztcpbot{height: 260px;}
.ztcp h2{text-align: center;margin: 15px;font-size: 20px;}
.ztcp p{text-indent: 2em;font-size: 14px;line-height: 2em;}
.ztcp span{width: 30%;float: left;text-align: center;margin-top: 45px;}
.ztcp .cpr{width: 70%;float: right;}

.news_index{overflow:hidden;background:url(news_bg.jpg) center top no-repeat;padding-bottom:30px;}
.hot_news{
    /* width:1200px; */
    margin:0 auto;text-align:center;background:url(pro_bottombg.jpg) center 92px no-repeat;padding-top:10px;}
.hot_news h2{font-size:22px;line-height:50px;font-weight: bold;}
.hot_news span{display: block;font-weight: normal;font-size:33px; text-transform:uppercase}
.hot_news p{display: block;font-weight: normal;line-height: 56px;font-size:14px;}
.news_hot{
    /* width:1200px; */
    margin:0 auto;overflow: hidden;padding: 20px 0;}
.news_hot img{float:right;}
.area_news{float:left;overflow: hidden;width: 1200px;}
.area_news li{float:left;padding:20px 0;border-bottom: 1px solid #a0a0a0;
    /* width: 900px; */
}
.news_name{font-size:18px;line-height:40px;display: block;font-weight: bold;}
.area_news li:hover a{color:#B70004;}
.time{display: block;font-size:24px;line-height: 46px;width:80px;text-align:center;background: #77a8bd;color:#fff;float:left;margin-right:20px}
.time p{font-size:14px;line-height:24px;color:#fff;padding-bottom: 10px;}
.news_more{float:right;position:relative;top:-100px;right:150px;line-height:55px;width:120px;text-align:center;background:#CD8B5B;color:#fff;}

#foot_map{background:url(map_home.jpg) center top no-repeat;overflow:hidden;height:274px;}
#foot_bg{background:url(bottom_bg.jpg) left top repeat-x #000;overflow:hidden;}
.foot_index{
    /* width:1200px; */
    margin:0 auto;overflow: hidden;padding-bottom:30px;}
.foot_top{overflow: hidden;text-align:center;}
.foot_tel{
    /* float:left;background: url(foot_tel.jpg) left 42px no-repeat; */
    font-size:30px;line-height:36px;
    /* padding-left:30px; */
    padding-top: 34px;
    /* margin-left:350px; */
    color:#fff}
.foot_tel span{font-size:15px;line-height:18px;color: #d6d6d6;}
.foot_seach{width:370px;float:right;}
.footer_link{width:80px;float:left;
    /* margin: 0 100px 0 30px; */
}
.footer_link li a{line-height:28px;font-size:16px;color: #d6d6d6;}
.foot_case{width:105px;float:right;
    /* margin:0 35px 0 0; */
    margin-right: 10px;
}
.foot_seach p{line-height:24px;font-size:16px;color: #d6d6d6;}
.footer_link li a:hover{color: #fff;}
.foot_contact p{line-height:28px;font-size:16px;color: #d6d6d6;}
.foot_name{color: #d6d6d6;line-height:32px;font-size:16px;margin:40px 0 10px 0;display: block;font-weight: bold;border-bottom: 1px solid #fff;}
.foot_contact{width:340px;float:left;margin: 0 80px 0 10px;}
.foot_news{width:320px;float:left;margin: 0 80px 0 0;}
.foot_news li{float:left;width:160px;}
.foot_news li a{line-height:28px;font-size:16px;color: #d6d6d6;}
.foot_news li a:hover{color: #fff;}
.foot_link{overflow:hidden;clear: both;text-align: center;padding-bottom:8px;margin-top: -7px;}
.foot_link p{
    /* width:1200px; */
    margin:0 auto;color: #fff;line-height:35px;font-size:13px;}
.foot_link a{color: #fff;line-height:35px;font-size:13px;}
.foot_link a:hover{color: #fff;}

#ban{background:url(ban.jpg) center top no-repeat;height:380px;}
.banner_in{margin:0px auto; width:100%; background:url(banner_inside.jpg) no-repeat top center; height:380px;}
#container{margin:0px auto; 
    /* width:1200px; */
     margin-top:20px; margin-bottom:20px; overflow:hidden;
     /* background:url(title_bottom.jpg) center 80px no-repeat; */
    }
#mydefault{float:right; width:893px;}
.subtitle{background:url(h1title_bg.jpg) no-repeat left top; height:70px; line-height:70px;}
.subtitle p{ font-size:20px; color:#0a090e;font-family:"Microsoft YaHei"; font-weight:bold; margin-left:15px; line-height:70px;margin-bottom:20px;background:url(title_ny.jpg) left 50px no-repeat;}
.weizhi{float:right; margin-right:10px;color:#999999;line-height: 69px;}
.weizhi a{color:#999999;}
.weizhi .color_css{color:#c42715;}
.mydefault_content{margin-top:20px; padding-bottom:20px; overflow:hidden;}
.image{overflow: hidden;}
.image li{float:left;margin:5px 4px;_margin:5px 2px;width:287px;height:424px;border: 1px solid #b5b5b5;}
.image h3{line-height:48px; background:url(more02.jpg) no-repeat right bottom;text-align:center; }
.image li:hover{color:#da251d;border: 1px solid #da251d;}
.image h3:hover{background:url(more02list.jpg) no-repeat right bottom;}





.page{clear:both; text-align:right;}
.page a{margin:0px 10px;}
.page a.active{font-weight:bold;color: #c42715;}
#navigation{float:left; width:287px;}
.nav_h2title{background:url(list_topny.jpg) no-repeat left top; height:70px;margin-bottom:20px;}
.nav_h2title p{ font-size:24px; color:#fff; margin-left:32px; font-family:"Microsoft YaHei";line-height:62px;}
.nav_en{font-family:arial; color:#a9a9a9; font-size:14px; text-transform:uppercase; margin-left:20px;}
.prolist_nav{overflow:hidden; margin-bottom:30px;border: 1px solid #e8e8e8;}
.prolist_nav li{border-bottom:1px solid #e8e8e8;}
.prolist_nav a{ display:block; padding-left:60px; font-size:18px;background:url(list_link.jpg) no-repeat 30px center; margin-right:18px;font-family:"Microsoft YaHei";line-height:55px;}
.prolist_nav a:hover{color:#c42715;}
.prolist_nav a.red:link,.prolist_nav a.red:visited{color:#c42715;}

.contact_h2title{background:url(list_topny.jpg) no-repeat left top; line-height:62px; color:#fff; padding-left:40px; font-size:24px;font-family:"Microsoft YaHei";}
.navcontact{overflow:hidden; margin-bottom:20px;margin-top:25px;border: 1px solid #e8e8e8;}
.navcontact p{font-size:18px;line-height:42px;padding-left:10px;border-bottom:1px solid #e8e8e8;color:#525050;}



.biaoti{margin:0px auto;text-align:center;font-size:16px;font-weight:bold;line-height:30px;color: #c42715;padding: 50px 0 15px 0;}
span.hit{margin:0px auto;text-align:center;display:block;line-height:30px;padding-bottom: 10px;}
#proshow img{margin:0px auto;text-align:center;display:block;}
.nr{margin:0px 15px 15px 15px;}
.nr img{margin-top:10px;}
#up_down,.details{clear:both;width:95%; margin-left:8px;border:1px solid #ccc;padding-left:15px;margin-bottom:10px; font-size:12px; line-height:30px;}
.new_inside{margin-bottom:20px; margin-left:12px; margin-right:12px;}
.new_inside li{line-height:36px; border-bottom:1px dashed #d7d7d7; margin-bottom:10px;}
.new_inside li a{line-height:36px; font-size:14px; padding-left:20px;}
.new_inside li:hover a{color:#c42715;}
.new_inside span{float:right; margin-right:10px;line-height:36px; }
.about{margin-left:20px; margin-right:20px;}
.about02{margin-left:20px; margin-right:20px;}
.about02 p{line-height:30px; font-size:14px;text-indent: 2em;}



#sj{
    position: fixed;
    _position: absolute;
    top: 300px;
    left: 0px;
    background: #cfcfcf;
    z-index: 9999;}

#sj p{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #ff0000;
}

#page,.page{display: flex;justify-content: center;text-align: center;align-items: center;clear: both;flex-wrap: wrap;}
#page li{margin: 0;padding: 0;width: unset;border: 0;}
#page a.active,.page a.active{color: #fff;border: 1px solid;width: 20px;background-color: #5bc6f0;padding: 0;}
#page a,.page a{color:#434343;display:inline-block;margin:3px;padding:3px;}


@media (max-width: 1000px) { 
.ztcp{ display:none;}
.ztcp span{ display:none;}
.ztcp .cpr{ display:none;}
}