/*make from Mr.Shine in 2015-12-25*/
/*all*/
*{font-family: "Microsoft YaHei",'微软雅黑'!important;  font-size: 14px;}
.container{width:1200px;margin:0 auto;}
.clearfix,.clear{clear:both;padding:0;margin:0;float:none;}
.fl{float:left;}
.fr{float:right;}
/*head*/
#head{height:90px;overflow:hidden;}
#head .top{height:40px;background:#7F7F7F;}
#head .bottom{height:50px;}
#head .logo{height:78px;margin-top:-78px;}
#head .logo h1,#head .logo a{height:78px;width:155px;margin:0 auto;}
#head .logo a{display:block;text-indent:-9999px;}
#head .bottom .tel p{background:url(../images/tel.jpg) no-repeat left center;font-size: 24px;padding-left: 33px;font-weight: bold;height: 50px;line-height: 50px;}
#head .search{height: 30px;padding-top: 10px;}
#head .search form{border: 1px solid #D2D2D2;}
#head .search input{height: 26px;line-height: 30px;border: 0;padding-left:2px;padding-left:10px;}
#head .search button{border:0;background:url(../images/search.jpg) no-repeat center center;text-indent:-9999px;height:26px;}
/*nav*/
#nav{height:50px;background:#c40007;}
#nav li{float:left;height:50px;line-height:50px;position:relative;width:calc(10% - 1px);text-align:center;border-right:1px solid #AFAFAF;}
#nav li a{color:#fff;width:100%;display:block;}
#nav li:last-child{border-right:none;}  
#nav a:hover{color:#A7EAFF;}
#nav .nav .block {display:none;}
#nav .nav .sub{z-index: 110;height:120px;padding-top:5px;position:absolute;top:50px;display:none;background: rgb(0,0,0);background: rgba(0,0,0,0.7)!important;filter:Alpha(opacity=80); }
#nav .nav .menu_1,#nav .nav .menu_3{width:325px;}
#nav .nav .menu_1 dd{height: 30px;line-height: 30px;}
#nav .nav .menu_3 dd{height: 30px;line-height: 30px;}
#nav .nav .menu_2{width:550px;}
#nav .nav .menu_2  a {padding: 0!important;padding-left: 34px!important;}
#nav .nav .menu_2 dd {float: left;line-height: 23px;width: 183px;font-size: 14px;}
#nav .nav .menu_2 .nav_dob{width:369px;}
#nav .nav .sub dd a{border:0;}
#nav .nav .nav_dob{height: 120px;}
#nav .nav img{margin-left: 10px;padding: 5px; padding-left: 15px;border-left: 1px solid #fff;z-index: 5;}
/*banner*/
#banner{margin-bottom:30px;}
#banner .bx-controls{display:none;}
/*cate*/
#main .cate li{width:174px;height:80px;margin-right:82px;padding-top:16px;float:left;}
#main .cate li a{color:#fff;display:block;width:140px;text-align:center;margin:0 auto;padding-top: 45px;}
#main .cate li.cate1{background:url(../images/index_bg1-1.jpg) no-repeat center center;}
#main .cate li.cate2{background:url(../images/index_bg2.jpg) no-repeat center center;}
#main .cate li.cate3{background:url(../images/index_bg3.jpg) no-repeat center center;}
#main .cate li.cate4{background:url(../images/index_bg4.jpg) no-repeat center center;}
#main .cate li.cate5{background:url(../images/index_bg5.jpg) no-repeat center center;}
#main .cate li.cate1:hover{background:url(../images/index_bg1.jpg) no-repeat center center;}
#main .cate li.cate2:hover{background:url(../images/index_bg2-1.jpg) no-repeat center center;}
#main .cate li.cate3:hover{background:url(../images/index_bg3-1.jpg) no-repeat center center;}
#main .cate li.cate4:hover{background:url(../images/index_bg4-1.jpg) no-repeat center center;}
#main .cate li.cate5:hover{background:url(../images/index_bg5-1.jpg) no-repeat center center;}
#main .cate li.cate1 a{background:url(../images/index_bg1_bg.png) no-repeat top center;}
#main .cate li.cate2 a{background:url(../images/index_bg2_bg.png) no-repeat top center;}
#main .cate li.cate3 a{background:url(../images/index_bg3_bg.png) no-repeat top center;}
#main .cate li.cate4 a{background:url(../images/index_bg4_bg.png) no-repeat top center;}
#main .cate li.cate5 a{background:url(../images/index_bg5_bg.png) no-repeat top center;}
/*about*/
#main .about{width:585px;float:left;margin-top:30px;}
#main .about .mt h2{background:url(../images/icon1.png) no-repeat left center;}
#main .mt{background:url(../images/tit_bg.jpg) no-repeat;height:39px;overflow:hidden;}
#main .mt h2{color:#fff;font-size:16px;line-height:39px;padding-left:30px;float:left;margin-left: 20px;}
#main .mt a.more{float:right;line-height:39px;font-size:12px;margin-right:5px;}
#main .about .mc {font-size:12px;line-height:25px;padding-top:10px;color:#000;}
#main .about .mc p img{margin-left: 30px;}
#main .news{width:585px;float:right;margin-top:30px;}
#main .news .mt h2{background:url(../images/icon2.png) no-repeat left center;}
#main .news .mc li{height:35px;line-height:35px;background:url(../images/dotted.jpg) repeat-x bottom;}
#main .news .mc li a{float:left;display: block;width: 485px;height: 35px;font-size:12px;margin-left: 5px;overflow: hidden;}
#main .news .mc li span{float:right;font-size:12px;}
#main .lease{margin-top:30px;}
#main .lease .mt h2{background:url(../images/icon3.png) no-repeat left center;}
#main .lease .mc{padding-top:20px;}
#main .lease .mc li{float:left;padding-right: 20px;margin-bottom:22px;}
#main .lease .mc li a{display:block;height:263px;width:283px; border: 1px solid #F7F7F7;}
#main .lease .mc li:hover a{border:1px solid #E2E0E0;}
#main .lease .mc li img{width: 281px;height: 211px;}
#main .lease .mc li p{text-align:center;margin-top: 10px;margin-bottom: 20px;width: 281px;height: 18px;overflow: hidden;}
#main .product{margin-top:30px;}
#main .product .mt h2{background:url(../images/icon3.png) no-repeat left center;}
#main .product .mc{padding-top:20px;}
#main .product .mc li{float:left;margin-right: 22px;    border: 1px solid #F7F7F7;margin-bottom:22px;}
#main .product .mc li:hover{border:1px solid #E2E0E0;}
#main .product .mc li img{width: 281px;height: 211px;}
#main .product .mc li p{text-align:center;margin-top: 10px;margin-bottom: 20px;width: 281px;overflow:hidden;height:16px;font-size:14px;}
#main .content .mt{background:#65666a;padding-left:50px;padding-right:100px;height:45px;}
#main .content .mt p{color:#fff;font-size:16px;height:45px;line-height:45px;}
#main .content .mc{height: 152px;padding: 40px;padding-top: 5px;}
#main .content .mc p.title{font-size:26px;font-weight:bold;    margin-bottom: 20px;margin-top: 10px}
#main .content .mc p.nr{line-height: 25px;}
/*col1*/
.col1 {float:left;width:298px;}
.col1 .mt{height:35px;background:url(../images/li_bg.jpg);line-height:35px;margin-bottom:2px;}
.col1 .mt h2{color:#fff;font-size:16px;padding-left:45px;background:url(../images/icon5.jpg) no-repeat 15px center;}
.col1 .mc a:hover{color:#c40007!important;}
.col1 .left_menu {margin-bottom:40px;}
.col1 .left_menu .mc li{height:45px;background:#e8e8e8;padding-left:50px;line-height:45px;margin-bottom:1px;}
.col1 .left_menu .mc li a{color:#000;}
.col1 .left_menu .mc li.cur a{color:#c40007;}
.col1 .left_menu .mc dd{height:35px;line-height:35px;padding-left:50px;background:#f7f8fc;margin-bottom:1px;}
.col1 .left_menu .mc dd a{background:url(../images/point.jpg) no-repeat left center;padding-left:20px;font-size:14px;}
.col1 .left_menu .mc dd a.cur{color:#c40007;}
.col1 .pro_tj li{margin:0 5px;height:250px;border-bottom:1px dotted #000;}
.col1 .pro_tj li .img{width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: -ms-flex;
    -ms-align-items: center;}
.col1 .pro_tj li .img img{max-width: 100%;
    max-height: 100%;
    margin: auto;}
.col1 .pro_tj p{text-align:center;font-size:14px;margin-top:10px;}
/*col2*/
.col2{float:right;width:860px;}
.col2 .mc{line-height:2;}
.col2 h2{line-height:1.5;}
.col2 img{max-width:100%;}
.col2 .mt.catname{height:35px;line-height:35px;margin-bottom:35px;}
.col2 .mt.catname h3{background:url(../images/li_bg.jpg) repeat left center;color:#fff;font-size:16px;padding-left:45px;width:196px;float:left;}
.col2 .mt .crumb{float:right;font-size:14px;}
.col2 .mt .crumb a{font-size:14px;}
.col2 .mt .crumb a:hover{color:#005086;}
/*footer*/
#footer{height:157px;background: #5A5A5A;margin-top:50px;}
#footer .footer_logo a{display:block;width:138px;height:85px;margin-top: 38px;margin-left: 48px;}
#footer .fr{width:1008px;line-height: 30px;position:relative;}
#footer .ft_navlist{margin-top:18px; line-height: 30px;}
#footer .ft_navlist ul{text-align: center;width: 670px;margin: 0 auto;padding:9px 0px;}
#footer .ft_navlist li{float:left;padding: 0px 10px;border-right: 1px solid #fff;height: 12px;line-height: 12px;}
#footer .ft_navlist li a{color:#fff;font-size:12px;}
#footer .fr .qr_code{position:absolute;right:0;top:20px;}
#footer .fr .qr_code img{width:120px!important;}
#footer .friend {margin: 0 auto;width: 718px;line-height:30px;display:flex;justify-content:center;}
#footer .friend li{float:left;color:#fff;font-size:12px;}
#footer .friend a{color:#fff;font-size:12px;padding:0px 4px;}
#footer .copyright,#footer .copyright a,#footer .info{color:#fff;font-size:12px;text-align:center;}
/*product*/
#product .col2 .mc li{float:left;width: 270px;height: 225px;overflow:hidden;position:relative;border:1px solid #efefef;box-shadow:1px 1px 6px #666;margin-right:22px;margin-bottom: 22px;text-align: center;}
#product .col2 .mc li p{font-size:12px;}
#product .col2 .mc li:hover p{color:red;}
#product .col2 .mc li.last{margin-right:0px!important;}
#product .col2 .mc li .img{width:270px;height:200px;display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
#product .col2 .mc li .img img{max-width:100%;
	max-height:100%;
	margin:auto;
}}
#product .col2 .overimg{position: relative;display: block;}
#product .col2 .light{cursor:pointer;position: absolute;left: -308px;top: 0;width: 270px;height: 225px;/* 根据图像高度自行修改 */
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
#product .col2 .overimg:hover .light{left:260px;/* 根据图像宽度自行修改 */-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;}

/*product_show*/
#product_show .p1{width: 100%;height:300px;background:#f7f8fc;padding:20px;    overflow: hidden;}
#product_show .p1 .left{width:360px;float:left;}
#product_show .p1 h4{font-size:16px;}
#product_show .p1 .mt{margin-top:20px;background:url(../images/line.png) repeat-x bottom;padding-bottom: 15px;}
#product_show .p1 .mc{font-size:12px;line-height:32px;}
#product_show .p1 .mc li{list-style-type: disc;        font-size: 12px;     height: 40px;     overflow: hidden;}
#product_show .p1 .mc .tep p{font-size:16px;margin-top:5px;}
#product_show .p1 .mc .tep p span{font-size:18px;color:#c21414;}
#product_show .p1 .mc .tep a{background:url(../images/dinggou.png) no-repeat center center;display:block;margin-top: 30px;font-size:16px;color:#fff;width:118px;text-align:center;height:36px;line-height:36px;}
#product_show .p1 .right{float:right;}
#product_show .p2{margin-top:30px;}
#product_show .p2 .mt{margin-bottom:10px;}
#product_show .p2 .mt h3{background:url(../images/p.jpg) no-repeat left center;color:#c21414;font-size:16px;line-height: 25px;padding-left: 45px;}
#product_show .p2 .mt h3 span{color:#e8e8e8;font-size:16px;font-weight:bold;}
#product_show .p2 .mc{line-height: 30px;width:100%;min-height:160px;background:#f7f8fc;padding:20px;}
#product_show .p3{margin-top:30px;}
#product_show .p3 .mt{margin-bottom:10px;}
#product_show .p3 .mt h3{background:url(../images/d.jpg) no-repeat left center;color:#c21414;font-size:16px;line-height: 25px;padding-left: 45px;}
#product_show .p3 .mt h3 span{color:#e8e8e8;font-size:16px;font-weight:bold;}
#product_show .p3 .mc{width:100%;min-height:160px;background:#f7f8fc;padding:20px;overflow:hidden;}
#product_show .p3 .mc table tr{    line-height: 30px;}
#product_show .p4{margin-top:30px;}
#product_show .p4 .mt{margin-bottom:10px;}
#product_show .p4 .mt h3{background:url(../images/c.jpg) no-repeat left center;color:#c21414;font-size:16px;line-height: 25px;padding-left: 45px;}
#product_show .p4 .mt h3 span{color:#e8e8e8;font-size:16px;font-weight:bold;}
#product_show .p4 .mc{width:100%;min-height:160px;padding:20px;padding-top:0;background:url(../images/dotted.jpg) repeat-x bottom;}
#product_show .p4 .mc .left{float:left;}
#product_show .p4 .mc .left .title{color:#c21414;margin-top: 20px;}
#product_show .p4 .mc .left .nr{line-height: 40px;margin-top: 10px;}
#product_show .p4 .mc .right{float:right;}
#product_show .p4 .mc .right #allmap{height:217px;}
#product_show .p4 .mc .right .map{height:217px;    width: 402px;}
#product_show .p5 {margin-top:30px;}
#product_show .p5 .mt{font-size:16px;color:#c4291e;}
#product_show .p5 .mt{margin-bottom:25px;}
#product_show .p5 .mc li{float:left;height:40px;line-height:40px;margin-bottom:20px;}
#product_show .p5 .mc li h4{float:left;width:80px;text-align:right;}
#product_show .p5 .mc li input{width:335px;height:40px;line-height:40px;}
#product_show .p5 .mc #f_name{width:420px;margin-right:20px;}
#product_show .p5 .mc #f_tel{width:420px;}
#product_show .p5 .mc #f_company{width:420px;margin-right:20px;}
#product_show .p5 .mc #f_mail{width:420px;}
#product_show .p5 .mc #f_name input,#product_show .p5 .mc #f_tel input,#product_show .p5 .mc #f_company input,#product_show .p5 .mc #f_mail input{border:0;padding: 0 10px;padding-right: 40px;width: 290px;}
#product_show .p5 .mc #f_tel input{background:url(../images/p5_3.jpg) no-repeat 300px center #eeeef0;}
#product_show .p5 .mc #f_name input{background:url(../images/p5_1.jpg) no-repeat 300px center #eeeef0;}
#product_show .p5 .mc #f_company input{background:url(../images/p5_2.jpg) no-repeat 305px center #eeeef0;}
#product_show .p5 .mc #f_mail input{background:url(../images/p5_4.jpg) no-repeat 300px center #eeeef0;}
#product_show .p5 .mc #f_buy{width:100%;    height: 97px;}
#product_show .p5 .mc #f_verify{width: 100%;margin-right:20px;}
#product_show .p5 .mc #f_verify input{width:270px;float: left;}
#product_show .p5 .mc #f_verify img{float:left;height: 40px;margin-left:20px;}
#product_show .p5 .mc .footReturn input{width:58px;height:25px;line-height:25px;text-align:center;color:#fff;border:0;background:#c4291e;border-radius:3px;}
#product_show .p5 .mc .footReturn #btnSubmit{margin-left:80px;}
#product_show .p5 .mc .footReturn #btnReset{margin-left:35px;}
#product_show .p6 {margin-top:30px;background:url(../images/dotted.jpg) repeat-x top;width:100% ;   padding: 0 20px;padding-top:15px;}
#product_show .p6 .mt{font-size:16px;color:#c4291e;}
#product_show .p6 .mt{margin-bottom:25px;}
#product_show .p6 .mc li{width: 198px;height: 158px;border:1px solid #F7F7F7;margin-right:20px;float:left;}
#product_show .p6 .mc li:hover{border:1px solid #E2E0E0;}
#product_show .p6 .mc li img{border-bottom:1px solid #F7F7F7;}
#product_show .p6 .mc li a{display:block;width:198px; height:158px;}
#product_show .p6 .mc li p{overflow: hidden;text-align:center;height:25px;line-height:24px;background:#F7F7F7;margin-top:-1px;}
#product_show .p6 .mc li:hover p{background:#E2E0E0;}
/*allmap*/

/*active*/
#active .col2 .mc li{margin:0 15px;height: 50px;line-height: 50px;background:url(../images/dotted.jpg) repeat-x bottom}
#active .col2 .mc li a{float:left;width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#active .col2 .mc li span{float:right;}
#active_show .col2 .mc h2{color:#005086;font-size:20px;margin:20px 0;text-align:center;}

#active_show .orientation {background:url(../images/dotted.jpg) repeat-x top;height: 40px;}
#active_show .orientation p{line-height:40px!important;height:40px;font-size:12px;}
#active_show .orientation p a{font-size:12px;}
#active_show .art_info{text-align:center;font-size:12px;margin-bottom: 20px;}
/*fanye*/
.mypage{float:left;margin-top:50px;}
.mypage a {float: left;border: 1px solid #ccc;display: inline;padding: 3px 10px 3px 10px;margin-right: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;cursor: pointer;background: #fff;text-decoration: none;color: #999;}
.mypage a:hover {border: 1px solid #FF6600;background-color: #FF6600;color: #fff;}
.mypage span.current {float: left;border: 1px solid #FF6600;display: inline;padding: 3px 10px 3px 10px;margin-right: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #FFEEE5;color: #FF6600;}
.mypage .rows{display:none;}
/*放大镜*/
#MagnifierWrap2{position: relative;width: 400px;margin-right: 25px;}
.MagnifierMain{position: relative;width: 400px;height: 300px;margin:auto;text-align:center;display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.MagnifierMain img{max-width:100%;
	max-height:100%;
	margin:auto;} 
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}
.MagnifierPop{position: absolute;top:0;overflow: hidden;background:url(http://fan.yoka.com/fan5.0/img/loading.gif) no-repeat center center; margin-right:15px;}
.MagnifierImg{position: absolute;top:0; right: 0;   } 
/* 纵向滚动
------------------------------ */
.scroll_vertical{position:relative;height:1002px;background:#eee;}
.scroll_vertical .box{overflow:hidden;position:relative;top:0px;height:1002px;}
.scroll_vertical .list{position:absolute;top:0;left:0;}
.scroll_vertical .prev,
.scroll_vertical .next{position:absolute;left:50%;width:120px;height:30px;margin-left:-25px;width:50px;height:40px;background-image:url(img/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_vertical .prev{top:5px;background-position:-80px 0;}
.scroll_vertical .next{bottom:5px;background-position:-130px 0;}
.scroll_vertical .prev:hover{background-position:-80px -40px;}
.scroll_vertical .next:hover{background-position:-130px -40px;}

/* 横向滚动
------------------------------ */
.scroll_horizontal{position:relative;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;height:270px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(img/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left:5px;background-position:0 0;}
.scroll_horizontal .next{right:5px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}

#online_qq_layer {
    position: fixed;
    right: 0px;
    top: 185px;
    _position: absolute;
    z-index: 99;
}
#online_qq_tab {
    float: left;
    margin-top: 50px;
}
.online_icon {
    width: 36px;
    height: 156px;
    overflow: hidden;
}
.online_icon a {
    display: block;
    width: 36px;
    height: 156px;
    background: url(../images/online_bg.png) no-repeat;
    _background: url(../images/online_bg_ie6.png) no-repeat;
}
#onlineService {
    float: left;
    margin-left: -3px;
    display: none;
}
.online_windows {
    width: 144px;
}
.online_w_top {
    background: url(../images/online_bg.png) no-repeat -36px 0;
    height: 10px;
    _background: url(../images/online_bg_ie6.png) no-repeat -36px 0;
    _margin-bottom: -7px;
}

.online_w_c {
    background: url(../images/online_bg.png) repeat-y 0 -185px;
    padding: 0 5px;
    _background: url(../images/online_bg_ie6.png) repeat-y 0 -185px
}

.online_w_bottom {
    background: url(../images/online_bg.png) repeat-y 0 -985px;
    height: 116px;
    _background: url(../images/online_bg_ie6.png) repeat-y 0 -985px;
}

.online_content {
    background: url(../images/online_bg.png) no-repeat -147px -185px;
    padding-top: 11px;
	padding-bottom: 1px;
    _background: url(../images/online_bg_ie6.png) no-repeat -147px -185px;
}
.online_content ul li {
    height: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 12px;
}
.online_content a.qq_icon {
    background: url(../images/online_bg.png) no-repeat -37px -130px;
    width: 121px;
    height: 25px;
    display: block;
    margin: 0 auto;
    text-indent: 30px;
    line-height: 23px;
    cursor: pointer;
    _background: url(../images/online_bg_ie6.png) no-repeat -37px -130px;
}
.online_bar h2 {
    background: url(../images/online_bg.png) repeat-x 0 -156px;
    height: 29px;
    line-height: 27px;
    font-size: 12px;
    color: #666;
    text-align: left;
    _background: url(../images/online_bg_ie6.png) repeat-x 0 -156px;
}
.online_bar h2 a {
    display: block;
    padding-left: 14px;
    margin-left: 6px;
    cursor: pointer;
}
.expand h2 a {
    background: url(../images/online_bg.png) no-repeat -36px -69px;
    _background: url(../images/online_bg_ie6.png) no-repeat -36px -69px;
}
.onlineemail {
    width: 100%;
    display: block;
    float: left;
    background-color: #22B8DA;
    margin-top: -1px;
    padding: 2px;
}
.onlineemail p {
    color: #fff;
    text-align: center;
    text-align: center;
}