@charset "utf-8";


.foot_div{ height:60px; width:100%; position:fixed; bottom:0; display:none; background: rgba(0,0,0,.7); z-index:99;font-size:14px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}
.foot_div.bgs2{ background:#f1f1f1;z-index:3; }
.foot_div.bgs3{background:url(../images/foot2_bg70.png) repeat;}
.foot_div.bgs4{ background:#f1f1f1;}
.foot_div ul li a{ display:block; color:#fff; font-size:12px;}
.foot_div ul li{ width:25%; text-align:center; float:left; position:relative; height:60px;background:url(../images/i_bg11.png) right center repeat-y;}
.foot_div ul li:last-child{ background:none;}
.foot_div ul li img{ display:block; height:22px; margin:0 auto; margin-top:8px; margin-bottom:5px;}
.foot_div ul li p{ background:url(../images/foot_pic4.png) right 98% no-repeat; height:62px; padding-bottom:50px; position:absolute; bottom:0; width:50%; margin-left:25%; cursor:pointer; height:0;}
.foot_div ul li p a{ width:100%;line-height:30px; height:30px; overflow:hidden; margin-bottom:1px; background:url(../images/foot_bg60.png) repeat; font-size:14px; display:none;}
 @media(max-width: 768px){
.foot_div{ display:block;} 
 } 
 

/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:350px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .wx{width:200px;position:absolute; bottom:54px;right:0; display:none;}
.side ul li a:hover .wx{display:block;}
.side ul li .wx img{width:100%; display:block;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#009933;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sideboxtwo{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#009933;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#009933;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#009933;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
@media (max-width:1000px) {
.side{
	display:none;
	}
	}
	


/*online qq*/
aside{ display:block;}
.online_q {  position: fixed; right: 0px; bottom: 28%; z-index: 9999; }
.online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;}
.online_q .btn-top{ }
.online_q .btn2 span{display:block; width:100%; text-align:center; border-radius:8px; position:relative; padding-top:45px; padding-bottom:12px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;}
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center 11px no-repeat #1E1D1D;}
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center 11px no-repeat #1E1D1D; }
.online_q .btn-weixin span{ background:url(../images/piaofu_weixin.png) center 11px no-repeat #1E1D1D; }
.online_q .btn-weixin2 span{ background:url(../images/piaofu_weixin2.png) center 11px no-repeat #1E1D1D; }
.online_q .btn-top span{ background:url(../images/piaofu_top.png) center no-repeat #1E1D1D;  }

.online_q .open.pic{ position:absolute; background:#FEED01; width:120px; height:120px; right:120px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #FEED01; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .open.pic img{ width:100px; height:100px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;}

.online_q .open.tel{ position:absolute; background:#FEED01; width:160px; height:50px; border-radius:20px; color:#000; font-size:18px; font-weight:bold; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #FEED01; position:absolute; right:-16px; top:50%; margin-top:-10px;}
.online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;}	
@media (max-width:1000px) {
aside{
	display:none;
	}
	}


/*==========================================公共 开始=============================================*/



/* ---------- Responsive accurate ---------- */

@media (max-width:1920px){html{font-size:16px;}}

@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}

@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}

@media (max-width:328px){html{font-size:12px;}}




/*====header====*/

.main_box{ position: relative; width:100%; max-width:1200px; margin:0 auto;}
.top{ background:#fff; height:110px; }
.logo{ float:left; padding:25px 0;}
.wenzhi{  float:left; margin-left:20px; margin-top:30px; padding-left:20px; height:50px; line-height:50px; border-left:1px solid #ddd;}
.wz1{ font-size:26px; color:#333; font-weight:bold;}
.wz2{ background:#FFAA17; color:#fff; text-align:center; line-height:24px;  margin-top:3px;}
.wz2 p{font-size:15px;font-weight:bold;}
.right{float:right !important;}
.top_tel{margin-top:30px;background:url(../images/tel.png) right center no-repeat; padding-right:50px;}
.top_tel span{   display:block;color:#353536;font-size:14px; text-align:right;}
.top_tel strong{  display:block;color:#333; font-weight:bold;   font-size:24px;  text-align:right; }

/*=================导航=================*/
#nav_box{ background: #1E1D1D; height:52px; line-height:52px; position: relative; z-index: 9;}
#nav { width:1200px; margin:0 auto;  }
#nav li{ display:block; float: left; height: 52px;  position:relative;}
#nav li .a{ display: inherit; text-align:center;  height:52px ; position: relative; z-index: 1000; padding:0 27px;}
#nav li .a strong{ display:block; font-size:15px; text-transform: uppercase;  color:#fff; text-align:center;   position: relative; z-index: 1001;}
#nav li .a span{ position:absolute; bottom:0px; left:0px; width:100%;  text-align:center;}
#nav li .a i{  display:none;  background: #FEED01; margin:0 auto;    text-align:center;  z-index:1; height:52px;   }
#nav .on .a i{ display: block;background: #FEED01;}
#nav li.on .a strong{ color:#000;}
#nav li .a:hover i{  display: block;}
#nav li .a:hover strong{ color:#000;}
#nav li.on .a:hover i{ display: block; }

#nav  .list{ z-index:3; left: -0px; top: 0px; display: none; position: absolute; z-index: 9px; width: 171px;padding-top: 0px; /*background: url(../images/bg_nav_list.png) center 11px no-repeat;*/}
#nav  .list .box{ padding:52px 0 0px 0; overflow:hidden; margin-bottom:-1px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E53BB695', endColorstr='#E53BB695');background:rgba(0,36,248,0.8);}
#nav  .list .box a{ font-weight:normal; margin:0 0px; background:none; height:36px; color:#fff !important;  text-align:center;  line-height:36px;   font-size:13px; display:block;  }
#nav  .list a:hover{ color:#fff !important; background: #2621ab;}





/*====移动端头部====*/

#m_header{display: none;height: 50px;width: 100%;z-index: 9999;}

#m_logo{ position: absolute; top: 0; left: 10px; }

#m_logo img{height: 36px;margin: 8px 0 0 0;}

#m_bnt_top_search{ position: absolute; top: 0; display: block; width: 50px; line-height: 50px; text-align: center; right: 50px; font-size: 2.4rem; color: #1ea78a;}

#m_header .lan{position: absolute;right: 122px;display: inline-block;vertical-align: middle; margin-top:12px;}

#m_header .lan ul{display: inline-block;height: 30px; line-height:30px;width:140px;vertical-align:middle;text-align:center;}

#m_header .lan ul li{display:inline-block;font-size:15px;height:1.875rem;line-height: 20px;vertical-align: middle;padding-left:22px; background:url(../images/top_tel.png) left center no-repeat;}

#m_header .lan ul li span{margin: 0 2px;color:#303233;vertical-align: top;}

#m_header .lan ul li a{color:#303233;font-size: 14px;}



@media screen and (max-width: 980px) {
#m_header .lan{ right:50px;}
}
@media screen and (max-width: 320px) {
#m_header .lan{ display:none;}
}

/*====移动端导航====*/

#m_bnt_nav{position: absolute;top: 0;right: 0;cursor: pointer;width: 50px;height:50px;text-align: center;}

#m_bnt_nav .point{display: inline-block;width: 22px;height: 22px;margin-top: 12px;position: relative;}

#m_bnt_nav .point:hover .navbtn,

#m_bnt_nav .point:hover .navbtn::after,

#m_bnt_nav .point:hover .navbtn::before{width: 22px;}

#m_bnt_nav .navbtn{position: absolute;top: 14px;right: 0;display: inline-block;width: 24px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #666;border-radius: 3px;}

#m_bnt_nav .navbtn::after,

#m_bnt_nav .navbtn::before{position: absolute;right: 0;display: inline-block;width: 20px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #666;border-radius: 3px;}

#m_bnt_nav .navbtn::after{top: -6px;}

#m_bnt_nav .navbtn::before{top: 6px;}

#m_bnt_nav .point.on .navbtn{background: transparent;}

#m_bnt_nav .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#m_bnt_nav .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

 

#m_nav{position:absolute;top:50px;left:0;display:none;width:100%;z-index:999; }

#m_nav{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E51e316c', endColorstr='#E51e316c');background: rgba(0,0,0,0.9);}

#m_nav li{display:block;width:100%; }

#m_nav li .a{display:block;text-align: left;position:relative;height:40px;padding: 0 1rem;line-height: 40px;}

#m_nav li .a p{display: inline-block;font-size: 15px;color:#fff;padding-right: 10px;margin: 0;}

#m_nav li .a strong{ display: inline-block; text-transform:uppercase; font-size:14px; line-height:40px;height:40px;color:#fff; z-index:11; opacity:.8;filter:alpha(opacity=80);}

#m_nav li .a i{opacity:0;filter:alpha(opacity=0);position:absolute;right: 1em;top:0;text-align:center;z-index:4;color: #fff;font-size: 1.5rem;height:40px;line-height:40px;overflow: hidden;}

#m_nav .on .a{ }

#m_nav .on .a strong{color:#fff}

#m_nav .on.title .a i{ transform:rotate(270deg);-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg);}

#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100);}

#m_nav .title .a {margin: 0 0;}

#m_nav .title .list{display:none;position:relative; }

#m_nav .title{position:relative}

#m_nav .title .list{position:relative;width:100%;z-index:9;padding: 0 1.7em;}

#m_nav .title .list .box{padding:0 30px 10px 30px;background:#f5f5f5}



#m_nav .title .list a{display:block;font-size: 0.875rem;color: rgba(255,255,255,0.5);text-align: left;line-height:3rem;}



#j_seach_box{ position:fixed; z-index:9999; top:0;  left:0; display:none; height:100%; width:100%; }

#j_seach_box .bg_box{ position:fixed; z-index:9994; top:0px; display:none;  height:100%; width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,0.85);}

#j_seach_box form{position:absolute;border-radius: 4px;overflow: hidden;top:50%;z-index:9999;background: #fff;height: 60px;width: 50%;left:50%;margin-left: -25%;margin-top:-40px;}

#j_seach_box input[type="text"]{border: none;width: 94%;display: block;height: 60px;text-align: left;color: #434343;font-size: 14px;background:none;line-height: 60px;padding:0 20px;}

#j_seach_box input[type="text"]:focus{ text-align: left;}

#j_seach_box input[type="submit"]{position:absolute;right:0;top: 50%;padding: 0;z-index:2;background:url(../images/icon_search.png) center no-repeat;height: 60px;width: 70px;cursor:pointer;border:none;background-size: 20px 20px;margin-top: -30px;}

#j_seach_box input[type="submit"]:hover{background:url(../images/icon_search_hover.png) center no-repeat; background-size: 20px 20px;}



/*====banner====*/

#banner {width: 100%;position: absolute;top: 4.875rem;bottom: 0;overflow:  hidden;}

#banner .main_box{ height: 686px;}

#banner .swiper-slide{ display: block; height: 745px; overflow: hidden; text-align:center; height: auto; background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;  }

#banner .swiper-slide img{ display: block;   }

#banner .swiper-pagination-bullets{ bottom: 11rem;}

#banner .swiper-pagination-bullet{   background: none; border: none; height: 20px; width: 20px; opacity:1;filter:alpha(opacity=100);}

#banner .swiper-pagination-bullet-active{ }

#banner .bnt{position: absolute;top: 50%;border-radius: 50%;font-size: 4rem;color: rgba(255,255,255,0.3);margin-top: -3rem;z-index: 10;cursor: pointer;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}

#banner .bnt_prev{left: 40px;  }

#banner .bnt_next{right: 40px;  } 

#banner .bnt:hover{color: #fff;}

#banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);}

#banner .swiper-pagination-bullets{bottom: 3.5rem;}

#banner .swiper-pagination-bullet{height: 10px;width: 10px;opacity:1;margin: 0 6px;filter:alpha(opacity=100);border: #fff 1px solid;border-radius: 50%;}

#banner .swiper-pagination-bullet-active{background: #e3212a;border: #e3212a 1px solid;}



/*==== banner====*/

.m_top_padding{ margin-top: 50px; display: none;}

#m_banner{display: none;width: 100%;position: relative;overflow:  hidden;}

#m_banner .swiper-slide{ overflow: hidden; text-align:center; height: auto; background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

#m_banner .swiper-slide img{ display: block; width: 100%;  }

#m_banner .swiper-pagination-bullets{ bottom: 2rem;}

#m_banner .swiper-pagination-bullet{  height: 5px; width: 5px; background: none; border: 2px solid #fff;}

#m_banner .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;}

#m_banner .bnt{position: absolute;top: 50%;width: 4rem;height: 4rem;color: #1e316c;border-radius: 50%;font-size: 4rem;margin-top: -2rem;z-index: 9;cursor: pointer;display:  none;}

#m_banner .bnt_prev{left: 20px;}

#m_banner .bnt_next{right: 20px;} 

#m_banner .bnt:hover{ }

#m_banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);}





/*==========================================公共 结束=============================================*/

#ban {
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	margin-top:80px;
}

/*====内页banner====*/

#n_banner{display:block;width:100%;height: 350px;position: relative; margin-top:80px;}

#m_n_banner{position: absolute;left: 0;top: 0;width: 100%;height: 160px;display: none;}

#n_banner .main_box{display: table;width: 100%;height: 100%;}

#n_banner .box{ display: table-cell; vertical-align: middle;   overflow:hidden; text-align:center; }

#n_banner h1{font-size: 1.625rem;color: rgba(255,255,255,1);display:block;text-transform:uppercase;font-weight: bold;line-height: 2rem;}

#n_banner h3{display:block;margin: 0;font-size: 1.5625rem;color: #fff;text-transform:uppercase;margin-bottom: 0.3rem;}

#n_banner h6{ text-align:center;}

#n_banner h6 i{display: inline-block;width: 1.5625rem;height:3px;background: #008e51;}



/*====手机banner====*/




@media(max-width: 1200px){

	.top{ display:none}
	#nav_box{ display:none;}
	#m_header{display:block;position:fixed; background:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
	#n_banner{ margin-top:0;}
}


/*=============底部================*/   
.footer { background-color: #fff; position:relative; margin-top:20px;}

.footer .db_ser{ height:150px; background:#fff; border-bottom:3px #FEED01 solid; border-top-left-radius:10px;border-top-right-radius:10px; box-shadow:5px 5px 15px #ddd;  top:-80px; width:100%; max-width:1200px; margin:0 auto;position:absolute;}
.footer .db_ser ul{ padding-top:60px;}
.footer .db_ser ul li{ line-height:35px; float:left; font-size:16px; color:#1e1d1d; margin-left:38px; margin-right:38px; font-weight:bold;}
.footer .db_ser ul li .tpleft{ margin-right:12px;float:left;}

.footer .m_db_ser{ display:none;}
.part11{ padding-top:0.27rem; padding-bottom:0.27rem; margin-bottom:0.38rem; border-bottom:5px solid #f5f5f5;}
.part11 ul li{ width:25%; float:left;box-sizing: border-box; text-align:center; color:#666; border-right:1px #e5e5e5 solid; margin-top:10px; margin-bottom:10px;}
.part11 ul li:nth-of-type(4){border-right:none;}
.part11 ul li img{ height:20px; padding-bottom:5px;  display:block; margin:0px auto 0.18rem; width:auto;}
.part12{ padding:10px 0; text-align:center; color:#666;  border-bottom:5px solid #f5f5f5;}
.part12 p{ color:#000; font-size:20px; font-weight:bold;}



.links{  border-bottom:1px solid #eee; padding-top:100px; padding-bottom:20px;}
.links p{font-size:15px;color:#666; padding-top:20px;}
.links p a{padding:0px 10px;color:#666;}
.links p a:hover{color:#000;text-decoration:underline;}
@media(max-width: 1200px){
.footer .db_ser{ display:none;}
.footer .m_db_ser{ display:block;}
.links{padding-top:0px;border-bottom:none; }
.links p{font-size:14px;}
}

.footer .footer-info{
    padding-top: 40px; padding-bottom:20px; max-width:1200px; margin: 0 auto;
}
.footer .footer-info h3 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    color: #1e1d1d;
	font-weight:bold;
}
.footer .footer-info p {color: #666;font-size: 15px;}
.footer .footer-info ul li{margin-bottom: 10px;}
.footer .footer-info ul li a {color: #666;font-size: 15px;}
.footer .footer-info ul li a:hover {color: #000; text-decoration:underline;}
.footer .footer-info .fotproduct,.footer .footer-info .txt {
    float: left;
    margin-right: 50px;
    width: 10%;
	background:none;
}
.footer .footer-info .contact p {
    color: #666;
    font-size: 15px;
    position: relative;
    margin-bottom: 10px;
}
.footer .footer-info .contact p a {color: #666;}
/*.footer-info .contact p:nth-of-type(1){ background:url(../images/tub1.png) no-repeat center left; padding-left:24px;}
.footer-info .contact p:nth-of-type(2){ background:url(../images/tub2.png) no-repeat center left; padding-left:24px;}
.footer-info .contact p:nth-of-type(3){ background:url(../images/tub3.png) no-repeat left 5px;  padding-left:24px;}
.footer-info .contact p:nth-of-type(4){ background:url(../images/tub4.png) no-repeat left 5px;  padding-left:24px;}
.footer-info .contact p:nth-of-type(5){ background:url(../images/tub5.png) no-repeat left 5px;  padding-left:24px;}*/

.footer .footer-info .contact {
    width: 320px;
    float: right;
}



#fd-iphone{background-color: #fff;display: none;}
#fd-iphone a{display: block;font-size: 12px;color: #666;}
#fd-iphone ul{border-top: 1px solid #ddd;}
#fd-iphone .s1{height: 50px;line-height: 50px;font-size: 14px;color: #666;padding: 0 12px;border-bottom: 1px solid #ddd;position: relative;display: block;}
#fd-iphone .icon{position: absolute;width: 16px;height: 30px;background: url(../images/gicon39.png) no-repeat center right;right: 15px;top: 10px;display: block;
        -o-background-size: 16px auto;
        -ms-background-size: 16px auto;
        -moz-background-size: 16px auto;
        -webkit-background-size: 16px auto;
        background-size: 16px auto;
}
#fd-iphone dl{display: none;}
#fd-iphone dt{padding-left: 24px;}
#fd-iphone dt .icon{top: 5px;}
#fd-iphone dt a{height: 39px;line-height: 39px;border-bottom: 1px solid #d0d0d0;font-size: 13px;display: block;position: relative;}
#fd-iphone dd{/*background-color: #f6f6f6;*//*padding: 10px 38px;*/padding-left: 30px;display: none;}
#fd-iphone dd .s4{font-size: 13px;position: relative;height: 39px;display: block;
    line-height: 39px;
    border-bottom: 1px solid #d0d0d0;
}
#fd-iphone dd .s4 .icon{top: 5px;}
#fd-iphone dd .s4.open .icon{background: url(../images/gicon38.png) no-repeat center center;}
#fd-iphone dd .txt{padding-left: 5px;display: none;}
#fd-iphone dd .txt a{color: #999;height: 34px;line-height: 34px;}

#fd-iphone .totop{padding-top: 30px; padding-bottom:10px; height:15px;background: url(../images/gicon35.png) no-repeat center 15px #fff;display: block;text-align: center;color: #b2b2b2;font-size: 14px;
        -o-background-size: auto 14px;
        -ms-background-size: auto 14px;
        -moz-background-size: auto 14px;
        -webkit-background-size: auto 14px;
        background-size: auto 14px;
 
}
#fd-iphone .s1.open .icon{background: url(../images/gicon38.png) no-repeat center center;}
#fd-iphone dt.open .icon{background: url(../images/gicon38.png) no-repeat center center;}
#fd-iphone .copy{font-size: 14px;color: #999;line-height: 30px;text-align: center;padding: 10px 10px;}
#fd-iphone .share{background-color: #f6f6f6;padding: 20px 0;text-align: center;font-size: 16px;color: #333;}
#fd-iphone .share h3{font-weight: normal;font-size: 16px;}
#fd-iphone .inner{overflow: hidden;text-align: center;margin-top: 10px;}
#fd-iphone .inner a{display: inline-block;margin: 0 10px;}
#fd-iphone .inner .weixin{background: url(../images/gicon36.png) no-repeat center center;width: 55px;height: 55px;
        -o-background-size: 55px auto;
        -ms-background-size: 55px auto;
        -moz-background-size: 55px auto;
        -webkit-background-size: 55px auto;
        background-size: 55px auto;
}
#fd-iphone .inner .weibo{background: url(../images/gicon37.png) no-repeat center center;width: 55px;height: 55px;
    -o-background-size: 55px auto;
    -ms-background-size: 55px auto;
    -moz-background-size: 55px auto;
    -webkit-background-size: 55px auto;
    background-size: 55px auto;
}

@media only screen and (max-width: 1200px){
#fd-iphone{ display:block;border-top:5px solid #f5f5f5;}
}
.copy-right{background: #fff; border-top:1px solid #eee;}
.copy-right p{text-align: center; padding:25px 0;color: #666;font-size: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.copy-right p a{color: #666;}
.copy-right p a:hover{color: #F8C300; text-decoration:underline;}

/* end */
@media only screen and (max-width: 1600px){
.footer .footer-info .contact {width: 380px; }
.footer .footer-info .fotproduct,.footer .footer-info .txt { margin-right:40px;}
}
@media only screen and (max-width: 1440px){

.footer .footer-info .fotproduct,.footer .footer-info .txt { margin-right:40px;}
}
@media only screen and (max-width: 1360px){

.footer .footer-info .fotproduct, .footer .footer-info .txt {
    margin-right: 30px;
}
.footer .footer-info .contact {width: 400px; }
}

@media only screen and (max-width: 1280px){
.footer .footer-info .fotproduct, .footer .footer-info .txt {
    margin-right: 10px;
}
}


@media only screen and (max-width: 1200px){
.footer{ margin-top:0px;}
.footer .footer-info{ display:none;}
.copy-right{ width:90%; margin:0 auto; padding:0 3%;border-top:none;padding-bottom:60px;}
.copy-right p{ text-align:left; padding:15px 0; font-size:14px;}
}