@charset "utf-8";
/* CSS Document */

html{min-width:1100px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#333; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background:url(../images/body_bg.png) no-repeat bottom center;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1100{width:1100px; margin:0 auto; clear:both}
.header{position:relative; height:90px;}
.logo{position:absolute; left:0px; z-index:999;}
.lang{width:80px; position:absolute; height:70px; padding-top:20px; border-left:#f3f3f3 1px solid; padding-left:20px; right:-115px;}
.lang a{width:100%; line-height:20px; margin-bottom:10px; color:#999; float:left;}
.lang a img{vertical-align:middle; margin-right:5px;}
.lang a:hover,.lang a.active{color:#e04622}
.menu{width:720px; padding-top:10px; float:right;}
.mainlevel{width:90px; /*IE6 only*/ height:80px; text-align:center; position:relative; z-index:999; float:left;}
.mainlevel a{width:90px; height:80px; line-height:80px; display:block; font-size:14px; color:#333;}
.mainlevel a:hover,.mainlevel a.active{background:url(../images/menu_hover.png) no-repeat center; color:#e04622;}
.mainlevel ul{width:90px; display:none; position:absolute; padding:10px 0px; left:0px; background:#e04622; z-index:9;}
.mainlevel li{width:100%;/*IE6 only*/ height:30px; line-height:30px;}
.mainlevel li a{width:100%;/*IE6 only*/ display:block; padding:0px; height:28px; line-height:28px; background:none; color:#fff; font-size:12px;}
.mainlevel li a:hover{background:#e95938; font-weight:normal; color:#fff;}
.recom{width:1100px; position:relative; margin:0 auto; top:0px; z-index:999;}
.recom a.a1{position:absolute; left:-140px; top:18px;}
.recom a.a2{position:absolute; left:140px; top:18px;}
.recom a.a3{position:absolute; left:0px; top:155px;}
.pad50{padding:50px 0px; border-bottom:#dbe0e3 1px solid;}
#scrollbox{width:100%; position:relative; float:left;}
#scrollbox li{width:187px; height:46px; text-align:center; margin:0px 27px; float:left;}
.intro_l{width:525px; float:left;}
.intro_l div{width:100%; line-height:24px; color:#666; margin:40px 0px; clear:both}
.intro_l a{width:140px; height:40px; line-height:40px; border:#e04622 1px solid; color:#e04622; text-align:center; text-transform:uppercase; display:inline-block;}
.intro_l a:hover{background:#e04622; color:#fff;}
.intro_r{width:570px; position:relative; float:right;}
.intro_r a.a1{position:absolute; left:-150px; top:0px;}
.intro_r a.a2{position:absolute; right:0px; top:0px;}
.intro_r a.a3{position:absolute; left:35px; top:185px;}
.intro_r a.a4{position:absolute; left:122px; top:-12px;}
.intro_r a.a5{position:absolute; right:-13px; top:272px;}
.intro_r a.a6{position:absolute; right:87px; top:368px;}
.video_wrap{width:100%; height:550px; background:url(../images/video_wrap.jpg) no-repeat top center; text-align:center; margin-top:60px; clear:both;}
.video_wrap img{padding-top:195px; cursor:pointer;}
.overlay{width:100%; height:100%; background:url(../images/bg_00.png) repeat; position:fixed; z-index:999;left:0; top:0; overflow:hidden; display:none;_position:absolute;}
.reserve{position:fixed; width:700px; height:450px; z-index:99999; left:50%; top:150px; margin-left:-390px; display:none;}
.close{position:absolute; width:25px; height:25px; right:0px; top:0px; background:url(../images/gb.png) no-repeat; overflow:hidden; cursor:pointer;}
.tit{width:1100px; padding:30px 0px; font-size:18px; line-height:35px; margin:10px auto 0px; clear:both;}
.news{width:1122px; height:450px; margin:0 auto; clear:both;}
.news li{width:350px; margin:0px 12px; overflow:hidden; float:left;}
.news li img{width:350px; height:170px; transition:all 0.8s ease-in-out;}
.news li h4{height:36px; line-height:36px; font-weight:normal; margin-top:5px; clear:both}
.news li p{background:url(../images/data.jpg) no-repeat left center; height:22px; line-height:22px; text-indent:2em; clear:both}
.news li div{margin:20px 0px; line-height:24px; color:#999; clear:both}
.news li a{color:#333; text-transform:uppercase;}
.news li:hover a{color:#e04622;}
.news li:hover img{transform:scale(1.05)}
.footer{width:100%; height:300px; padding-top:60px; clear:both;}
.f_l{width:320px; float:left;}
.f_l h2{line-height:50px; font-weight:normal; clear:both}
.f_l h2 span{font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.in_v1{width:310px; height:27px; line-height:27px; text-indent:1em; border:#ddd 1px solid; font-size:12px; color:#999; background:none; margin-bottom:5px;}
.in_v2{width:150px; height:27px; line-height:27px; text-indent:1em; border:#ddd 1px solid; font-size:12px; color:#999; background:none; margin-bottom:5px; margin-right:5px;}
.area{width:310px; height:75px; font-size:12px; color:#999; line-height:24px; text-indent:1em; border:#ddd 1px solid; font-family:"微软雅黑"; background:none; margin-bottom:10px;}
.f_btn{width:310px; height:27px; line-height:27px; border:#ddd 1px solid; cursor:pointer; background:none; text-align:center; color:#999;}
.f_z{width:345px; float:left;}
.f_c{width:225px; padding-left:25px; float:left;}
.f_c h4{font-weight:normal; line-height:44px; border-bottom:#ddd 1px solid; clear:both}
.f_c a{width:45%; margin-right:5%; line-height:32px; border-bottom:#ddd 1px solid; color:#333; font-size:12px; display:block; float:left;}
.f_c a:hover{color:#e04622;}
.f_x{width:95px; padding-left:25px; float:left}
.f_x h4{font-weight:normal; line-height:44px; border-bottom:#ddd 1px solid; clear:both}
.f_x a{width:100%; line-height:32px; border-bottom:#ddd 1px solid; color:#333; font-size:12px; display:block; float:left;}
.f_x a:hover{color:#e04622;}
.f_r{width:360px; height:200px; padding:10px 0px; line-height:20px; border-left:#ddd 1px solid; padding-left:30px; float:right;}
.f_r h4{font-weight:normal; line-height:25px; clear:both}
.f_r h2{font-size:28px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; clear:both}
.f_r p{font-size:12px;}

.ny_banner{width:100%; height:400px; position:relative; clear:both}
#about{background:url(../images/about_banner.jpg) no-repeat top center;}
#pro{background:url(../images/pro_banner.jpg) no-repeat top center;}
#news{background:url(../images/news_banner.jpg) no-repeat top center;}
#area{background:url(../images/area_banner.jpg) no-repeat top center;}
#net{background:url(../images/net_banner.jpg) no-repeat top center;}
#ser{background:url(../images/ser_banner.jpg) no-repeat top center;}
#cont{background:url(../images/cont_banner.jpg) no-repeat top center;}
#use{background:url(../images/area_banner.jpg) no-repeat top center;}

/*about*/
.pos_wrap{width:100%; height:56px; line-height:56px; position:relative; margin-top:-12px; background:url(../images/pos_bg.png) no-repeat top center; clear:both}
.pos_l{float:left;}
.pos_l h2{width:100px; text-align:center; padding-right:15px; float:left}
.pos_l ul{float:left;}
.pos_l ul li{width:95px; text-align:center; margin-right:1px; float:left;}
.pos_l ul li a{display:block; font-size:14px; color:#333;}
.pos_l ul li a:hover,.pos_l ul li a.active{color:#fff; background:#e04622;}
.pos_r{float:right;}
.pos_r a{color:#333;}
.ny_del{padding:20px 0px; min-height:300px; line-height:28px;}

/*products*/
.pro_list{width:100%; clear:both;}
.pro_list li{width:265px; margin:0px 5px 5px; float:left;}
.pro_list li img{width:265px; height:200px; float:left;}
.pro_list li p{height:40px; line-height:40px; color:#333; text-align:center; clear:both}
.pro_list li:hover p{color:#e04622}

/*news*/
.news_z{width:780px; border-bottom:#ebebeb 1px solid; float:left;}
.news_z li{width:100%; padding:20px 0px; border-top:#ebebeb 1px solid; float:left}
.news_z li h3{height:30px; line-height:30px; clear:both}
.news_z li h3 a{color:#333;}
.news_z li h3 a:hover{color:#e04622;}
.news_z li div{height:50px; margin:5px 0px; line-height:22px; font-size:14px; color:#999; overflow:hidden; clear:both}
.news_z li a.more{background:url(../images/more_bg.jpg) no-repeat center; width:77px; height:31px; line-height:30px; color:#8c8c8c; text-align:center; display:block;}
.news_y{width:280px; float:right;}
.news_y li{width:280px; margin-bottom:15px; border-bottom:#ddd 1px dashed; float:left;}
.news_y li img{width:280px; height:135px; float:left}
.news_y li p{line-height:40px; color:#333; clear:both}
.news_y li:hover p{color:#e04622;}

/*联系我们*/
.con_l{width:380px; line-height:26px; font-size:14px; float:left;}
.con_l h3{line-height:35px; clear:both}
.con_r{float:right;}
.con_r li{width:130px; padding-left:20px; text-align:center; float:left;}
.con_r li img{width:130px; height:130px; float:left;}
.con_r li p{line-height:30px; clear:both}

.sub{width:1100px; margin:0 auto; clear:both;}
.sub li{width:110px; height:40px; line-height:40px; margin-top:20px; text-align:center; float:left;}
.sub li a{color:#333; font-size:14px; display:block;}
.sub li a:hover,.sub li a.active{background:#e04622; color:#fff;}

/*修改*/
.pro_wrap{width:100%; height:510px; padding:20px 0px; margin-top:50px; background:#f9f9f9; clear:both}
.pro_t{width:100%; height:45px; clear:both}
.pro_t h2{float:left; font-size:30px; color:#333;}
.pro_t a{float:right; color:#666;}
.pro_d{width:100%; height:460px; float:left}
.cp{width:1130px; padding:20px 0px; min-height:300px; margin:0 auto;}
.cp li{width:260px; height:354px; padding:8px; margin:0px 3px 10px; background:url(../images/squ_v1.png) no-repeat top; float:left;}
.cp li img{width:260px; height:180px; float:left;}
.cp li h2{width:100%; height:20px; font-weight:normal; line-height:20px; margin:10px 0px; float:left;}
.cp li h2 span{float:left;}
.cp li h2 a{float:right; font-size:12px; background:#ccc; color:#fff; padding:0px 5px;}
.cp li div{width:100%; border:#d9d8d8 1px solid; border-bottom:none; text-indent:1em; line-height:20px; float:left}
.cp li div p{border-bottom:#d9d8d8 1px solid; clear:both}
.cp li:hover{background:url(../images/squ_v2.png) no-repeat top;}
.cp li:hover h2 a{background:#e04622;}