﻿* { font-family:'Microsoft YaHei'; outline:none; }
body { margin:0; padding:0; }
img { border:0; vertical-align:bottom; }
a { text-decoration:none; color:#666; }
ul,li { list-style:none; margin:0; padding:0;  }
.transition1 {
    transition: all .5s;
    -moz-transition: all .5s;	/* Firefox 4 */
    -webkit-transition: all .5s;	/* Safari 和 Chrome */
    -o-transition: all .5s;  
}
.container { width:1160px; margin:0 auto; }


     
.header { width:100%; min-width:1160px; height:143px; background:url(/cn/images/logobg.png) top center no-repeat; z-index:999; position:fixed; }   
.header .lang { padding-left:15px; }
.header .lang a { font-size:14px; margin-right:5px; }

.header .nav ul { width:auto; margin-right:135px; display:block;  }
.header .nav ul li { float:left; width:100px; margin-right:10px; height:30px; }
.header .nav ul li a { display:block; width:100%; height:30px; color:#504f4f; font-size:16px; line-height:30px; background:#fff; border-radius:15px; text-align:center; 
    transition: all .5s;
    -moz-transition: all .5s;	/* Firefox 4 */
    -webkit-transition: all .5s;	/* Safari 和 Chrome */
    -o-transition: all .5s;            
}
.header .nav ul li a.click { background:#077acc; color:#FFF; }
.header .nav ul li a:hover { background:#077acc; color:#FFF; }
        
.header form { display:block; float:right; width:135px; height:30px; background:#fff; padding-left:10px; border-radius:50px; line-height:30px; overflow:hidden; }
.header form input[type=text] { float:left; width:100px; border:0; height:28px; outline:none; line-height:28px; }
.header form input[type=submit] { float:right; width:30px; height:30px; border:0; background:url(/cn/images/in_ico01.png) center no-repeat; }

.in_btn_box { position:absolute; top:0; right:30px; width:50px; height:100%; z-index:999; }
@media (max-width: 1200px) {
    .in_btn_box { right:10px; }
}
#in_btn_items a { display:block; width:27px; height:27px; background:url(/cn/images/in_btn_item.png) center no-repeat; margin-top:10px; }
#in_btn_items a.click { background:url(/cn/images/in_btn_item_click.png) center no-repeat; }


.in_body { position:absolute; top:0; left:0; overflow:hidden;  min-width:1160px; width:100%; height:100%; }

.in_screen { background-size: auto 100%!important; }
.in_screen1_con { padding-top:143px; width:1160px; margin:0 auto; position:relative; height:100%; }
.in_screen1_con .fl { display:block; width:497px; height:190px; position:absolute; left:0; top:50%; margin-left:-200px; opacity:0; filter:alpha(opacity=0);  margin-top:-190px; }
.in_screen1_con .fl img { width:100%; }
.in_screen1_con .fr { right:0; display:block; position:absolute; top:50%; margin-right:-200px; opacity:0; filter:alpha(opacity=0);  margin-top:-322px; width:596px; height:644px; }
.in_screen1_con .fr img { display:block; width:100%; }

.in_screen2_con {/* background:url(/cn/images/inproimg.png) no-repeat center;*/ background-size:100% 100%!important; position:absolute; height:600px; width:945px; left:50%; top:50%; margin-left:-472.5px; margin-top:-280px; }
.in_screen2_con a { display:block; width:235px; border-top:1px solid #fff; border-left:1px solid #fff;   height:199px; float:left; }

.in_screen2_con a img { display:none; width:199px; height:199px; margin:0 auto; margin-left:18px; }
.in_screen2_con a img.in_scr2_title { display:block; opacity:0; filter:alpha(opacity=0); width:291px; height:129px; margin-top:35px; margin-right:220px; float:right;  }

.in_screen2_con a.none { border-color:transparent; }

.in_screen3_con { width:445px; height:215px;  width:100%; margin-top:-100px; top:50%; position:absolute; }
.in_screen3_con img { width:340px; height:85px; display:block; float:right; opacity:0; filter:alpha(opacity=0); margin-right:-200px; }
.in_screen3_con p { text-align:right;width:445px; float:right; color:#666; line-height:30px; height:90px; overflow:hidden;opacity:0; filter:alpha(opacity=0); margin-right:-200px; }
.in_screen3_con a { display:block; float:right; width:135px; height:35px; line-height:35px; text-align:center; color:#fff; border-radius:15px; background:#f5749f;opacity:0; filter:alpha(opacity=0); margin-right:-200px; }
.banner3_img { position:absolute; bottom:0; left:50%; margin-left:-1047px; opacity:0; filter:alpha(opacity=0); }

.sub_banner { height:409px; display:block; }
.sub_nav { height:70px; line-height:70px; font-size:13px; border-bottom:1px solid #ddd; }
.sub_nav .location { background:url(/cn/images/in_ico02.png) 5px center no-repeat; padding-left:30px; float:left; }
.sub_nav .location span { color:#ff9600; }
.sub_nav .menu { float:right; font-size:16px;  text-align:right; }
.sub_nav .menu a { margin-left:10px; height:68px; line-height:70px; display:inline-block; }
.sub_nav .menu a:hover { color:#077acc; }
.sub_nav .menu a.click { color:#077acc; border-bottom:2px solid #077acc; }
.sub_con { margin-top:85px; }
.editor {  }
.editor p { margin:5px auto; word-break:break-word; font-size:14px; color:#666; }

.list1 { width:1200px; }
.list1 a { background:#f7f7f7; display:block; float:left; width:275px; margin-right:20px; height:260px; margin-bottom:30px; }
.list1 a img { width:275px; height:202px; }
.list1 a p { margin:0px; text-align:center; height:55px; line-height:55px; display:block; font-size:14px; color:#434343; }

.list2 .item { padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #eee;  }
.list2 .item img { float:left; width:276px; height:201px; }
.list2 .item .con { float:right; width:860px; }
.list2 .item .con .tt { font-size:24px; display:block; line-height:none; color:#666; }
.list2 .item .con span { font-size:13px; color:#888; margin-top:15px; display:block; }
.list2 .item .con p { font-size:13px; color:#666; line-height:20px; height:60px; overflow:hidden; }
.list2 .item .con .dl { background:#bcbcbc; margin-top:20px; display:block; width:108px; height:38px; text-align:center; line-height:38px; color:#fff; border-radius:5px; font-size:14px; }
.list2 .item .con .dl:hover { background:#077acc; }

.list3 a { height:146px; padding:10px; display:block; margin-bottom:10px; background:#f7f7f7; 
          transition:all .5s;
          -webkit-transition:all .5s;
          -moz-transition:all .5s;
          -o-transition:all .5s;
}
.list3 a:hover { background:#bfbfbf; }
.list3 a img { width:172px; height:146px; float:left; }
.list3 a:hover .con {  color:#fff; }
.list3 a .con { font-size:14px;float:right; width:950px; }
.list3 a .con .tt { font-size:18px; line-height:40px; height:40px; overflow:hidden; }
.list3 a .con .dd { height:50px; line-height:25px; overflow:hidden; }
.list3 a .con .dl { margin-top:10px; background:#077acc; color:#fff; width:98px; height:30px; line-height:30px; text-align:center; font-size:14px; }

.pro_menu { margin-top:20px; }
.pro_menu a { float:left; margin-right:10px; background:#f4f4f4; color:#666; font-size:14px; display:inline-block; padding:10px 15px;   }
.pro_menu a:hover {  background:#077acc;  color:#fff; }
.pro_menu a.click { background:#077acc;  color:#fff; }
.pro_directory { margin-top:20px; font-size:14px; }
.pro_directory a { margin-right:10px; text-decoration:none; color:#666; }
.pro_directory a:hover { color:#077acc; }
.pro_directory a.click { color:#077acc; }

.pro_com .img { width:557px; float:left; }
.pro_com .img .bigimg { width:557px; height:469px; margin-bottom:10px; border:1px solid #eee; }
.pro_com .intr { float:right; width:550px; }
.pro_com .intr .tt { font-size:20px; font-weight:bold; margin-bottom:20px; }
.pro_com .intr .dl {  }

.pro_detail { margin-top:50px;  }
.pro_detail .prod_head { border:1px solid #ececec; background:#fbfbfb; }
.pro_detail .prod_head span { background:#077acc; color:#fff; display:block; width:135px; height:50px; line-height:50px; text-align:center; }

.proimg_list { width:557px; height:82px; }
.proimg_list span { cursor:pointer; display:block; width:20px; height:82px; background:url(/cn/images/proimg_btn.png) no-repeat; }
.proimg_list span.tr { float:right; background-position:right center; }
.proimg_list span.tl { float:left; background-position:left center; }
.imgsBox {  width:auto; overflow:hidden; margin:0 20px; height:82px; }
.imgsBox .warp { width:100000px; height:82px; }
.imgsBox a { display:block; width:96px; height:80px; margin-right:10px; float:left; border:1px solid #e1e1e1; }
.imgsBox a img {  width:96px; height:80px; border:0; }
.imgsBox a.click { border:1px solid #f00; }
