@charset "UTF-8";
.main{ max-width:1226px; padding:0 10px 0 10px; margin:auto; position:relative;}
.main2{ max-width:1226px; margin:auto;}


.top{ position:fixed; width:100%; top:0; left:0; z-index:9999999999; padding:0.6vw 0 0.6vw 0; background-color:#FFFFFF;}
.top .logo{ float:left;}
.top .logo img{height:68px;}
.top .soso_box{ float:right;  margin:20px 0 0 0; width:240px; border:1px solid #e3e3e3; height:38px;  border-radius:18px; -moz-border-radius:18px;  -webkit-border-radius:18px; background-color:#FFFFFF;}
.top .soso_box p{float:left; margin:3px 0 0 10px;}
.top .soso_box .p_r{margin-top:5px;}
.top .soso_box .p1{width:170px; width: calc(100% - 70px); width: -moz-calc(100% - 70px); width: -webkit-calc(100% - 70px);  padding:0 5px 0 10px;}
.top .soso_box .p1 .minput{ width:100%; height:30px; line-height:30px; border:1px solid #ffffff;}

/*主导航开始*/
.top .nav-box .nav{ float:left; margin:10px 0 0 2vw;}
.top .nav-box .nav li{float:left; position:relative;}
.top .nav-box .nav li > a{ position:relative; display:block; height:60px; line-height:60px; font-size:16px; padding:0 18px 0 18px;}
.top .nav-box .nav li p{position:absolute; left:0; top:60px; width:140%; left:-20%; display:none; z-index:666666; background-color: rgba(255,255,255,0.95);}
.top .nav-box .nav li p a{position:relative; display:block; text-align:center; line-height:44px; height:44px; overflow:hidden; font-size:14px; padding:0 24px 0 24px; color:#333333;}
.top .nav-box .nav li p a:hover{  background-image:url(../images/lan_bj.jpg); background-repeat:repeat-y; background-position:left top; color:#FFFFFF;}
.top .nav-box .nav li:hover > a{ color:#FF6700;}
.top .nav li:hover p{
	display:block;
	animation: xiala 0.4s;
	-moz-animation: xiala  0.4s;
	-webkit-animation: xiala  0.4s;
	-o-animation: xiala  0.4s; 
}
.top .nav-box .nav li:last-child p{ right:0;}

.top_kong{height:70px; padding:1vw 0 0.5vw 0;}

/*手机点开*/
.nav_x{ float:right; display:none; margin-top:6px;}
.nav_x2{ line-height: 50px; display: inline-block; vertical-align: middle;}
.nav_x2 a{ font-size:30px;}

/*手机导航*/
.x_nav{ width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); position: fixed; top: 0; right: -101%; z-index: 999999999999; border-left:1px solid #eeeeee;}
.x_nav_t{ width: calc(100% - 15px); width: -moz-calc(100% - 15px); width: -webkit-calc(100% - 15px); height: 60px; line-height: 60px; text-align: right; padding-right: 16px;}
.x_nav_t a{ color: #000000; font-size: 16px; font-weight:normal; }
.x_nav_t i{font-size:26px;}

.x_nav2{ width: 100%; height: 100%; overflow:auto; padding-bottom:75px;}
.x_nav2 ul li{ height: auto;}
.x_nav2 ul li a{ height: 40px; line-height: 40px; display: block; font-size: 14px; color: #333333;  padding-left: 18px;  background-color: rgba(238,238,238,0.5); border-bottom: 1px solid #dddddd;}
.x_nav2 ul li span{ width: 64px; height: 40px; display: inline-block; line-height: 40px; text-align: center; float: right; margin-right: 0px; background: url(../images/jia.png) no-repeat center center;}
.x_nav2 ul li span.xjian{ background: url(../images/jian.png) no-repeat center center;}
.xnav_xl { display: none;}
.xnav_xl dd .a_bj{ background-color:#FFFFFF; padding-left:30px;}
.xnav_xl dd .a_bj2{ background-image:url(../images/shu_h.png); background-repeat:no-repeat; background-position:32px center; padding-left:48px;}





/*banner大图*/
.banner-box{position:relative;}
.banner-box .fd-menu{position:absolute; left:0; top:0; width:236px; height:100%;}
.banner-box .fd-menu:hover{ width:100%;}
.banner-box .fd-menu .mleft{ float:left; width:236px; height:100%; background-color: rgba(20,20,20,0.5);}
.banner-box .fd-menu .mleft .mmenu{ padding:24px 0 14px 0;}
.banner-box .fd-menu .mleft .mmenu li{ height:50px; line-height:50px;}
.banner-box .fd-menu .mleft .mmenu li > a{ padding:0 24px 0 28px; position:relative; display:block; color:#dfdfdf; font-size:14px;}
.banner-box .fd-menu .mleft .mmenu li > a span{ float:right; font-family:"宋体";}
.banner-box .fd-menu .mleft .mmenu li:hover > a{ background-image:url(../images/lan_bj.jpg); background-repeat:repeat-y; background-position:left top;}
.banner-box .fd-menu .mleft .mmenu li .type-box{ position:absolute; display:none; border-top:1px solid #f5f5f5; top:0; left:236px; height:100%; width:990px; width: calc(100% - 236px); width: -moz-calc(100% - 236px); width: -webkit-calc(100% - 236px); overflow:hidden;}
.banner-box .fd-menu .mleft .mmenu li .type-box p{ float:left; width:33.3334%; height:100%; background-color: rgba(255,255,255,0.99);}
.banner-box .fd-menu .mleft .mmenu li .type-box p a{position:relative; display:block; height:50px; line-height:50px; text-align:left; overflow:hidden; padding:12px 14px 12px 20px; overflow:hidden;}
.banner-box .fd-menu .mleft .mmenu li .type-box p a img{height:50px; width:50px;}
.banner-box .fd-menu .mleft .mmenu li:hover .type-box{display:block;}


.banner{position:relative; width:100%; margin:auto;}
.banner .arrow{
	position:absolute;
	top:40%;
	z-index:999;
	background-repeat: no-repeat;
	background-position: center center;
	width:42px;
	height:36px;
}
.banner .arrow.pre {background-image: url();left:0px;}
.banner .arrow.next {background-image: url(); right:0px;}
.banner .arrow:hover{}

.banner .slick-dots {
	position: absolute;
	width: 98%;
	text-align: right;
	z-index: 1000;
	bottom:20px;
}
.banner .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.banner .slick-dots li button {
	background:none;
	border:2px solid #B2B2B2;
	background-color:#919191;
	border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;
	cursor: pointer;
	display: block;
	font-size: 0;
	margin: 0 3px 0 3px;
	outline: medium none;
	padding: 0;
	width: 10px;
	height: 10px;
	line-height: 10px;	
}
.banner .slick-dots li.slick-active button {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
	background-color:#ffffff;
	border:2px solid #949494;	 
}
/*上半部分是固定的 下边是网站的css样式*/
.banner .dataitem{float:left; width:100%; position:relative; cursor:pointer;}
.banner .dataitem a{position:relative; display:block; width:100%; height:100%;}
.banner .dataitem .mimg{ overflow:hidden;}
.banner .dataitem .mimg img{ height:458px; width:100%; display:block;}
.banner .dataitem .fd_text{ position:absolute; left:10%; top:34%; width:80%; text-align:center;}
.banner .dataitem .fd_text h3{ font-size:38px; padding:0 0 20px 0; color:#FFFFFF; 
	text-shadow: 1px 1px 1px #444444;
	-webkit-text-shadow: 1px 1px 1px #444444;  
	-moz-text-shadow: 1px 1px 1px #444444;
	
	-webkit-animation: fadeOutDown 1s both;
    -moz-animation: fadeOutDown 1s both;
	animation: fadeOutDown 1s both;
}
.banner .dataitem .fd_text h5{ font-size:22px; line-height:1.4em; color:#FFFFFF; font-weight:normal; text-shadow: 1px 1px 1px #444444;
	-webkit-animation: fadeOutUp 1s both;
    -moz-animation: fadeOutUp 1s both;
	animation: fadeOutUp 1s both;
}
/*
.banner .dataitem.slick-active {
    -webkit-animation: ProgressDots 1s both;
    animation: ProgressDots 11s both;
}*/
/*
注：只有在上面非活动状态显示成隐藏状态，下面的active时才可以以效果显示出来
*/
.banner .dataitem.slick-active h3{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
.banner .dataitem.slick-active h5{
	-webkit-animation: fadeInDown 1s both 0.2s;
    -moz-animation: fadeInDown 1s both 0.2s;
	animation: fadeInDown 1s both 0.2s;
}
/*左右滚动结束*/


.hei8{height:8px; line-height:8px;}
.hei12{height:12px; line-height:12px;}
.hei20{height:20px;}
.hei24{height:50px;}
.hei30{height:30px;}
.hei40{height:40px;}
.hei50{height:50px;}
.hei60{height:60px;}

.hui-bj{background-color:#F5F5F5; padding:0 0 34px 0;}


.bk_title{line-height:1.8em; padding:50px 0 0 0; text-align:center;}
.bk_title_p5-2{padding-top:20px;}
.bk_title a{font-size:28px;}
.bk_title a span{font-size:18px; color:#FF6700;}

.bk_title2{padding:0 0 12px 0;}
.bk_title2 span{ float:left; font-size:21px; color:#333333;}
.bk_title2 .nspan{ float:none;}
.bk_title2 a{ position:relative; display:block; float:right; font-size:16px; line-height:23px; color:#333333; background-image:url(../images/ysj.png); background-repeat:no-repeat; background-position:right top; padding:0 28px 0 0;}
.bk_title2 a:hover{color:#FF6700;}



.bk_title3{line-height:2.4em; padding:60px 0 0 0; text-align:center;}
.bk_title3 a{font-size:30px; color:#000000;}
.bk_title3 p{font-size:20px; color:#9c9c9c; font-family:Arial, Helvetica, sans-serif;}




/*产品列表*/
.i_pro{}
.i_pro li{ float:left; width:19%; width: calc((100% - 60px)/5); width: -moz-calc((100% - 60px)/5); width: -webkit-calc((100% - 60px)/5); margin:5px 15px 10px 0; background-color:#FFFFFF; position:relative; overflow:hidden;}
.i_pro li:nth-child(5n+5){margin-right:0;} 
.i_pro li:hover{margin-top:1px;
	transition: all 0.8s;
	-moz-transition: all 0.8s; /* Firefox 4 */
	-webkit-transition: all 0.8s; /* Safari 和 Chrome */
	-o-transition: all 0.8s; /* Opera */
}
.i_pro li .mguanggao{ position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
.i_pro li .mguanggao img{ width:100%; height:100%; display:block;}
.i_pro li .con_box{ padding:15px;}
.i_pro li .con_box .mimg{text-align:center; overflow:hidden;}
.i_pro li .con_box .mimg img{ max-width:100%;}
.i_pro li .con_box .mtitle{ padding:6px 0 0 0;  text-align:center; line-height:1.6em; height:1.6em; overflow:hidden;}
.i_pro li .con_box .mtitle a{font-size:14px; color:#242424;}
.i_pro li .con_box .mjianjie{color:#AAAAAA; font-size:12px; padding-top:4px; line-height:1.4em; height:2.8em; overflow:hidden; text-align:center;}


/*产品第二行*/
.i_pro2{ position:relative;}
.i_pro2 .mguanggao{ position:absolute; z-index:2; top:0; left:0; 
	height:98%; height: calc(100% - 15px); height: -moz-calc(100% - 15px); height: -webkit-calc(100% - 15px);
	width:19%; width: calc((100% - 60px)/5); width: -moz-calc((100% - 60px)/5); width: -webkit-calc((100% - 60px)/5); margin:5px 0 0 0; overflow:hidden;
}
.i_pro2 .mguanggao img{ width:100%; height:100%; display:block;}
.i_pro2 ul{float:right; width:81%; width: calc(100% - ((100% - 60px)/5)); width: -moz-calc(100% - ((100% - 60px)/5)); width: -webkit-calc(100% - ((100% - 60px)/5));}
.i_pro2 li{float:left; width:19%; width: calc((100% - 60px)/4); width: -moz-calc((100% - 60px)/4); width: -webkit-calc((100% - 60px)/4); margin:5px 0 10px 15px; background-color:#FFFFFF; overflow:hidden;}
.i_pro2 li:hover{
	transition: all 0.8s;
	-moz-transition: all 0.8s; /* Firefox 4 */
	-webkit-transition: all 0.8s; /* Safari 和 Chrome */
	-o-transition: all 0.8s; /* Opera */
}
.i_pro2 li .con_box{ padding:15px;}
.i_pro2 li .con_box .mimg{text-align:center; overflow:hidden;}
.i_pro2 li .con_box .mimg img{ max-width:100%;}
.i_pro2 li .con_box .mtitle{ padding:6px 0 0 0;  text-align:center; line-height:1.6em; height:1.6em; overflow:hidden;}
.i_pro2 li .con_box .mtitle a{font-size:14px; color:#242424;}
.i_pro2 li .con_box .mjianjie{color:#AAAAAA; font-size:12px; padding-top:4px; line-height:1.4em; height:2.8em; overflow:hidden; text-align:center;}


/*产品第三行*/
.i_pro3{}
.i_pro3 .mleft{ float:left; width:310px;}
.i_pro3 .mleft .mtitle1{}
.i_pro3 .mleft .mtitle1 li{}
.i_pro3 .mleft .mtitle1 li p{ float:left; padding:0 0 12px 0;}
.i_pro3 .mleft .mtitle1 li p a{ position:relative; display:block; font-size:21px; line-height:1.2em;}
.i_pro3 .mleft .mtitle1 li p span{display:inline-block; width:36px; height:3px; line-height:3px; background-color:#b0b0b0;}
.i_pro3 .mleft .mtitle1 li .p_be a{color:#1D6CB7;}
.i_pro3 .mleft .mtitle1 li .p_be span{
	width:100%; background-color:#1D6CB7;
	transition: all 0.8s;
	-moz-transition: all 0.8s; /* Firefox 4 */
	-webkit-transition: all 0.8s; /* Safari 和 Chrome */
	-o-transition: all 0.8s; /* Opera */
}

.i_pro3 .mleft .mtitle1 li .p2 a{font-size:16px; color:#606060;}
.i_pro3 .mleft .mjianjie{ padding:18px 0 18px 0; font-size:16px; color:#606060; line-height:1.8em;}
.i_pro3 .mleft .mmore{ text-align:left;}
.i_pro3 .mleft .mmore a{ display:inline-block; padding:0 18px 0 18px; background-color:#F56504; height:28px; line-height:28px; font-size:12px; color:#FFFFFF;
	border-radius:12px; -moz-border-radius:12px;  -webkit-border-radius:12px;
}

.i_pro3 .mright{float:right; width:70%; width: calc(100% - 310px); width: -moz-calc(100% - 310px); width: -webkit-calc(100% - 310px);}
.i_pro3 .mright ul{ display:none;}
.i_pro3 .mright .ul_show{display:block;}
.i_pro3 .mright ul li{ float:left; width:22%; width: calc(25% - 30px); width: -moz-calc(25% - 30px); width: -webkit-calc(25% - 30px); margin:0 0 10px 30px;}
.i_pro3 .mright ul li .mimg{text-align:center; overflow:hidden; padding:15px; background-color:#FFFFFF;}
.i_pro3 .mright ul li .mimg img{ width:100%; text-align:center;}
.i_pro3 .mright ul li .mtitle{ padding:6px 0 0 0;  text-align:left; line-height:24px; height:24px; overflow:hidden;}
.i_pro3 .mright ul li .mtitle a{font-size:14px;}
.i_pro3 .mright ul li:first-child{ width:50%; margin-left:0;}
/*产品列表结束*/


.hengfu1{ background-image:url(); background-repeat:no-repeat; background-position:center center; background-size:auto 100%; height:200px; position:relative;}
.hengfu1 a{ position:absolute; left:0; top:0; width:100%; height:100%;}


.i_scheme{}
.i_scheme .mleft{width:100%;}
.i_scheme .mleft li{ float:left; width:12.5%; margin-bottom:10px;}
.i_scheme .mleft li a{position:relative; display:block; padding:0 15px 0 15px; text-align:center; height:60px; line-height:60px; color:#000000; font-size:16px; overflow:hidden;
	background-image: url(../images/lanxian.jpg);
	background-repeat: no-repeat;
	background-position: center 80px;
}
.i_scheme .mleft li a img{height:30px; display:none;}
.i_scheme .mleft li a img:last-child{display:none;}
.i_scheme .mleft li .a_be{ color:#1D6CB9;
	background-image: url(../images/lanxian.jpg);
	background-repeat: no-repeat;
	background-position: center 58px;

	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari 和 Chrome */
	-o-transition: all 0.2s; /* Opera */
}


.i_scheme .mright{width:100%; background-image:url(../images/lanbj2.jpg); background-repeat:repeat-y; background-position:right top; color:#FFFFFF;}
.i_scheme .mright .m_box{ display:none;}
.i_scheme .mright .m_box .mimg{ float:left; width:50%; height:345px; overflow:hidden; text-align:center;}
.i_scheme .mright .m_box .mimg img{ max-width:100%; max-height:100%;}
.i_scheme .mright .m_box .mimg video{ width:100%; height:auto;}
.i_scheme .mright .m_box .con_box{ float:right; height:265px; width:45%; width: calc(50% - 80px); width: -moz-calc(50% - 80px); width: -webkit-calc(50% - 80px); padding:40px;}
.i_scheme .mright .m_box .con_box .mtitle{ font-size:24px; line-height:2em; height:2em; overflow:hidden;}
.i_scheme .mright .m_box .con_box .mtitle a{color:#FFFFFF;}
.i_scheme .mright .m_box .con_box .mjianjie{ padding:5px 0 0 0; font-size:14px; line-height:2em; max-height:10em; overflow:hidden; text-align:justify;}
.i_scheme .mright .m_box .con_box .mmore{ text-align:left; padding:10px 0 0 0;}
.i_scheme .mright .m_box .con_box .mmore a{ display:inline-block; padding:0 12px 0 12px; background-color:#323232; height:30px; line-height:29px; font-size:12px; color:#FFFFFF;}
.i_scheme .mright .m_box .con_box .mmore a:hover{background-color:#FF6700;}

.i_scheme .mright .m_box_s{display:block;}





/*首页关于我们*/
.i_about{background-position:center center; background-repeat:no-repeat; background-size:auto 100%; padding:80px 100px 80px 100px;}
.i_about .mjianjie{ font-size:17px; color:#FFFFFF; line-height:1.8em; text-align:justify;
	/**
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.4);  
	-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	border-collapse:separate !important;
	**/
}
.i_about a{color:#FFFFFF;}

.ser_ul{}
.ser_ul li{ float:left; width:25%; margin:0 0 0px 0;}
.ser_ul li .mimg{text-align:center; overflow:hidden; padding:10px;}
.ser_ul li .mimg img{ max-width:100%;}
.ser_ul li .mtitle{ padding:0 10px 0 10px; text-align:center; line-height:1.8em; height:1.8em; overflow:hidden;}
.ser_ul li .mtitle a{font-size:16px; font-weight:bold; color:#FFFFFF;}


.i_video{}
.i_video li{ float:left; width:24%; width: calc((100% - 30px)/4); width: -moz-calc((100% - 30px)/4); width: -webkit-calc((100% - 30px)/4); margin:10px 10px 0 0; position:relative;
	-webkit-box-shadow: 0 0 10px #bbbbbb;  
	-moz-box-shadow: 0 0 10px #bbbbbb;
	box-shadow: 0 0 10px #bbbbbb;
}
.i_video li:nth-child(4n+4){margin-right:0;} 
.i_video li .mimg{text-align:center; overflow:hidden; position:relative;}
.i_video li .mimg > img{ width:100%; display:block;}
.i_video li .mimg .a1{position:absolute; left:20px; bottom:26px;}
.i_video li .mtitle{height:50px; line-height:50px; overflow:hidden; text-align:center; background-color:#FFFFFF;}
.i_video li .mtitle a{font-size:16px;}
.i_video li:hover .mtitle{background-image:url(../images/lan_bj.jpg); background-repeat:repeat-y; background-position:left center; }
.i_video li:hover .mtitle a{color:#ffffff;}



.i_hangye{position:relative;}
.i_hangye ul{ padding:30px 0 0 0;}
.i_hangye ul li{ width:16.666666%; float:left;}
.i_hangye ul li a{ position:relative; display:block; width:100%; text-align:center; font-size:21px; color:#242424; line-height:60px; height:60px; background-position:center 50px; overflow:hidden;}
.i_hangye ul li .a_be{ color:#1D6CB7; background-image:url(../images/lanxian.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:100% auto;}
.i_hangye .con_box{ padding:50px 0 0 0;}
.i_hangye .con_box .m_box{ display:none; background-image:url(../images/lanbj2.jpg); background-repeat:repeat-y; background-position:right top;}
.i_hangye .con_box .m_box .mleft{ float:left; width:50%; overflow:hidden; text-align:left;}
.i_hangye .con_box .m_box .mleft img{ height:100%; width:auto; display:block;}
.i_hangye .con_box .m_box .mright{ float:right; width:50%;}
.i_hangye .con_box .m_box .mright .mjianjie{ padding:70px; text-align:justify; color:#FFFFFF; }
.i_hangye .con_box .m_box .mright .mjianjie > a{color:#FFFFFF; position:relative; display:block; font-size:16px; line-height:1.8em;}
.i_hangye .con_box .m_box_s{display:block;}




/*底部信息*/
.footer_sm{ text-align:center; border-bottom:1px solid #cccccc; padding:20px 0 20px 0;}
.footer_sm a{ display:inline-block; width:20%; background-image:url(../images/huishu.jpg); background-repeat:no-repeat; background-position:right center; text-align:center; padding:0 0 0 0; height:38px; line-height:38px; overflow:hidden;}
.footer_sm a:last-child{background:none;}


.footer_box{padding:24px 0 20px 0;}
.footer_box .mleft{float:left;}
.footer_box .mleft .f_nav{}
.footer_box .mleft .f_nav li{float:left; margin:0 36px 0 0;}
.footer_box .mleft .f_nav li a{ font-size:16px;}
.footer_box .mleft .copyright{ padding:16px 0 0 0; text-align:left; color:#A5A5A5; font-size:14px; line-height:24px;}


.footer_box .mright{float:right; text-align:right; line-height:1.8em; font-size:14px; color:#A5A5A5;}
.footer_box .mright .f_tel{ font-size:24px; color:#000000; font-family:Arial, Helvetica, sans-serif;}
.footer_box .mright .mimg{ padding:5px 0 0 0;}
.footer_box .mright .mimg img{max-width:100%;}

/*右边客服*/
.kefu_right{position:fixed; right:0; top:30%; z-index:9876;}
.kefu_right li{ border:1px solid #eeeeee; position:relative; background-color:#ffffff; border-radius:6px 0 6px 0; -moz-border-radius:6px 0 6px 0;  -webkit-border-radius:6px 0 6px 0; width:70px;}
.kefu_right li > a{position:relative; display:block; width:100%; text-align:center; padding:10px 0 10px 0; text-align:center; line-height:20px; font-size:12px; color:#555555;}
.kefu_right li > a img{ max-width:100%; 
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.kefu_right li p{position:absolute; display:none; right:-250px; top:0; border:1px solid #eeeeee; white-space:nowrap; background-color:#f9f9f9;
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari 和 Chrome */
	-o-transition: all 2s; /* Opera */
}
.kefu_right li:hover > a img{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}
.kefu_right li:hover p{display:block;
	right:70px;	
}
.kefu_right li:first-child p{line-height:74px; font-size:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 20px 0 20px;}
.kefu_right li:nth-child(2) p{line-height:74px; font-size:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:10px 10px 10px 10px;}
.kefu_right li:nth-child(3) p{line-height:74px; font-size:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 20px 0 20px;}
.kefu_right li:last-child{border-bottom:0;}



/*弹出视频*/
.tc_box{ position:fixed; display:none; left:0; top:0; width:100%; height:100%; padding-top:10%; background-image:url(../images/hei_bj.png); z-index:99999999910;}
.tc_box .con_width{max-width:1000px; min-width:280px; margin:auto; position:relative;}
.tc_box .con_width video{width:100%;}
.tc_box .con_width .close{position:absolute; top:15px; right:15px;}



/*二级页面*/
.about_banner{height:250px; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.about_banner .ban_title{ padding:90px 0 0 0; text-align:center; font-size:16px; color:#FFFFFd;}
.about_banner .ban_title p{font-size:30px; padding:0 0 10px 0; color:#ffffff; font-weight:bold;}
.about_banner .ban_title2{ padding:70px 0 0 0; text-align:left;}
.about_banner .ban_title2 .mjianjie{font-size:16px; line-height:28px; color:#A0A0A0; padding:10px 0 0 0;}
.about_banner .ban_title2 .mtitle{font-size:24px; padding:0 0 16px 0; color:#ffffff; font-weight:bold; background-image:url(../images/juhuang.jpg); background-repeat:no-repeat; background-position:left bottom;}


.about_title{ font-size:24px; background-image:url(../images/juxian.jpg); background-repeat:no-repeat; background-position:left bottom; line-height:2em; color:#333333;}
.about_title2{ line-height:2em; color:#b4b4b4; font-size:16px; text-align:center;}
.about_title2 p{font-size:24px; color:#222222;}






.pd50_30{padding:40px 0 20px 0;}
.pd20_0{padding:20px 0 0px 0;}

.a_about{color:#333333;}
.a_about .mleft{float:left;}
.a_about .mright{float:right; padding-top:5px; width:1010px; text-align:justify; font-size:14px; line-height:2em;}
.a_about .mright img{max-width:100%; padding-top:5px;}
.a_about .mright .mimg{ text-align:center; padding-bottom:10px;}
.a_about .mright .mimg img{ max-width:100%;}

.a_youshi{background-position:center top; background-repeat:no-repeat; background-size:auto 100%; padding:80px 0 80px 0;}
.a_youshi .sm_title{font-size:34px; font-weight:bold; background-image:url(../images/hongxian.jpg); background-repeat:no-repeat; background-position:center bottom; line-height:2em; text-align:center; color:#FFFFFF;}


/* 资质证书*/
.a_cert{}
.a_cert .c_ul{}
.a_cert .c_ul li{ float:left; width:25%;}
.a_cert .c_ul li a{ position:relative; display:block; padding-right:10px;}
.a_cert .c_ul li a:hover{color:#FF6700;}
.a_cert .c_ul li > a{padding:30px 0 20px 0; font-size:16px; color:#555555; font-weight:bold;}
.a_cert .c_ul li p{}
.a_cert .c_ul li p a{ font-size:14px; color:#666666; line-height:1.8em;}

/*团队建设*/
.a_team{}
.a_team .t_ul{}
.a_team .t_ul li{ float:left; width:48%; width: calc((100% - 24px)/2); width: -moz-calc((100% - 24px)/2); width: -webkit-calc((100% - 24px)/2); margin:30px 0 50px 0;}
.a_team .t_ul li:nth-child(2n+2){ float:right; margin:135px 0 20px 0;} 
.a_team .t_ul li .mimg{ text-align:center; overflow:hidden;}
.a_team .t_ul li .mimg img{width:100%;}
.a_team .t_ul li .mtitle{ padding:15px 0 0 0; line-height:1.8em;}
.a_team .t_ul li .mtitle a{font-size:18px; font-weight:bold; color:#222222;}
.a_team .t_ul li .mtitle a:hover{color:#FF6700;}
.a_team .t_ul li .mjianjie{ padding:15px 0 0 0; line-height:1.8em; font-size:14px; color:#666666;}


/*成为开发者*/
.a_kaifazhe{}
.a_kaifazhe .mimg{ height:250px; background-image:url(); background-repeat:no-repeat; background-position:center top; background-size:auto 100%; position:relative;}
.a_kaifazhe .mimg a{position:absolute; width:100%; height:100%; left:0; top:0;}

/*合作伙伴*/
.a_cooperation{}
.a_cooperation .c_ul{}
.a_cooperation .c_ul li{ float:left; width:18%; width: calc((100% - 100px)/5); width: -moz-calc((100% - 100px)/5); width: -webkit-calc((100% - 100px)/5); margin:25px 25px 0 0;}
.a_cooperation .c_ul li:nth-child(5n+5){ margin-right:0;} 
.a_cooperation .c_ul li .mimg{text-align:center; overflow:hidden; border:1px solid #e4e4e4;}
.a_cooperation .c_ul li .mimg img{width:100%;}


/*灰线*/
.footer_xian{ height:30px; border-bottom:14px solid #F5F5F5;}



/*技术支持*/
.a_jszc{}
.a_jszc .j_ul li{ float:left; width:20%; width: calc((100% - 0px)/5); width: -moz-calc((100% - 0px)/5); width: -webkit-calc((100% - 0px)/5); margin:35px 0 0 0; line-height:24px; padding-bottom:20px; text-align:center;}
.a_jszc .j_ul li:nth-child(5n+5){ margin-right:0;}  
.a_jszc .j_ul li .mimg{text-align:center; overflow:hidden;}
.a_jszc .j_ul li .mimg img{max-width:100%;
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; 
}
.a_jszc .j_ul li a{ color:#4b4b4b; font-size:16px;}
/*当鼠标移动上去*/
.a_jszc .j_ul .li_show{background-image:url(../images/lanxian.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:100% auto;}
.a_jszc .j_ul .li_show .mimg img{
	-webkit-filter: grayscale(0); 
	-moz-filter: grayscale(0); 
	-ms-filter: grayscale(0); 
	-o-filter: grayscale(0); 
	filter: grayscale(0); 
	filter: gray;
}
.a_jszc .j_ul .li_show a{ color:#1D6CB7;}


/*专业定制*/
.a_zydz{ background-color:#34373E; display:none; background-image:url(); background-repeat:no-repeat; background-position:center right; background-size:auto auto; min-height:280px;}
.a_zydz .con_box{ text-align:left; padding:40px 40px 40px 40px;}
.a_zydz .con_box .mjianjie{ text-align:left; font-size:12px; color:#888888; line-height:1.6em;}
.a_zydz .con_box .mjianjie img{max-width:100%;}
.a_zydz_show{display:block;}



/*操作视频*/
.a_czsp{}
.a_czsp li{ float:left; width:32%; width: calc((100% - 40px)/3); width: -moz-calc((100% - 40px)/3); width: -webkit-calc((100% - 40px)/3); margin:20px 20px 0 0; position:relative;}
.a_czsp li:nth-child(3n+3){margin-right:0;} 
.a_czsp li .con_box{background-color:#F5F5F5; padding:10px;}
.a_czsp li .con_box .mimg{text-align:center; overflow:hidden; position:relative;}
.a_czsp li .con_box .mimg > img{ width:100%; display:block;}
.a_czsp li .con_box .mimg .a1{position:absolute; width:38px; height:12px; padding:5px 0 5px 0; text-align:center; left:20px; bottom:20px; border:3px solid #ffffff; 
	border-radius:12px; -moz-border-radius:12px;  -webkit-border-radius:12px; background-image:url(../images/play3.png); background-repeat:no-repeat; background-position:center center;}
.a_czsp li .con_box .mimg .a1:hover{ border:3px solid #FF6A00; background-color:#FF6A00;}
.a_czsp li .con_box .mtitle{text-align:center; background-color:#ffffff; padding:20px 15px 0 15px; }
.a_czsp li .con_box .mtitle a{font-size:16px; position:relative; display:block; line-height:1.8em; height:1.8em; overflow:hidden;}
.a_czsp li .con_box .mjianjie{text-align:center; background-color:#ffffff; padding:0 15px 0 15px; line-height:1.8em; height:1.8em; overflow:hidden; font-size:12px; color:#777777;}
.a_czsp li:hover .con_box .mtitle a{ color:#FF6700;}


/*产品详情*/
.er_nav{ background-color:#f8f8f8; border-bottom:1px solid #e4e4e4; padding:10px 0 10px 0; line-height:30px; text-align:center;}
.er_nav_bai{background-color:#FFFFFF;}
.er_nav a{display:inline-block; padding:8px 20px 8px 20px; font-size:16px; color:#444444;}
.er_nav a:hover,
.er_nav .a_be{ color:#FF6700; border-bottom:3px solid #FF7135;}


.detail_h1{}
.detail_h1 .mleft{ float:left; width:530px; }
.detail_h1 .mleft .mimg{padding:10px; border:1px solid #e7e7e7;}
.detail_h1 .mleft .mimg img{width:100%; display:block;}
.detail_h1 .mleft .mimg video{width:100%; height:auto;}
.detail_h1 .mright{float:right; width:52%; width: calc(100% - 560px); width: -moz-calc(100% - 560px); width: -webkit-calc(100% - 560px);}
.detail_h1 .mright .mtitle{padding:4px 15px 4px 15px; line-height:1.8em; font-size:22px; color:#000000; text-align:left;}
.detail_h1 .mright .mjianjie{font-size:14px; line-height:2em; text-align:justify; padding:6px 15px 20px 15px; border-bottom:1px solid #e0e0e0;}
.detail_h1 .mright .myingyong{ padding:20px 0 0 0;}
.detail_h1 .mright .myingyong .con_box{padding:8px 20px 24px 20px; background-color:#fafafa; border:1px solid #e0e0e0;}
.detail_h1 .mright .myingyong .con_box .mb_title{font-size:20px; color:#FF6503; line-height:2.5em;}
.detail_h1 .mright .myingyong .con_box .mb_jianjie{font-size:14px; text-align:justify; line-height:1.6em;}

.detail_title{ text-align:center; padding:20px 0 24px 0;}
.detail_title a{ display:inline-block; border-bottom:2px solid #2C77BB; font-size:22px; font-weight:bold; line-height:2em;}



/*右边产品开始*/
.img_box{ width:100%; overflow:hidden;}
.img_box .img_gd{position:relative; padding:30px 25px 0 25px;}
.img_box .img_gd .arrow{
	background-repeat: no-repeat;
	background-position: center center;
	width:25px; height:44px; line-height:44px;	
	background-color: rgba(255,255,255,0.8);
	font-family:"宋体";
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#888888;
	background-color:#eeeeee;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
	
	position:absolute;	
	top:40%;
	z-index:999;
}
.img_box .img_gd .arrow.pre{left:0px;}
.img_box .img_gd .arrow.next{right:0px;}
.img_box .img_gd .arrow:hover{ background-color:#FF571A; color:#FFFFFF;}

.img_box .img_gd .slick-dots {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 1000;
	bottom:0;
}
.img_box .img_gd .slick-dots li {
	display: inline-block;
	width: auto;
	float: none;
	vertical-align: middle;
}
.img_box .img_gd .slick-dots li button {
	background: #A8B3C6;
	border: 0 none;
	border-radius: 7px;
	cursor: pointer;
	display: block;
	font-size: 0;
	height: 12px;
	line-height: 0;
	margin: 0 8px;
	outline: medium none;
	padding: 0;
	width: 12px;
}
.img_box .img_gd .slick-dots li.slick-active button {
	background: #5e068c;
}
/*上半部分是固定的 下边是网站的css样式*/
.img_box .img_gd .dataitem{float:left; padding:0 15px 0 15px;}
.img_box .img_gd .dataitem .mimg{text-align:center; overflow:hidden; cursor:pointer;}
.img_box .img_gd .dataitem .mimg img{ width:100%; display:block;}

/*左右滚动结束*/

/*产品第二行*/
.detail_h2{ background-color:#F2F3EE; padding:40px; border-radius:40px; -moz-border-radius:40px;  -webkit-border-radius:40px; }
.detail_h2 .mright{ float:right; width:400px;}
.detail_h2 .mright .mimg{}
.detail_h2 .mright .mimg img{width:100%; display:block;}
.detail_h2 .mleft{float:left; width:60%; width: calc(100% - 440px); width: -moz-calc(100% - 440px); width: -webkit-calc(100% - 440px);}
.detail_h2 .mleft .mjianjie{font-size:14px; line-height:2em; text-align:justify; color:#444444;}

.detail_h3{}
.detail_h3 .mtable{ width:100%; border:0; color:#444444;}
.detail_h3 .mtable tr{}
.detail_h3 .mtable tr td{ text-align:left; padding:8px 12px 8px 12px; border-bottom:1px solid #dfdfdf; font-size:14px;}
.detail_h3 .mtable tr:first-child td{ text-align:center; background-color:#1B6DB7; font-size:16px; font-weight:bold; color:#FFFFFF;}
.detail_h3 .mtable tr td:first-child{width:140px; border-right:1px solid #dfdfdf; font-weight:bold;}


/*更多产品*/
.de_pro{}
.de_pro li{ float:left; width:24%; width: calc((100% - 72px)/4); width: -moz-calc((100% - 72px)/4); width: -webkit-calc((100% - 72px)/4); margin:0 24px 20px 0; position:relative;}
.de_pro li:nth-child(4n+4){margin-right:0;} 
.de_pro li .mimg{text-align:center; overflow:hidden; background-color:#F5F5F5; padding:10px;}
.de_pro li .mimg img{ width:100%; display:block;}
.de_pro li .mtitle{height:50px; line-height:50px; overflow:hidden; text-align:center; background-color:#FFFFFF;}
.de_pro li .mtitle a{font-size:14px; font-weight:bold;}
.de_pro li:hover .mtitle{background-image:url(../images/lan_bj.jpg); background-repeat:repeat-y; background-position:left top;}
.de_pro li:hover .mtitle a{color:#ffffff;}





/*联系我们*/
.contact_h1{ padding:24px 0 0 0;}
.contact_h1 .mleft{ float:left; width:440px;}
.contact_h1 .mleft .ml_box{padding:30px; background-color:#FFFFFF; min-height:300px;}
.contact_h1 .mleft .ml_box .mtitle{ font-size:28px; line-height:1.8em; color:#333333;}
.contact_h1 .mleft .ml_box .mimg{ overflow:hidden; padding:10px 0 0 0; text-align:left;}
.contact_h1 .mleft .ml_box .mimg img{max-width:100%;}
.contact_h1 .mleft .ml_box .mjianjie{ padding:10px 0 0 0; line-height:2.2em; font-size:14px; color:#444444; text-align:justify;}
.contact_h1 .mright{float:right; width: calc(100% - 450px); width: -moz-calc(100% - 450px); width: -webkit-calc(100% - 450px);}
.contact_h1 .mright .mr_box{padding:10px; background-color:#FFFFFF; height:340px;}


.contact_h2{ padding:24px 0 0 0;}
.contact_h2 .mtitle{ font-size:28px; line-height:1.8em; text-align:center; color:#333333;}
.contact_h2 .lx_ul{}
.contact_h2 .lx_ul li{ float:left; width:24%; width: calc((100% - 42px)/4); width: -moz-calc((100% - 42px)/4); width: -webkit-calc((100% - 42px)/4); margin:20px 14px 0 0; position:relative; background-color:#FFFFFF;}
.contact_h2 .lx_ul li:nth-child(4n+4){margin-right:0;} 
.contact_h2 .lx_ul li .c_box{padding:40px 20px 40px 20px; min-height:160px;}
.contact_h2 .lx_ul li .c_box .title2{ overflow:hidden; font-size:18px; height:3em; line-height:3em; color:#333333; text-align:center;}
.contact_h2 .lx_ul li .c_box .mtitle img{max-height:100%; width:auto;}
.contact_h2 .lx_ul li .c_box .mjianjie{ padding:20px 0 0 0; text-align:center; line-height:2em; font-size:14px;}
.contact_h2 .lx_ul li .c_box .mjianjie img{max-width:100%;}




/*全部品牌*/
.pinpai_title{height:24px; padding:20px 0 20px 40px; line-height:24px; background-image:url(../images/xiasanjiao.jpg); background-repeat:no-repeat; background-position:left center;}
.pinpai_title a{font-size:18px; color:#F37425;}
.pinpai_ul{ border-top:1px solid #E0E0E0;}
.pinpai_ul li{ float:left; width:20%; background-image:url(../images/huishu2.jpg); background-repeat:repeat-y; background-position:right center; border-bottom:1px solid #E0E0E0; padding:24px 0 20px 0;}
.pinpai_ul li:nth-child(5n+5){ background:none;} 
.pinpai_ul li .mimg{ text-align:center;}
.pinpai_ul li .mimg img{max-width:80%;}
.pinpai_ul li .mtitle{ line-height:30px; height:30px; overflow:hidden; text-align:center;}
.pinpai_ul li .mtitle a{color:#757575; font-size:14px;}
.pinpai_ul li .mtitle a:hover{color:#F37425;}



/*info介绍页面*/
.info_box{ padding:10px 0 0 0;}
.info_box .mimg{ text-align:center; padding:10px 0 0 0;}
.info_box .mimg img{max-width:80%;}
.info_box .neirong{padding:12px 0 0 0; line-height:2em; font-size:14px; text-align:justify;}
.info_box .neirong img{max-width:100%;}



/*新闻*/
.news-list{ padding:10px 0 0 0;}
.news-list li{ padding:15px 0 15px 0; border-bottom:1px solid #eeeeee;}
.news-list li .mimg{float:left; width:180px; overflow:hidden;}
.news-list li .mimg img{width:100%;}
.news-list li .mdate{float:left; margin:26px 0 0 0; width:170px; text-align:center; line-height:2.2em; font-size:14px; color:#999999;}
.news-list li .mdate p{ font-size:32px; font-weight:bold;}
.news-list li .nr-box{ float:left; margin-top:16px; width:46%; width: calc(100% - 485px); width: -moz-calc(100% - 485px); width: -webkit-calc(100% - 485px);}
.news-list li .nr-box .mtitle{ line-height:2em; height:2em; overflow:hidden;}
.news-list li .nr-box .mtitle a{font-size:18px; color:#333333;}
.news-list li .nr-box .mjianjie{ font-size:14px; color:#777777; line-height:2em; height:4em; overflow:hidden; padding:5px 0 0 0;}
.news-list li .mright{float:right; margin:16px 0 0 0; position:relative; display:block; width:48px; height:48px; text-align:center; line-height:48px; font-size:16px; font-family:"宋体"; border:1px solid #dddddd; color:#333333;}
.news-list li:hover .mdate{color:#FF5F1A;}
.news-list li:hover .mright{background-color:#FF5F1A; color:#FFFFFF;}



/*友情链接*/
.youqing{ padding:10px 0 10px 0; line-height:22px; text-align:left; color:#777777; border-bottom:1px solid #dddddd;}
.youqing span{}
.youqing a{ display:inline-block; padding:0 6px 0 6px; font-size:14px; color:#888888;}




/*在线留言*/
.message{ padding:15px 0 0 0;}
.message li{ padding:0 0 12px 0;}
.message li .p1{float:left; width:100px; text-align:left; line-height:30px; color:#777777; font-size:13px;}
.message li .p2{ float:right; width:200px; width: calc(100% - 110px); width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px);}
.message li .p2 .myinput{ width:96%; border:1px solid #dddddd; height:30px; line-height:30px; font-size:13px; background-color:#FFFFFF;
width: calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: -ms-calc(100% - 24px);
padding:0 12px 0 12px;
}
.message li .myinput2{ width:96%; border:1px solid #dddddd; height:120px; line-height:30px; font-size:13px; background-color:#FFFFFF;
width: calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px); width: -o-calc(100% - 24px); width: -ms-calc(100% - 24px);
padding:0 12px 0 12px;}
.message li .tongyi{padding:18px 0 18px 0; line-height:14px; font-size:14px; color:#5F5F5F;}

.message li .submit{ width:120px; height:32px; line-height:31px; background-color:#00AAEA; color:#FFFFFF; font-size:14px; font-weight:bold;
}
.message li .submit:hover{background-color:#0168B7;}




/*在线地图*/
.map{}
.map li{ line-height:30px;}
.map li a{ position:relative; display:block; width:100%; font-size:16px; border-bottom:1px solid #eeeeee;}
.map li > a{ font-weight:bold;}
.map li div{ padding:0 0 0 40px;}
.map li div > a{font-size:14px;}
.map li div p{ padding:0 0 0 40px; border-left:1px solid #eeeeee;}
.map li div p > a{font-size:12px;}






/*详细*/
.xx_title{font-size:24px; padding:20px 0 10px 0; text-align:center; line-height:1.8em; color:#333333; border-bottom:1px solid #f1f1f1;}
.xx_author{ text-align:center; line-height:3em; font-size:14px; color:#999999;}
.xx_video{ padding:10px 0 0 0; text-align:center; width:60%; margin:auto;}
.xx_video video{ width:100%;}
.xx_img{padding:10px 0 0 0; text-align:center;}
.xx_img img{max-width:100%;}
.xx_content{line-height:2.2em; padding:8px 0 0 0; font-size:16px; text-align:justify; color:#555555;}
.xx_content img{max-width:100%;}



.fanhui{ height:60px; padding:15px 0 0 0;}
.fanhui .d_left{ float:left; margin:10px 0 0 0;}
.fanhui .d_left a{display:inline-block; background-image:url(../images/fanhui.jpg); background-repeat:no-repeat; background-position:right center; padding:0 20px 0 0;}
.fanhui .d_left a:hover{color:#185ABD;}
.fanhui .d_right{float:right; margin:2px 0 0 0;}

.pre_next{ padding:16px 0 16px 0;}
.pre_next p{float:left; width:100%; line-height:28px; height:28px; overflow:hidden;}
.pre_next p a{position:relative; display:block; font-size:16px; text-align:left; color:#000000;}
.pre_next p:first-child a{ font-size:16px; text-align:left;}
.pre_next p a:hover{ color:#ff9900;}

/***********************************其它页面结束*/


/*弹出层*/
.tanchu_box{ position:fixed; left:0; top:0; width:100%; padding:10% 0 20% 0; height:60%; z-index:99999999922; background-color: rgba(0,0,0,0.4); display:none;}
.tanchu_box .input_box{ max-width:600px; min-width:300px; margin:auto; background-color:#FFFFFF; border:1px solid #eeeeee; padding:20px 30px 20px 30px;}
.tanchu_box .input_box .mtitle{font-size:20px; color:#00B0F0; font-weight:bold;}
.tanchu_box .input_box .mtitle a{float:right; margin:-2px 0 0 0; }
.tanchu_box .input_box .message li{ padding:0 0 16px 0;}


/*分页开始*/
.mypage{ height:40px; padding:20px 0 0 0;}
.mypage div{ text-align:center;}
.mypage div a{display: inline-block; height:25px; line-height:24px; padding:0 10px 0 10px; color:#444444; font-size:12px; border:1px solid #eeeeee;}
.mypage div a:hover,
.mypage div .a_be{color:#ffffff; background-color:#FF6700;}
/*分页结束*/




#back_to_top { color: #cdcdcd; display:none; height: auto; position: fixed; bottom:10px; right: -70px;z-index: 10000;
-webkit-transition: all .5s ease 0s;
   -moz-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
        transition: all .5s ease 0s;}
#back_to_top span { display: inline-block; text-align: center; font-size: 30px; width: 40px;height: 40px; line-height: 35px; color: white;background-color: rgba(0,0,0,0.4);
-webkit-border-radius: 2px;
-webkit-transition: all .2s ease 0s;
   -moz-transition: all .2s ease 0s;
     -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
border-radius: 2px;
}
#back_to_top.on {opacity: 1;filter: alpha(opacity=100);right: 10px;}
#back_to_top:hover span{ background-color: #000;}