/*-- header --*/
html,body {
	font:normal 12px "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif;
	background:#FFF;
	font-size:100%;

}
body  a{
	transition:.5s all;
	-webkit-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
body  div{
}
ul,li{margin:0; list-style: none; padding:0;}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 14px;
	right: 3%;
	overflow: hidden;
	z-index: 999; 
	width: 44px;
	height:52px;
	border: none;
	text-indent: 100%;
	background: url("../images/up-arrow.png") no-repeat 0px 0px;
	
}

#toTop:hover{background: url("../images/up-arrow1.png") no-repeat 0px 0px;}


#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*-- header --*/
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.jssora05l, .jssora05r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: url('../img/a17.png') no-repeat;
	overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
/* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width:92px;    height: 72px;}.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 88px;    height: 68px;    border: #000 2px solid;    box-sizing: content-box;    background: url('../img/t01.png') -800px -800px no-repeat;    _background: none;}.jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 88px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 90px;    height: 70px;    border: #fff 1px solid;    background-position: 50% 50%;}.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 88px;    height: 68px;    border: #000 2px solid;}* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 92px;    height /**/: 72px;}
.detal_title{font-size:22px; text-align: center; padding:30px 0;}

.header{width:1200px; margin:auto; overflow:hidden}
.logo{width:201px;float:left; margin-top:20px;}
.tall_right{ display:block;width:310px;float:right; margin-top: 20px;}
.tall_right img{display: block;width:100%;}

.nvabox{width:100%; height:59px; background: url("../images/nav_bcg.png"); border-top:4px solid #c90000; margin-top:15px;}
.nvabox ul{width:1200px; display:block;height:55px; margin: auto; list-style:none; padding:0; }
.nvabox ul li{float:left; height:54px; position: relative;}
.nvabox ul li:hover{ background: url("../images/nav_bcg_active.png")}
.nvabox ul li > a{color:#fff;display: block; text-align: center; font-size:14px; border-right:1px solid #c8c8c8;padding:0 49px; margin-top: 8px}
.nvabox ul li > a:hover{color:#fff; text-decoration: none;}

.nvabox ul li > a strong{display: block; }
.nvabox ul li > a span{display: block; font-size:12px; color:#999999;}
.nvabox ul li:last-child a{ border:0; }
.nvabox ul li:hover div{display: block;}
.nvabox ul li > div{width:100%; position: absolute; z-index: 100; left:0; top:54px; background: #000; display: none; }
.nvabox ul li > div > a{font-size:14px;display:block;color:#d41720; line-height: 40px; text-align: center}
.nvabox ul li > div > a:hover{font-size:16px;color:#fff; background: #d41720; line-height: 40px; text-decoration: none;}

.nvabox ul li.actis{ background: url("../images/nav_bcg_active.png")}
/**-----
	content
-------**/

/*我们能为您做些什么？*/

.my_fuwuBox{ border-top:1px solid #bdbcbc;border-bottom:1px solid #bdbcbc; background: #e8e8e8; padding-bottom: 50px;}
.my_fuwuBox h2{text-align: center;font-size:34px;color:#d41720;padding:20px 0 10px 0; position: relative}
.my_fuwuBox h2 span.l{display: block;width:200px; height:4px; border:2px solid #d1000a; position: absolute; z-index: 10;left:20%; top:35px}
.my_fuwuBox h2 span.r{display: block;width:200px; height:4px; border:2px solid #d1000a; position: absolute; z-index: 10;right:20%; top:35px}
.my_fuwuBox h3{text-align: center;font-size:20px;color:#33333; padding:0 10px;font-weight:600;}
.my_fuwuBox h3 span{text-align: center;font-size:20px;color:#33333; padding:0 10px; font-weight:600;}
.my_list{width:1200px; margin: auto; margin-top: 60px; text-align: center }
.my_list ul{width:1200px; margin: auto; }
.my_list ul li{width:280px;height:200px;float:left; overflow: hidden;position: relative; border:2px solid #fff;-webkit-box-shadow:0 0px 15px #666;   -moz-box-shadow:0 15px 15px #666;box-shadow:0px 0px 15px #666; margin: 0 10px;}
.my_list ul li img{display: block;width:100%;}
.my_list ul li div{width:100%;height:100%;  position: absolute;  z-index: 100;left:0; top:0; text-align: center}
/*.my_list ul li div:hover{ background: rgba(255,6,0,0.6)}*/
.my_list ul li div p{display: inline-block; margin-top: 80px;}
.my_list ul li div p span{float:left;color:#ffffff; font-size:24px;}
.my_list ul li div p i{width:23px;display:block;height:23px; background:url("../images/icon_pic.png") no-repeat center center;float:left; margin: 5px 0 0 10px;}

figcaption{position: absolute; z-index: 1; top: 0; left:0;color: #fff; font-family: "微软雅黑";  }
.my_list ul li  img{}
.my_list ul li figcaption,.my_list ul li figcaption p,.my_list ul li img{transition:all 0.35s;}
.my_list ul li  figcaption,figure figcaption div{transition:all 0.35s;}
.my_list ul li  figcaption p,.my_list ul li figcaption h2{transition:all 0.35s;}
.my_list ul li:hover img{transform:scale(1.2,1.2);}
.six{background: rgba(0,0,0,0.3);}
.six figcaption{ width: 100%; height: 100%;}
.six figcaption h2{margin-left: 30%; margin-top: 10%;}
.six figcaption p{ }
.six figcaption div{position: absolute; border: 1px solid #fff;  }
.six figcaption div.border1{width: 70%; height: 0%; top: 45%; left: 15%; border-top: none; border-bottom: none;}
.six figcaption div.border2{width: 0%; height: 60%; top: 20%; left: 50%; border-left: none; border-right: none;}
.six:hover figcaption div.border1{ height: 80%; top:10%;}
.six:hover figcaption div.border2{ width: 80%; left:10%;}
.six:hover figcaption p{margin-top: 30%;}

.content{width:1200px; margin:auto; margin-top:25px; }


.left{width:1200px;float:left;  overflow:hidden;}
.left h2{width:100%;float:left; height:40px; position: relative; border-bottom: 1px solid #bdbcbc; overflow:hidden; margin-left:5px;}
.left h2 strong{float:left; line-height: 40px; border-bottom:4px solid #333; position: absolute; z-index: 1; left:0;bottom: -1px; font-size:24px; overflow:hidden; font-weight:normal; margin-left:500px; color:#000;}
.left h2 span{float:left; line-height: 40px; margin-left: 100px; font-size:24px; overflow:hidden; color:#666; margin-left:600px;}
.left h2 a{float:right; font-weight:normal; font-size:16px; line-height:40px;color:#d41720; margin-right:20px; overflow:hidden; font-weight:600;}
.left ul{width:100%;float:left; list-style:none; padding:0; margin:0; padding-bottom:10px; overflow:hidden;}
.left ul li{width:30%; border:1px solid #dadada; border-top:2px solid #d41720;float:left; margin:1.6%; overflow:hidden;}
.left ul li:hover{box-shadow:0 5px 8px #ECECEC;}
.left ul li h1{margin:0;padding:20px 10px 0 10px; font-size:18px; color:#333333}
.left ul li h4{font-size:14px;color:#999999;padding-left: 10px;}
.left ul li img{width:100%;}
.left ul li h3{padding:10px 10px; margin:0;}
.left ul li p{color:#333;padding:10px; font-size:14px;}
.left ul li p:hover{color:#d41720;}
.left ul li p a{color:#d41720; font-weight:600;}

.right{width:230px;float:right; }
.AgRbox{width:228px; border:1px solid  #e5e5e5; margin-bottom:10px;}
.AgRbox h2{height:46px; line-height:46px; text-indent:10px; background:#1fac2a; margin:0; font-size:20px; color:#ffffff;}
.AgRbox h3{height:46px; line-height:46px; text-indent:10px;  margin:0; font-size:16px; color:#666666; margin-top:20px;}
.AgRbox ul{ margin:0; padding:0 10px 0 25px; background-color:#f4f4f4;}
.AgRbox ul li{ line-height:26px;}
.Others{ line-height:100px; font-size:26px; text-indent:10px;}
/*成功案例合作伙伴*/
.case-box{width:100%;border-top:3px solid #dbdbdb; padding: 10px 0; overflow: hidden; background: #f8f8f8; margin-top: 20px;}
.case-box .case-main{width:1200px; margin: auto;}
.case-box h2{border-bottom: 2px solid #d1000a; height:44px; line-height: 44px; margin: 0; margin-left:5px;}
.case-box h2 strong{float:left; line-height: 40px; font-size:24px; color:#000; font-weight:normal; border-bottom: 4px solid #000}
.case-box h2 span{float:left;font-size:20px;color:#666; margin-left: 10px;}
.case-box .case-left{width:610px;float:left;}
.case-box .case-right{width:520px;float:right;}

.picScroll{width:100%;}
.picScroll .bd ul{ width:100%;  float:left;  }
.picScroll .bd li{ width:48%; float:left; font-size:14px; margin-left:5px; }
.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ font-size:16px; line-height: 35px;}


.picScroll .hd{ height:20px;  overflow:hidden; text-align:left;  padding:0 10px; margin-top: 10px;  }
.picScroll .hd ul{ float:right; text-indent: -999px; margin-top: 5px;   }
.picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden;
	-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;
}
.picScroll .hd .on{ background:#d41720;  }
.picScroll .prev,.picScroll .next{ display:block; float:right;  width:18px; height:18px; background:url(../images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; border-radius: 100%;   }
.picScroll .next{ background-position:-34px -7px; }
.picScroll .prevStop{ background-position:-6px -40px; }
.picScroll .nextStop{ background-position:-34px -40px; }

/*合作*/
.cooperation{width:100%;}
.cooperation .bd ul{ width:100%;  float:left;  }
.cooperation .bd li{ margin: 5px; float:left; font-size:14px; }
.cooperation .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ font-size:16px; line-height: 35px;}
.cooperation .bd li img{border-radius: 5px; border: 1px solid #EEEEEE;-webkit-box-shadow:0 0px 5px #ECECEC;   -moz-box-shadow:0 0px 5px #ECECEC;box-shadow:0 0px 5px #ECECEC;}

.cooperation .hd{ height:20px;  overflow:hidden; text-align:left;  padding:0 10px; margin-top: 10px;  }
.cooperation .hd ul{ float:right; text-indent: -999px; margin-top: 5px;   }
.cooperation .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden;
	-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;
}
.cooperation .hd .on{ background:#d41720;  }
.cooperation .prev,.cooperation .next{ display:block; float:right;  width:18px; height:18px; background:url(../images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; border-radius: 100%;   }
.cooperation .next{ background-position:-34px -7px; }
.cooperation .prevStop{ background-position:-6px -40px; }
.cooperation .nextStop{ background-position:-34px -40px; }

/*-------  footer  ----------*/
.footer{ background:#333333;  line-height: 30px; border-top: 5px solid #666666; color:#fff; font-size:14px; padding:30px 0 50px 0; text-align: center; overflow:hidden}
.footer a{ font-size:14px;color:#fff;}
.footer span{ padding: 0 5px; font-size:14px;color:#fff;}
#toTop{bottom: 170px!important;}
/**---
		page
---**/
.page{width:100%; text-align: center; margin: 50px 0;}
.page ul{display:inline-block; *zoom:1;*display:inline;-webkit-appearance:none; -moz-appearance: none; appearance:none; }
.page ul li{float:left; margin-left: 10px; font-size:16px;}
.page ul li a{ background: #dedede; padding:5px 10px;}
.page ul li a:hover{ background: #de3439;color:#ffffff; text-decoration: none}
.page ul li a.on{ background: #de3439;color:#ffffff; text-decoration: none}

/*-- responsive-design --*/
/**--
	banner
---**/
.banner{width:100%;height:518px; margin:auto; overflow:hidden; border-bottom:3px solid #A0A0A0;}
.banner1{width:100%;height:213px; background:url(../images/banner1.jpg) no-repeat center top; background-size:cover; margin:auto; overflow:hidden;}
.bannerimg1{ background: url("../images/banner1.jpg") no-repeat center top; background-size:contain}
.bannerimg2{ background: url("../images/banner2.jpg") no-repeat center top; background-size:contain}
.bannerimg3{ background: url("../images/banner3.jpg") no-repeat center top; background-size:contain}
.bannerimg4{ background: url("../images/banner4.jpg") no-repeat center top; background-size:contain}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
}

/***
	list
***/
.mian{width:100%;float:left; font-size:16px; color:#666666}
.mian span{color:#1fac2a}
.list{width:100%; margin-top:30px;}
.list ul{margin:0; padding:0; list-style:none}
.list ul li{width:24%;margin:0.5% ; padding:0; list-style:none;float:Left;}
.list ul li img{border:1px solid #e8e4e3;width:100%;}
.list ul li h3{font-size:18px; font-weight:normal; text-align:center}
.listH2{ line-height:70px;}

.i_nav{ height:40px; background: #F9F9F9; border:1px solid #F2F2F2; margin-top: 30px; display: none;}
.i_nav strong{float:left; line-height: 40px; margin-left: 20px;}
.i_nav span{float:right;display: block;width:32px; height:32px; background: url("../images/Category.png") center center; margin: 2px 20px 0 0;}
.nav_layer{width:100%;height:100%; background: #F9F9F9; display: none; position: absolute; z-index: 1000; left:0; top:0;}
.nav_layer .close{position: absolute; display: block;width:32px; height:32px; background:url("../images/close.png"); right:30px; top:10px; font-size:30px; color:#999999}
.nav_layer dl{padding:0 30px; }
.nav_layer dl dt{width:100%; height:40px; line-height: 40px; text-indent: 20px; background: #EFEFEF}
.nav_layer dl dt span{float:right; font-family: "宋体"; margin-right: 20px;}
.nav_layer dl dd{display: none;}
.nav_layer dl dd a{width:100%; display: block; height:40px; line-height: 40px; text-indent: 20px; background: #fff; border-bottom:1px solid #EFEFEF}
/*面包屑*/
.mianbao{height:40px; line-height: 40px; background: #f3f3f3}
.mianbao ul{width:1200px; margin: auto;}
.mianbao i{display: block;height:40px; padding:0 20px; float:left; border-left: 1px solid #cdcdcd}
.mianbao a{display: block;height:40px; float:left; border-left: 1px solid #cdcdcd; line-height: 40px; font-size:16px; color:#666666; padding:0 20px;}
.mianbao strong{display: block;height:40px; float:left; border-left: 1px solid #cdcdcd; line-height: 40px; font-size:16px; color:#999; font-weight: normal; padding:0 20px;}

/*关于我们*/
.bodybcg{width:100%; height:100%; position: fixed; z-index: 100;left:0; top:0; background: rgba(0,0,0,0.6); display: none;}
.qt-warp{width:1200px; margin: auto; margin-top: 30px; }
.qt-left{width:248px; height:100%; min-height:900px; float:left; background: #f3f3f3;border-top-right-radius: 10px; border-top-left-radius: 10px}
.qt-left h2{width:100%; height:44px; background: #000; margin: 0; overflow: hidden; border-top-right-radius: 10px; border-top-left-radius: 10px}
.qt-left h2 i{width:44px;height:44px; background: url("../images/nav-icon.png") no-repeat 15px 15px #d1000a;display: block; float:left;}
.qt-left h2 strong{float:left; font-size:20px; color:#ffffff; line-height: 44px; font-weight: normal; margin-left: 5px;}
.qt-left h2 span{color:#fff;float:left; font-size:14px; margin-top: 18px; margin-left: 5px;}
.subNav{margin:0 10px; padding:0;}
.subNav li{width:100%; line-height:45px;  border-bottom: 1px solid #dbdbdb}
.subNav li a{color:#333333;font-size:16px;}
.subNav li a.actis{ color:#d1000a;}
.subNav li a:hover{ text-decoration: none; color:#d1000a}
.subNav li a span{font-size:12px; padding-right: 5px;float:left; margin-left: 30px;}
.subNavDl{width:214px; margin: auto; }
.subNavDl dt{width:214px; height:42px; cursor: pointer; background: url("../images/subnav_bcg_c.png") no-repeat; font-size:18px;color:#ffffff; line-height: 42px; text-indent: 40px; font-weight: normal;margin-top: 10px;}
.subNavDl dt.active{background: url("../images/subnav_bcg.png") no-repeat; color:#fff;}
.subNavDl dd{display: none;}
.qt-right{width:900px;float:right;}
.tall-title{font-size:18px; color:#333333; margin-top: 40px;}
.tall-title img{float:left; margin: 4px 5px 0 30px;}
.tall-box{width:180px;height:80px;border:1px solid #e2e2e2;border-left:2px solid #333; background: #fff; margin:10px 0 0 30px;}
.tall-box p{font-size:20px;color:#666666; border-left:2px solid #d1000a; height:20px; line-height: 20px;padding:0; padding-left:10px;  margin: 13px 0 0 10px ;}
.qt-right .slideWidth{width:100%;height:900px;float:left; margin-top: 30px;}


.gallery-top {
	height: 80%;
	width: 100%;
}
.gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

.qt-right{width:900px;float:right;}
.qt-right h2{width:100%; height:35px;border-bottom: 2px solid #d1000a; position: relative; margin: 0;}
.qt-right h2 strong{float:left; border-bottom: 3px solid #000; height:35px;left:0; bottom: -2px; position: absolute; z-index: 1; font-size:22px;color:#333333; font-weight: normal;}
.qt-right h2 strong i{width:20px;height:20px; display:block; margin: 4px 10px 0 0; background:url("../images/sub_icons.png") no-repeat;float:left;}
.qt-right h2 span{float:left; margin-left: 140px; margin-top: 5px; font-size:20px; color:#666;}
.qt-right h2 span b{color:#d1000a}
.qt-right .right-cont{width:100%;float:left; margin-top: 30px;}
.qt-right .right-cont img{width:100%;}
.qt-right .right-cont p{font-size:16px; line-height:30px; color:#666666}

/*技术支持*/
.technology{width:100%;float:right;}
.technology h2{width:100%; height:35px;border-bottom: 2px solid #d1000a; position: relative; margin: 0;}
.technology h2 strong{float:left; border-bottom: 3px solid #000; height:35px;left:0; bottom: -2px; position: absolute; z-index: 1; font-size:22px;color:#333333; font-weight: normal;}
.technology h2 strong i{width:20px;height:20px; display:block; margin: 4px 10px 0 0; background:url("../images/sub_icons.png") no-repeat;float:left;}
.technology h2 span{float:left; margin-left: 140px; margin-top: 5px; font-size:20px; color:#666;}
.technology h2 span b{color:#d1000a}
.technology_list{width:100%;}
.technology_list li{width:33.333%;float:left;}
.technology_list li .block-box{margin: 10px; height:234px; border-radius: 10px; background: #ededed; overflow: hidden;}
.technology_list li .block-box h3{width:100%;  height:40px; background: #d41720; margin: 0;  line-height: 40px; color:#fff; font-size:20px; text-indent: 20px;}
.technology_list li .block-box h3.grey_bcg{ background: grey}
.technology_list li p{font-size:15px;color:#333; line-height: 28px; padding:20px;}
/*新闻中心*/
.new_list{width:100%;}
.new_list li{border-bottom: 1px solid #dedede;  overflow: hidden; position: relative; padding-left: 240px; padding-right: 120px; padding-bottom:20px; padding-top: 20px;}
.new_list li:hover{background: #dedede}
.new_list li h4{padding:0;margin: 0;}
.new_list li h4 a{font-size:20px; color:#333333;}
.new_list li div.timer{color:#999;font-size:12px; padding-top: 10px; display: none}
.new_list li div.fonts{padding:0; margin: 0;font-size:15px; line-height:24px;color:#666666; margin-bottom: 20px;}
.new_list li div.detalBnt{}
.new_list li div.detalBnt a{color:#d1000a}
.new_list li .leftPic{width:216px;height:108px; position: absolute; left:0; top:20px; overflow: hidden;}
.new_list li .leftPic img{transition:all 0.35s;}
.new_list li .leftPic img:hover{transform:scale(1.2,1.2);}
.new_list li .times{width:80px; height:80px; text-align: center; padding-top: 12px; background: #d1000a; color:#fff; font-size:14px; position: absolute; right:0; top:30px;}
.new_list li .times span{font-size:30px;}

/*新闻详情*/
.datails_title{text-align: center;font-size:24px; color:#333333;}
.daites_time{ height:45px; border-top:2px solid #d1000a; line-height: 45px; background: #f3f3f3}
.daites_time span{font-size:16px;color:#333333; margin-left: 10px;}
.daites_time a{float:right; font-size:16px; margin-right: 10px;}
.details_con{font-size:15px; padding:20px;color:#666; line-height: 24px;}
.details_con1{font-size:15px;color:#666; line-height: 24px;}
.details_con img{width:100%;}
/*联系我们*/
.maps{}
.redsbox{ overflow: hidden; background: #dedede; padding:20px 40px;}
.redsbox_l{width:35%;float:left; font-size:16px;color:#333; line-height: 32px;}
.redsbox_wx{width:104px;height:104px;float:right;}
.reds_b{ margin-top: 30px; margin-bottom: 40px; overflow: hidden;}
.reds_l{width:48%;float:left; height:220px; background:#d41720}
.reds_l_l{width:380px;float:left; margin-left: 30px;}
.reds_l_l h5{ font-size:20px;color:#fff; margin-top: 40px;}
.reds_l_l p{font-size:16px;color:#fff; line-height: 30px;}
.reds_l_r{width:104px;float:right; margin: 40px 20px 0 0 ;}
.reds_r{width:48%;float:right; height:220px;background:#666666}
/*视频*/
.void_list{width:100%;float:left;}
.void_list li{width:33.333%;float:left; border-bottom: 1px solid #dedede; text-align: center; margin-bottom: 40px;}
.void_list li div{width:286px;height:191px; overflow: hidden; display: inline-block; position: relative;}
.void_list li div img{width:100%;transition:all 0.35s;}
.void_list li:hover div img{transform:scale(1.2,1.2);}
.void_list li div a.voidPlay{ display: block;width:65px;height:65px; position: absolute; left:50%; top:50%; margin-left: -32px; margin-top: -32px; background: url("../images/voidPng.png") no-repeat; background-size: 100%}
.void_list li p.fontP{text-align: center; font-size:16px; color:#333333; line-height: 60px; margin: 0; padding:0;}
/*服务项目*/
.Service_list{width:100%;float:left;}
.Service_list li{width:33.333%;float:left; text-align: center; margin-bottom: 40px;}
.Service_list li div{width:262px; padding:5px; border-radius: 10px; border:1px solid #dedede; display: inline-block; position: relative;-webkit-box-shadow:0 0px 5px #666;   -moz-box-shadow:0 0px 5px #666;box-shadow:0 0px 5px #666;}
.Service_list li div img{width:100%}
.Service_list li div p.fontP{text-align: center; font-size:16px; color:#333333; line-height: 30px; margin: 0; padding:0;}
@media (max-width:1024px)
{
.header{width:1000px; margin:auto; overflow:hidden; }
.logo{width:201px;float:left; margin-top:40px;}
.tall_right{ display:block;width:310px;float:right}
.head_right{width:750px;float:right; margin-top:25px;}
.content{width:1000px; margin:auto; margin-top:25px;}
.left{width:800px;float:left; border-top:1px solid #dedede}
.left ul li{width:23%; border:1px solid #e5e5e5;float:left; margin:1%;}
.right{width:180px;float:right; }
.AgRbox{width:178px; border:1px solid  #e5e5e5;}
}


@media (max-width:768px)
{

	.my_fuwuBox h2 span.l{display: block;width:200px; display:none; height:4px; border:1px solid #d1000a; position: absolute; z-index: 10;left:25%; top:35px}
	.my_fuwuBox h2 span.r{display: block;width:200px; display:none;height:4px; border:1px solid #d1000a; position: absolute; z-index: 10;right:25%; top:35px}
	.qt-right .slideWidth{width:745px;height:500px;float:left; margin-top: 30px;}
	.Service_list li{width:33.333%;float:left; text-align: center; margin-bottom: 40px;}
	.Service_list li div{width:200px; padding:5px; border-radius: 10px; border:1px solid #dedede; display: inline-block; position: relative;-webkit-box-shadow:0 0px 5px #666;   -moz-box-shadow:0 0px 5px #666;box-shadow:0 0px 5px #666;}
	.void_list li div{width:200px;height:134px; display: inline-block; position: relative;}
	.void_list li div img{width:100%}
	.void_list li div a.voidPlay{ display: block;width:65px;height:65px; position: absolute; left:50%; top:50%; margin-left: -32px; margin-top: -32px; background: url("../images/voidPng.png") no-repeat; background-size: 100%}
	.maps{}
	.maps img{width:100%}
	.redsbox{ overflow: hidden; background: #dedede; padding:20px 40px;}
	.redsbox_l{width:35%;float:left; font-size:16px;color:#333; line-height: 32px;}
	.redsbox_wx{width:104px;height:104px;float:right;}
	.reds_b{ margin-top: 30px; margin-bottom: 40px; overflow: hidden;}
	.reds_l{width:48%;float:left; height:220px; background: #666666}
	.reds_l_l{width:200px;float:left; margin-left: 30px;}
	.reds_l_l h5{ font-size:16px;color:#fff; margin-top: 40px;}
	.reds_l_l p{font-size:12px;color:#fff; line-height: 20px;}
	.reds_l_r{width:104px;float:right; margin: 40px 20px 0 0 ;}
	.reds_r{width:48%;float:right; height:220px;background: #d41720}

	.qt-warp{width:100%; margin: auto; margin-top: 30px;}
	.mianbao ul{width:100%; margin: auto;}
	.qt-left{ height:100%;display: none; padding-bottom: 20px; position: fixed; z-index: 100;left:-250px; top:0;}
	.qt-right{width:auto;float:left;padding:10px; position: relative;}
	.----qt-right .subBnts{width:32px;height:32px; z-index: 1000;  background: url("../images/nva-icon.png") no-repeat ; position: absolute;right:10px;top:-10px;}
	.case-box .case-main{width:748px; margin: auto;}
	.case-box .case-left{width:100%;float:left;}
	.case-box .case-right{width:100%;float:right;}
	.cooperation .bd li{ margin: 5px 12px; float:left; font-size:14px; }
	.my_list{width:100%; margin: auto; margin-top: 10px; text-align: center }
	.my_list ul{width:auto; display: inline-block;margin-left:20px; }
	.my_list ul li{width:320px;height:228px;float:left; position: relative; border:2px solid #fff;-webkit-box-shadow:0 0px 15px #666;   -moz-box-shadow:0 15px 15px #666;box-shadow:0px 0px 15px #666; margin: 0 20px; margin-top: 40px;}
	.i_nav{display: block;}
	.nvabox{display: none;}
	.list ul li h3{font-size:16px; font-weight:normal; text-align:center}
	.banner{height:240px;  background-size:cover; margin:auto; overflow:hidden;}
	.header{width:748px; margin:auto; overflow:hidden; }
	.logo{width:201px;float:left; margin-top:35px;}
	.tall_right{ display:block;width:310px;float:right}
	.head_right{width:500px; float:right; margin-top:40px; margin-right:20px; }
	.head_right .swchBox{width:100%;float:left; transition:.3s}
	.head_right .swchBox .sStyle{width:300px;height:36px; border-radius:20px; border:1px solid #cdcdcd; float:right;}
	.head_right .swchBox .sStyle input{width:270px; height:34px; border-radius:20px; border:0;float:left; text-indent:10px;}
	.head_right .swchBox .sStyle .bnt{width:20px;height:20px; display:block; background:url(../images/s.png) no-repeat 0 0;float:left; margin:5px 0 0 0;}
	.head_right .swchBox .help{float:right; line-height:36px; color:#666666; margin-left:30px;}

	.head_right .nvabox{width:100%; height:40px; overflow:hidden;float:left; cursor:pointer; position:absolute; z-index:10; top:70px; left:0; margin-top:35px; }
	.head_right .nvabox ul{width:100%; list-style:none; padding:0; margin:0; float:right; }
	.left ul li{width:23%; border:1px solid #e5e5e5;float:left; margin:1%;}
	/*.head_right .nvabox ul li:first-child{ display:block;}*/
	.head_right .nvabox ul li{width:100%;float:left;  text-align:center; background:#f7f7f7; line-height:40px; }
	.head_right .nvabox ul li a{color:#333333; font-size:16px; border-right:0px solid #c8c8c8;padding:0 20px;}
	.head_right .nvabox ul li a:hover{color:#1fac2a}
	.head_right .nvabox ul li:last-child a{ border:0; padding-right:0;}



	.content{width:748px; margin:auto; margin-top:25px;}
	.left{width:100%;float:left; border-top:1px solid #dedede}
	.left ul li{width:23%; border:1px solid #e5e5e5;border-top:2px solid #d41720;float:left; margin:1%;}
	.right{width:100%;float:right; }
	.AgRbox{width:100%; border:1px solid  #e5e5e5;}

}
@media (max-width:640px){
	.new_list li div.fonts{display: none}
	.new_list li div.timer{display: block}
	.qt-right .slideWidth{width:600px;height:400px;float:left; margin-top: 30px;}
.banner{height:200px;margin:auto; overflow:hidden; }
.header{width:620px; margin:auto; overflow:hidden; }
.tall_right{ display:block;width:260px;float:right}
.logo{width:150px;float:left; margin-top:35px;}
.logo img{width:100%;}
.head_right{width:430px; float:right; margin-top:40px; margin-right:20px; }
.head_right .swchBox{width:100%;float:left; transition:.3s}
.head_right .swchBox .sStyle{width:230px;height:36px; border-radius:20px; border:1px solid #cdcdcd; float:right;}
.head_right .swchBox .sStyle input{width:200px; height:34px; border-radius:20px; border:0;float:left; text-indent:10px;}
.head_right .swchBox .sStyle .bnt{width:20px;height:20px; display:block; background:url(../images/s.png) no-repeat 0 0;float:left; margin:5px 0 0 0;}
.head_right .swchBox .help{float:right; line-height:36px; color:#666666; margin-left:30px;}


.content{width:620px; margin:auto; margin-top:25px;}
.left{width:100%;float:left; border-top:1px solid #dedede}
.left ul li{width:23%; border:1px solid #e5e5e5;float:left; margin:1%;}
.right{width:100%;float:right; }
.AgRbox{width:100%; border:1px solid  #e5e5e5;}


}
@media (max-width:480px)
{
	.qt-right .slideWidth{width:395px;height:300px;float:left; margin-top: 10px;}
	.Service_list li{width:100%;float:left; text-align: center; margin-bottom: 40px;}
	.Service_list li div{width:300px; padding:5px; border-radius: 10px; border:1px solid #dedede; display: inline-block; position: relative;-webkit-box-shadow:0 0px 5px #666;   -moz-box-shadow:0 0px 5px #666;box-shadow:0 0px 5px #666;}
	.void_list li{width:100%;float:left; border-bottom: 1px solid #dedede; text-align: center; margin-bottom: 40px;}
	.void_list li div{width:286px;height:191px; display: inline-block; position: relative;}
	.void_list li div img{width:100%}
	.void_list li div a.voidPlay{ display: block;width:65px;height:65px; position: absolute; left:50%; top:50%; margin-left: -32px; margin-top: -32px; background: url("../images/voidPng.png") no-repeat; background-size: 100%}


	.maps{}
	.maps img{width:100%}
	.redsbox{width:100%; overflow: hidden; background: #dedede; padding:20px 0;}
	.redsbox_l{width:auto;float:left; padding-left: 30px; font-size:16px;color:#333; line-height: 32px;}

	.redsbox_wx{width:auto; padding-left:30px;height:104px;float:left;}

	.new_list{width:100%;}
	.new_list li{border-bottom: 1px solid #dedede;  overflow: hidden; position: relative; padding-left: 130px; padding-right: 0;  padding-bottom: 10px; padding-top: 10px;}
	.new_list li:hover{background: #dedede}
	.new_list li h4{padding:0;margin: 0;}
	.new_list li h4 a{font-size:15px; color:#333333;}
	.new_list li div.fonts{padding:0; margin: 0;font-size:14px; line-height:20px;color:#666666; margin-top: 10px; margin-bottom: 10px;}
	.new_list li div.detalBnt{}
	.new_list li div.detalBnt a{color:#d1000a}
	.new_list li .leftPic{width:120px;position: absolute; left:0; top:10px;}
	.new_list li .leftPic img{width:100%}
	.new_list li .times{width:80px; display: none; height:80px; text-align: center; padding-top: 12px; background: #d1000a; color:#fff; font-size:14px; position: absolute; right:0; top:40px;}
	.new_list li .times span{font-size:30px;}



	.reds_b{ margin-top: 30px; margin-bottom: 20px; overflow: hidden;}
	.reds_l{width:100%;float:left; height:auto; background: #666666;padding-bottom:20px;}
	.reds_l_l{width:100%;float:left; margin-left: 30px;}
	.reds_l_l h5{ font-size:16px;color:#fff; margin-top: 10px;}
	.reds_l_l p{font-size:12px;color:#fff; line-height: 20px;}
	.reds_l_r{width:104px;float:left; margin: 0px 20px 0 30px ;}
	.reds_r{width:100%;float:left; height:auto; padding-bottom:20px;background: #d41720}

	.technology_list li{width:100%;float:left;}
	.case-box .case-main{width:410px; margin: auto;}
	.case-box .case-left{width:100%;float:left;}
	.case-box .case-left .bd li{width:100%}
	.case-box .case-right{width:100%;float:right;}
	.cooperation .bd li{ margin: 5px 20px; float:left; font-size:14px; }
.my_list ul{width:auto; display: inline-block;margin-left:45px; }
.my_list ul li{width:320px;height:228px;float:left; position: relative; border:2px solid #fff;-webkit-box-shadow:0 0px 15px #666;   -moz-box-shadow:0 15px 15px #666;box-shadow:0px 0px 15px #666; margin: 0 0px; margin-top: 40px;}
.i_nav{ margin-top: 10px;}
.banner{height:150px;  margin:auto; overflow:hidden;}
.header{width:410px; margin:auto; overflow:hidden; }
.logo{width:90px;float:left; margin-top:15px;}
.tall_right{ display:block;width:150px;float:right; margin-top: 15px;}
.logo img{width:100%;}
.head_right{width:300px; float:right; margin-top:40px; margin-right:5px; }
.head_right .swchBox{width:100%;float:left; transition:.3s}
.head_right .swchBox .sStyle{width:190px;height:36px; border-radius:20px; border:1px solid #cdcdcd; float:right;}
.head_right .swchBox .sStyle input{width:160px; height:34px; border-radius:20px; border:0;float:left; text-indent:10px;}
.head_right .swchBox .sStyle .bnt{width:20px;height:20px; display:block; background:url(../images/s.png) no-repeat 0 0;float:left; margin:5px 0 0 0;}
.head_right .swchBox .help{float:right; line-height:36px; color:#666666; margin-left:30px;}


.content{width:410px; margin:auto; margin-top:10px;}
.left{width:100%;float:left; border-top:1px solid #dedede}
.left ul li{width:100%;  border:0; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;float:left; position:relative; padding-left:120px; padding-bottom:10px; margin:0;}
.left ul li img{width:100px; position:absolute; z-index:10; left:10px; top:10px;}
.left ul li h1{margin:0;padding:10px 10px 0 10px; font-size:15px; color:#333333}
.left ul li h4{font-size:14px;margin:0; padding:5px 10px 0 10px;color:#999999;padding-left: 10px;}
	.left ul li p{padding:5px 10px;font-size:12px;}
.right{width:100%;float:right; }
.AgRbox{width:100%; border:0px solid  #e5e5e5;}


.list ul li h3{font-size:12px; font-weight:normal; text-align:center}
}

@media (max-width:375px)
{
	.qt-right .slideWidth{width:355px;height:300px;float:left; margin-top: 10px;}
	.maps{}
	.maps img{width:100%}
	.redsbox{width:100%; overflow: hidden; background: #dedede; padding:20px 0;}
	.redsbox_l{width:auto;float:left; padding-left: 30px; font-size:16px;color:#333; line-height: 32px;}

	.redsbox_wx{width:auto; padding-left:30px;height:104px;float:left;}




	.reds_b{ margin-top: 30px; margin-bottom: 20px; overflow: hidden;}
	.reds_l{width:100%;float:left; height:auto; background: #666666;padding-bottom:20px;}
	.reds_l_l{width:100%;float:left; margin-left: 30px;}
	.reds_l_l h5{ font-size:16px;color:#fff; margin-top: 10px;}
	.reds_l_l p{font-size:12px;color:#fff; line-height: 20px;}
	.reds_l_r{width:104px;float:left; margin: 0px 20px 0 30px ;}
	.reds_r{width:100%;float:left; height:auto; padding-bottom:20px;background: #d41720}


	.new_list{width:100%;}
	.new_list li{border-bottom: 1px solid #dedede;  overflow: hidden; position: relative; padding-left: 130px; padding-right: 0;  padding-bottom: 10px; padding-top: 10px;}
	.new_list li:hover{background: #dedede}
	.new_list li h4{padding:0;margin: 0;}
	.new_list li h4 a{font-size:15px; color:#333333;}
	.new_list li div.fonts{padding:0; margin: 0;font-size:14px; line-height:20px;color:#666666; margin-top: 10px; margin-bottom: 10px;}
	.new_list li div.detalBnt{}
	.new_list li div.detalBnt a{color:#d1000a}
	.new_list li .leftPic{width:120px;position: absolute; left:0; top:10px;}
	.new_list li .leftPic img{width:100%}
	.new_list li .times{width:80px; display: none; height:80px; text-align: center; padding-top: 12px; background: #d1000a; color:#fff; font-size:14px; position: absolute; right:0; top:40px;}
	.new_list li .times span{font-size:30px;}



	.technology_list li{width:100%;float:left;}
	.case-box .case-main{width:370px; margin: auto;}
	.case-box .case-left{width:100%;float:left;}
	.case-box .case-left .bd li{width:100%}
	.case-box .case-right{width:100%;float:right;}
	.cooperation .bd li{ margin: 5px 10px; float:left; font-size:14px; }
	.my_fuwuBox h2{text-align: center;font-size:20px;color:#d41720;padding:10px 0 0 0;}
	.my_fuwuBox h3{text-align: center;font-size:15px;color:#333333; padding:0 10px;}
	.my_list{ margin-top:0px}
	.my_list ul{width:auto; display: inline-block;margin-left:28px; }
	.my_list ul li{width:320px;height:228px;float:left; position: relative; border:2px solid #fff;-webkit-box-shadow:0 0px 15px #666;   -moz-box-shadow:0 15px 15px #666;box-shadow:0px 0px 15px #666; margin: 0 0px; margin-top: 40px;}
	.banner{height:120px;  margin:auto; overflow:hidden;}
	.header{width:370px; margin:auto; overflow:hidden; }
	.tall_right{ display:block;width:150px;float:right}
	.logo{width:100px;float:left; margin-top:15px;}
	.logo img{width:100%;}
	.head_right{width:220px; float:right; margin-top:40px; margin-right:5px; }
	.head_right .swchBox{width:100%;float:left; transition:.3s}
	.head_right .swchBox .sStyle{width:120px;height:36px; border-radius:20px; border:1px solid #cdcdcd; float:right;}
	.head_right .swchBox .sStyle input{width:90px; height:34px; border-radius:20px; border:0;float:left; text-indent:10px;}
	.head_right .swchBox .sStyle .bnt{width:20px;height:20px; display:block; background:url(../images/s.png) no-repeat 0 0;float:left; margin:5px 0 0 0;}
	.head_right .swchBox .help{float:right; line-height:36px; color:#666666; margin-left:10px;}

	.content{width:375px; margin:auto; margin-top:10px;}
	.left{width:100%;float:left; border-top:1px solid #dedede}
	.left ul li{width:100%; border:0; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;float:left; position:relative; padding-left:100px; padding-bottom:10px; margin:0;}
	.left ul li img{width:80px; position:absolute; z-index:10; left:10px; top:10px;}
	.left ul li h3{width:100%;float:left; font-size:15px;}
	.left ul li div{height:30px; background:#f4f4f4; display:none}

	.right{width:100%;float:right; }
	.AgRbox{width:100%; border:0px solid  #e5e5e5;}

	.list ul li h3{font-size:12px; font-weight:normal; text-align:center}
}
@media (max-width:320px)
{
	.qt-right .slideWidth{width:300px;height:300px;float:left; margin-top: 10px;}
	.technology_list li{width:100%;float:left;}
	.my_list ul{width:auto; display: inline-block;margin-left:1px; }
	.my_list ul li{width:320px;height:228px;float:left; position: relative; border:2px solid #fff;-webkit-box-shadow:0 0px 15px #666;   -moz-box-shadow:0 15px 15px #666;box-shadow:0px 0px 15px #666; margin: 0 0px; margin-top: 40px;}
	.case-box .case-main{width:310px; margin: auto;}
	.case-box .case-left{width:100%;float:left;}
	.case-box .case-left .bd li{width:100%}
	.case-box .case-right{width:100%;float:right;}
	.cooperation .bd li{ text-align: center; margin: 5px 0px; font-size:14px; float:left;}

.banner{height:120px;  margin:auto; overflow:hidden;}
.header{width:300px; margin:auto; overflow:hidden; }
.tall_right{ display:block;width:100px;float:right}
.logo{width:70px;float:left; margin-top:10px;}
.logo img{width:100%;}
.head_right{width:220px; float:right; margin-top:40px; margin-right:5px; }
.head_right .swchBox{width:100%;float:left; transition:.3s}
.head_right .swchBox .sStyle{width:120px;height:36px; border-radius:20px; border:1px solid #cdcdcd; float:right;}
.head_right .swchBox .sStyle input{width:90px; height:34px; border-radius:20px; border:0;float:left; text-indent:10px;}
.head_right .swchBox .sStyle .bnt{width:20px;height:20px; display:block; background:url(../images/s.png) no-repeat 0 0;float:left; margin:5px 0 0 0;}
.head_right .swchBox .help{float:right; line-height:36px; color:#666666; margin-left:10px;}

.content{width:300px; margin:auto; margin-top:10px;}
.left{width:100%;float:left; border-top:1px solid #dedede}
.left ul li{width:100%; border:0; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;float:left; position:relative; padding-left:100px; padding-bottom:10px; margin:0;}
.left ul li img{width:80px; position:absolute; z-index:10; left:10px; top:10px;}
.left ul li h3{width:100%;float:left; font-size:15px;}
.left ul li div{height:30px; background:#f4f4f4; display:none}

.right{width:100%;float:right; }
.AgRbox{width:100%; border:0px solid  #e5e5e5;}


.list ul li h3{font-size:12px; font-weight:normal; text-align:center}
}

/*CSS badoo style pagination*/

.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 16px; PADDING-BOTTOM: 10px; COLOR:#d1000a; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
.badoo a {
	BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #d1000a; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none;
}
.badoo a :hover {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
.badoo a :active {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
.badoo span.current {
	BORDER-RIGHT: #d1000a 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d1000a 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #d1000a 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d1000a 2px solid; BACKGROUND-COLOR: #d1000a
}
.badoo span.disabled {
	DISPLAY: none
}

#video {
	margin: 1em auto;
	display: block;
	height: auto;
	width: 100%;
	margin-bottom:0px;
}