/*****************************************

* 2018-5-24 网站公共样式

*****************************************/

body { font-size:13px; font-family:"微软雅黑"; color:#333; margin:0; padding:0; background:url(http://www.qdxinyan.cn/skin/images/bg.jpg) center top #fff no-repeat;}

form,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,h7,p {margin:0;padding:0;}

ol,ul,li {list-style:none outside none;}

a{ text-decoration:none; color:#555; font-size:13px;}

img {border:0;}

a img{ border:0;}

* a{POSITION: relative}

em,cite,i{font-style:normal;}

.clear { clear:both; margin:0px; top:0px} 

html,body{ overflow-x:hidden;}

div{ border:0px;}

img{border:none; margin:0; padding:0;}

li,dt,dd{text-overflow:ellipsis;}

.fl{float:left;}

.fr{float:right;}

.fc{ margin:0 auto;}

.sj06{-webkit-transition-duration: .6s; transition-duration: .6s;}

.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}

.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}

.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}

.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}

@media screen and (min-width:1360px){

.xinyan{ width:1300px; margin:0 auto;}

}

@media screen and (max-width:1359px){

.xinyan{ width:98%; margin:0 auto;}

}



.top{ height:36px; line-height:36px; background:url(../image/top.jpg) center no-repeat; color:#fff; position:relative; z-index:12;}

.top em{ margin-right:-150px; opacity:0; font-size:14px; color:#444;}

.top em i{ font-size:16px;}

.top span{ margin-left:-150px; opacity:0;}

.top.current span{ margin-left:0; opacity:1;}

.top.current em{ margin-right:0; opacity:1;}



.head{ height:115px; background:#fff; position:relative; box-shadow:0px 0px 10px #777; z-index:11;}

.xy-logo{ height:81px; padding-top:17px; width:391px;  margin-left:-150px; opacity:0;}

.xy-menu{ height:48px; position:relative; z-index:100;  margin-right:-150px; opacity:0;}

.head.current .xy-logo{ margin-left:0; opacity:1;}

.head.current .xy-menu{ margin-right:0; opacity:1;}

@media screen and (max-width:1100px){

.top{ background:#ec4322;}

.top em{ display:none;}

.head{ height:auto; background:#fff; width:100%; position:relative; box-shadow:0px 0px 0px #fff; z-index:11;}

.xy-logo{ height:auto; padding:8px 0 15px; width:100%;  margin-left:-150px; opacity:0;}

.xy-logo img{ width:75%; max-width:391px !important;}

.xy-menu{ height:48px; position:relative; z-index:100;  margin-right:-150px; opacity:0;}

.head.current .xy-logo{ margin-left:0; opacity:1;}

.head.current .xy-menu{ margin-right:0; opacity:1;}

}

@media screen and (min-width:1360px){

#navul{ width:808px; margin-top:48px;}

#navul li { float:left; width:101px; position:relative; text-align:center; height:38px; line-height:38px; position:relative; z-index:10;}

#navul li a:link, #navul li a:visited { color:#010101; font-family:微软雅黑; font-size:16px;}

#navul li i{ position:absolute; left:0; top:0; display:none; z-index:11; text-transform:uppercase;}

#navul li ul { display:none; position:absolute; z-index:10000; left:0px;  border-bottom:none;}

#navul li a{ display:block; width:101px; height:38px;}

#navul li a:hover{ width:101px; height:38px; line-height:38px; color:#fff; background:#ec4322;}

#navul li.navmoon { width:101px; height:38px; line-height:38px; color:#fff; background:#ec4322;}

#navul li.navmoon a { color:#fff; text-decoration:none; display:block; font-size:16px;}

#navul li.navmoon ul { display:block;}

#navul li.lion{background:#ec4322;}

#navul li.lion a{ color:#fff;}

.nav_fuwu{ width:101px; height:auto; background:#f1f1f1; padding:0px !important; margin-top:0px;}

.nav_fuwu span a{ color:#333 !important; font-size:14px !important; line-height:36px !important; height:36px !important; border-bottom:1px #aaa solid;}

.nav_fuwu span a:hover{ background:#bb2c07; color:#fff !important;}

}

@media screen and (max-width:1359px)and (min-width:1101px){

#navul{ margin-top:48px;}

#navul li { float:left; width:88px; position:relative; text-align:center; height:38px; line-height:38px; position:relative; z-index:10;}

#navul li a:link, #navul li a:visited { color:#010101; font-family:微软雅黑; font-size:16px;}

#navul li i{ position:absolute; left:0; top:0; display:none; z-index:11; text-transform:uppercase;}

#navul li ul { display:none; position:absolute; z-index:10000; left:0px;  border-bottom:none;}

#navul li a{ display:block; width:88px; height:38px;}

#navul li a:hover{ width:88px; height:38px; line-height:38px; color:#fff; background:#ec4322;}

#navul li.navmoon { width:88px; height:38px; line-height:38px; color:#fff; background:#ec4322;}

#navul li.navmoon a { color:#fff; text-decoration:none; display:block; font-size:16px;}

#navul li.navmoon ul { display:block;}

#navul li.lion{background:#ec4322;}

#navul li.lion a{ color:#fff;}

.nav_fuwu{ width:88px; height:auto; background:#f1f1f1; padding:0px !important; margin-top:0px;}

.nav_fuwu span a{ color:#333 !important; font-size:14px !important; line-height:36px !important; height:36px !important; border-bottom:1px #aaa solid;}

.nav_fuwu span a:hover{ background:#bb2c07; color:#fff !important;}

}

@media screen and (max-width:1100px){

#navul{ width:100%; height:60px; background:#ec4322;}

#navul li { float:left; width:25%; position:relative; text-align:center; line-height:30px; position:relative; z-index:10;}

#navul li a:link, #navul li a:visited { color:#fff; font-family:微软雅黑; font-size:14px;}

#navul li i{ position:absolute; left:0; top:0; display:none; z-index:11; text-transform:uppercase;}

#navul li ul { display:none; position:absolute; z-index:10000; left:0px;  border-bottom:none;}

#navul li a{ display:block;}

#navul li a:hover{line-height:30px; color:#fff; background:#b93004;}

#navul li.navmoon {line-height:30px; color:#fff; background:#b93004;}

#navul li.navmoon a { color:#fff; text-decoration:none; display:block; font-size:14px !important;}

#navul li.navmoon ul { display:block;}

#navul li.lion{background:#b93004;}

#navul li.lion a{ color:#fff;}

.nav_fuwu{ display:none !important;}

}



.htitle{ height:85px; text-align:center; background:url(../image/tbg.jpg) center bottom no-repeat;}

.htitle em{ font-size:28px; line-height:45px; font-weight:700; color:#ec4322;}

.htitle p{ line-height:35px; color:#888;}

/**首页产品中心**/

@media screen and (min-width:1360px){

.index-pro{ width:1300px; margin:0 auto; height:820px; overflow:hidden; padding:35px 0;}

.index-pro .htitle{ margin-top:200px; opacity:0;}

.index-pro-con{ padding-top:35px; margin-bottom:-300px; opacity:0;}

.index-pro.current .htitle{ margin-top:0; opacity:1;}

.index-pro.current .index-pro-con{ margin-bottom:0; opacity:1;}

.index-pro-con li{ width:299px; height:324px; float:left; border:1px #e8e8e8 solid; background:#efefef; padding:7px; text-align:center; margin:0 5px 15px; transition:.5s; border-radius:5px;}

.index-pro-con li:hover{box-shadow:0px 0px 10px #1c3051; background:#ec4322; border:1px #ec4322 solid;}

.index-pro-con li:hover span a{ color:#fff;}

.index-pro-con li.ltmar{ margin-left:12px; display:inline;}

.index-pro-con li .hiimg{ width:280px; height:220px; background:#fff; overflow:hidden; padding:10px;}

.index-pro-con li .hiimg img{ max-width:280px; max-height:220px;}

.index-pro-con li .hiimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.index-pro-con li:hover .hiimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.index-pro-con li span a{ display:block; line-height:44px; font-size:16px;}

.index-pro-con li em{ line-height:35px; font-size:15px; transition:.5s;}

.index-pro-con li:hover em{ color:#ffff00; font-size:17px;}

}

@media screen and (max-width:1359px){

.index-pro{ margin:15px; height:820px; overflow:hidden; padding:25px 0;}

.index-pro .htitle{ margin-top:200px; opacity:0;}

.index-pro-con{ padding-top:35px; margin-bottom:-300px; opacity:0;}

.index-pro.current .htitle{ margin-top:0; opacity:1;}

.index-pro.current .index-pro-con{ margin-bottom:0; opacity:1;}

.index-pro-con li{ width:22.8%; height:324px; float:left; border:1px #e8e8e8 solid; background:#efefef; padding:0.5%; text-align:center; margin:0 0.5% 15px; transition:.5s; border-radius:5px;}

.index-pro-con li:hover{box-shadow:0px 0px 10px #1c3051; background:#ec4322; border:1px #ec4322 solid;}

.index-pro-con li:hover span a{ color:#fff;}

.index-pro-con li.ltmar{ margin-left:12px; display:inline;}

.index-pro-con li .hiimg{ height:220px; background:#fff; overflow:hidden; padding:10px;}

.index-pro-con li .hiimg img{ max-width:280px; max-height:220px;}

.index-pro-con li .hiimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.index-pro-con li:hover .hiimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.index-pro-con li span a{ display:block; line-height:44px; font-size:16px;}

.index-pro-con li em{ line-height:35px; font-size:15px; transition:.5s;}

.index-pro-con li:hover em{ color:#ffff00; font-size:17px;}

}

@media screen and (max-width:1100px){

.index-pro{ margin:15px; height:770px; overflow:hidden; padding:25px 0;}

.index-pro .htitle{ margin-top:200px; opacity:0;}

.index-pro-con{ padding-top:35px; margin-bottom:-300px; opacity:0;}

.index-pro.current .htitle{ margin-top:0; opacity:1;}

.index-pro.current .index-pro-con{ margin-bottom:0; opacity:1;}

.index-pro-con li{ width:31%; height:324px; float:left; border:1px #e8e8e8 solid; background:#efefef; padding:0.5%; text-align:center; margin:0 0.5% 15px; transition:.5s; border-radius:5px;}

.index-pro-con li:hover{box-shadow:0px 0px 10px #1c3051; background:#ec4322; border:1px #ec4322 solid;}

.index-pro-con li:hover span a{ color:#fff;}

.index-pro-con li.ltmar{ margin-left:12px; display:inline;}

.index-pro-con li .hiimg{ height:220px; background:#fff; overflow:hidden; padding:10px;}

.index-pro-con li .hiimg img{ max-width:280px; max-height:220px;}

.index-pro-con li .hiimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.index-pro-con li:hover .hiimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.index-pro-con li span a{ display:block; line-height:44px; font-size:16px;}

.index-pro-con li em{ line-height:35px; font-size:15px; transition:.5s;}

.index-pro-con li:hover em{ color:#ffff00; font-size:17px;}

}

@media screen and (max-width:640px){

.index-pro{ margin:15px; height:auto; overflow:hidden; padding:25px 0;}

.index-pro .htitle{ margin-top:200px; opacity:0;}

.index-pro-con{ padding-top:35px; margin-bottom:-300px; opacity:0;}

.index-pro.current .htitle{ margin-top:0; opacity:1;}

.index-pro.current .index-pro-con{ margin-bottom:0; opacity:1;}

.index-pro-con li{ width:45.5%; height:234px; float:left; border:1px #e8e8e8 solid; background:#efefef; padding:0.5%; text-align:center; margin:0 1% 15px; transition:.5s; border-radius:5px;}

.index-pro-con li:hover{box-shadow:0px 0px 10px #1c3051; background:#ec4322; border:1px #ec4322 solid;}

.index-pro-con li:hover span a{ color:#fff;}

.index-pro-con li.ltmar{ margin-left:12px; display:inline;}

.index-pro-con li .hiimg{ height:120px; background:#fff; overflow:hidden; padding:10px;}

.index-pro-con li .hiimg img{ width:100%;}

.index-pro-con li .hiimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.index-pro-con li:hover .hiimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.index-pro-con li span a{ display:block; line-height:44px; font-size:12px;}

.index-pro-con li em{ line-height:20px; font-size:12px; transition:.5s;}

.index-pro-con li:hover em{ color:#ffff00; font-size:12px;}

#top{ display:none;}

}



/**首页公司简介**/

@media screen and (min-width:1360px){

.index-about{ background:url(../image/abbg.jpg) #ec4322 center bottom no-repeat; height:640px; overflow:hidden;}

.index-about-tit{ height:85px; text-align:center; background:url(../image/abg.png) center bottom no-repeat; color:#fff; padding:45px 0 0; margin-top:200px; opacity:0;}

.index-about.current .index-about-tit{ margin-top:0; opacity:1;}

.index-about-tit em{ font-size:30px; line-height:45px;}

.index-about-tit p{ line-height:35px; color:#fff;}

.index-about-con{ float:left; width:680px; padding-top:50px; color:#fff; font-size:15px; line-height:35px; margin-left:-300px; opacity:0;}

.index-about-con p{ text-indent:2em;}

.index-about-img{ float:right; padding-top:50px; margin-right:-300px; opacity:0;}

.index-about-img img{box-shadow:0px 0px 14px #555;}

.index-about-img img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.index-about-img:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.index-about.current .index-about-con{ margin-left:0; opacity:1;}

.index-about.current .index-about-img{ margin-right:0; opacity:1;}

}

@media screen and (max-width:1359px){

.index-about{ background:url(../image/abbg.jpg) #ec4322 center bottom no-repeat; height:640px; overflow:hidden;}

.index-about-tit{ height:85px; text-align:center; background:url(../image/abg.png) center bottom no-repeat; color:#fff; padding:45px 0 0; margin-top:200px; opacity:0;}

.index-about.current .index-about-tit{ margin-top:0; opacity:1;}

.index-about-tit em{ font-size:30px; line-height:45px;}

.index-about-tit p{ line-height:35px; color:#fff;}

.index-about-con{ float:left; width:60%; padding-top:50px; color:#fff; font-size:15px; line-height:35px; margin-left:-300px; opacity:0;}

.index-about-con p{ text-indent:2em;}

.index-about-img{ float:right; width:35%; padding-top:50px; margin-right:-300px; opacity:0;}

.index-about-img img{box-shadow:0px 0px 14px #555;}

.index-about-img img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.index-about-img:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.index-about.current .index-about-con{ margin-left:0; opacity:1;}

.index-about.current .index-about-img{ margin-right:0; opacity:1;}

}

@media screen and (max-width:1100px){

.index-about{ background:url(../image/abbg.jpg) #ec4322 center bottom no-repeat; height:640px; overflow:hidden;}

.index-about-tit{ height:85px; text-align:center; background:url(../image/abg.png) center bottom no-repeat; color:#fff; padding:45px 0 0; margin-top:200px; opacity:0;}

.index-about.current .index-about-tit{ margin-top:0; opacity:1;}

.index-about-tit em{ font-size:30px; line-height:45px;}

.index-about-tit p{ line-height:35px; color:#fff;}

.index-about-con{ float:left; width:100%; padding-top:50px; color:#fff; font-size:15px; line-height:35px; margin-left:-300px; opacity:0;}

.index-about-con p{ text-indent:2em;}

.index-about-img{ display:none;}

.index-about.current .index-about-con{ margin-left:0; opacity:1;}

}

@media screen and (max-width:640px){

.index-about-con{ line-height:25px;}

}



/**首页案例展示**/



@media screen and (min-width:1360px){

.index-case{ padding:50px 0; height:500px; overflow:hidden;}

.index-case .htitle{ margin-top:200px; opacity:0;}

.index-case.current .htitle{ margin-top:0; opacity:1;}

.index-case .index-case-con{ margin-top:200px; opacity:0;}

.index-case.current .index-case-con{ margin-top:0; opacity:1;}

.index-case .index-case-more{ margin-top:200px; opacity:0;}

.index-case.current .index-case-more{ margin-top:0; opacity:1;}

.index-case-con{overflow:hidden;height:320px;width:100%; max-width:1300px !important; margin:0 auto; padding:38px 0 15px;}

.featureUL { WIDTH: 299px; margin:0 13px;}

.featureUL li {WIDTH:281px; FLOAT: left; HEIGHT:290px; OVERFLOW: hidden; text-align:center; position:relative; border:1px #e8e8e8 solid; background:#efefef; padding:8px; transition:.5s;}

.li_img{ width:281px; height:240px; background:#fff; text-align:center; position:relative; z-index:1; overflow:hidden;}

.li_img img{height:240px;}

.featureUL li p{ line-height:50px; display:block;}

.featureUL li p a{ display:block; color:#444; font-size:16px; }

.featureUL li:hover{box-shadow:0px 0px 10px #ec4322; background:#ec4322; border:1px #ec4322 solid;}

.featureUL li:hover p a{ color:#fff;}

.index-case-more{ width:175px; height:36px; line-height:36px; text-align:center; margin:0 auto; border:1px #ccc solid; transition:.5s;}

.index-case-more a{ display:block;}

.index-case-more:hover{ border:1px #016db5 solid; background:#016db5;}

.index-case-more:hover a{ color:#fff;}

}

@media screen and (max-width:1359px){

.index-case{ padding:50px 0; height:500px; overflow:hidden;}

.index-case .htitle{ margin-top:200px; opacity:0;}

.index-case.current .htitle{ margin-top:0; opacity:1;}

.index-case .index-case-con{ margin-top:200px; opacity:0;}

.index-case.current .index-case-con{ margin-top:0; opacity:1;}

.index-case .index-case-more{ margin-top:200px; opacity:0;}

.index-case.current .index-case-more{ margin-top:0; opacity:1;}

.index-case-con{overflow:hidden;height:320px;width:100%; max-width:1300px !important; margin:0 auto; padding:38px 0 15px;}

.featureUL { WIDTH: 299px; margin:0 13px;}

.featureUL li {WIDTH:281px; FLOAT: left; HEIGHT:290px; OVERFLOW: hidden; text-align:center; position:relative; border:1px #e8e8e8 solid; background:#efefef; padding:8px; transition:.5s;}

.li_img{ width:281px; height:240px; background:#fff; text-align:center; position:relative; z-index:1; overflow:hidden;}

.li_img img{height:240px;}

.featureUL li p{ line-height:50px; display:block;}

.featureUL li p a{ display:block; color:#444; font-size:16px; }

.featureUL li:hover{box-shadow:0px 0px 10px #ec4322; background:#ec4322; border:1px #ec4322 solid;}

.featureUL li:hover p a{ color:#fff;}

.index-case-more{ width:175px; height:36px; line-height:36px; text-align:center; margin:0 auto; border:1px #ccc solid; transition:.5s;}

.index-case-more a{ display:block;}

.index-case-more:hover{ border:1px #016db5 solid; background:#016db5;}

.index-case-more:hover a{ color:#fff;}

}

@media screen and (max-width:1100px){

.index-case{ padding:50px 0; height:400px; overflow:hidden;}

.index-case .htitle{ margin-top:200px; opacity:0;}

.index-case.current .htitle{ margin-top:0; opacity:1;}

.index-case .index-case-con{ margin-top:200px; opacity:0;}

.index-case.current .index-case-con{ margin-top:0; opacity:1;}

.index-case .index-case-more{ margin-top:200px; opacity:0;}

.index-case.current .index-case-more{ margin-top:0; opacity:1;}

.index-case-con{overflow:hidden;height:230px;width:100%; max-width:1300px !important; margin:0 auto; padding:38px 0 15px;}

.featureUL { WIDTH: 200px; margin:0 5px;}

.featureUL li {WIDTH:182px; FLOAT: left; HEIGHT:210px; OVERFLOW: hidden; text-align:center; position:relative; border:1px #e8e8e8 solid; background:#efefef; padding:8px; transition:.5s;}

.li_img{ width:182px; height:170px; background:#fff; text-align:center; position:relative; z-index:1; overflow:hidden;}

.li_img img{height:182px;}

.featureUL li p{ line-height:40px; display:block;}

.featureUL li p a{ display:block; color:#444; font-size:16px; }

.featureUL li:hover{box-shadow:0px 0px 10px #ec4322; background:#ec4322; border:1px #ec4322 solid;}

.featureUL li:hover p a{ color:#fff;}

.index-case-more{ width:175px; height:36px; line-height:36px; text-align:center; margin:0 auto; border:1px #ccc solid; transition:.5s;}

.index-case-more a{ display:block;}

.index-case-more:hover{ border:1px #016db5 solid; background:#016db5;}

.index-case-more:hover a{ color:#fff;}

}



/**新闻资讯**/

.index-line{ height:50px; background:url(../image/xian.jpg) center no-repeat;}

@media screen and (min-width:1360px){

.index-news{ width:1300px; margin:0 auto; padding-top:15px;}

.index-news-lt{ width:545px; height:470px; padding:40px 0; margin-left:-300px; opacity:0;}

.index-news.current .index-news-lt{ margin-left:0; opacity:1;}

.index-news-lt-img{ width:545px; height:350px; overflow:hidden;}

.index-news-lt-img a{ display:block; position:relative;}

.index-news-lt-img a img{ width:545px;}

.index-news-lt-img a p{ position:absolute; right:30px; top:280px; background:#ec4322; color:#fff; line-height:25px; display:block; width:80px; height:60px; padding:5px 8px; text-align:center;}

.index-news-lt-img a p i{ display:block; font-size:28px; border-bottom:1px #fff solid; line-height:35px; z-index:5;}

.index-news-lt-con{ padding-top:10px;}

.index-news-lt-con em a{ font-size:19px; line-height:45px; display:block;}

.index-news-lt-con em a:hover{ color:#016db5;}

.index-news-lt-con p{ font-size:13px; color:#888;}

.index-news-rg{ width:710px; padding:20px 0; margin-right:-300px; opacity:0;}

.index-news.current .index-news-rg{ margin-right:0; opacity:1;}

.index-news-rg ul li{ margin:20px 0; height:70px; border:1px #ddd dashed; padding:11px; transition:.5s;}
.index-news-rg ul li:hover{ border:1px #ec4322 solid; box-shadow:0px 0px 10px #ddd;}
.index-news-rg ul li p{ float:left; width:80px; height:70px; line-height:30px; background:#ec4322; margin-right:20px; color:#fff; text-align:center;}

.index-news-rg ul li p i{ display:block; font-size:28px; border-bottom:1px #fff solid; line-height:39px; z-index:5;}

.index-news-rg ul li em a{ display:block; line-height:35px; font-size:17px;}

.index-news-rg ul li:hover em a{ color:#1c3051;}

.index-news-rg ul li span{ color:#888; line-height:17px;}

}

@media screen and (max-width:1359px){

.index-news{ margin:15px; padding-top:15px;}

.index-news-lt{ width:47%; height:470px; padding:40px 0; margin-left:-300px; opacity:0;}

.index-news.current .index-news-lt{ margin-left:0; opacity:1;}

.index-news-lt-img{ height:350px; overflow:hidden;}

.index-news-lt-img a{ display:block; position:relative;}

.index-news-lt-img a img{ width:545px;}

.index-news-lt-img a p{ position:absolute; right:30px; top:280px; background:#ec4322; color:#fff; line-height:25px; display:block; width:80px; height:60px; padding:5px 8px; text-align:center;}

.index-news-lt-img a p i{ display:block; font-size:28px; border-bottom:1px #fff solid; line-height:35px; z-index:5;}

.index-news-lt-con{ padding-top:10px;}

.index-news-lt-con em a{ font-size:19px; line-height:45px; display:block;}

.index-news-lt-con em a:hover{ color:#016db5;}

.index-news-lt-con p{ font-size:13px; color:#888;}

.index-news-rg{ width:47%; padding:20px 0; margin-right:-300px; opacity:0;}

.index-news.current .index-news-rg{ margin-right:0; opacity:1;}

.index-news-rg ul li{ margin:20px 0; height:70px; border:1px #ddd dashed; padding:11px;}

.index-news-rg ul li p{ float:left; width:80px; height:70px; line-height:30px; background:#ec4322; margin-right:20px; color:#fff; text-align:center;}

.index-news-rg ul li p i{ display:block; font-size:28px; border-bottom:1px #fff solid; line-height:39px; z-index:5;}

.index-news-rg ul li em a{ display:block; line-height:35px; font-size:17px;}

.index-news-rg ul li:hover em a{ color:#1c3051;}

.index-news-rg ul li span{ color:#888; line-height:17px;}

}

@media screen and (max-width:1100px){

.index-news{ margin:15px; padding-top:15px;}

.index-news-lt{ display:none;}

.index-news-rg{ padding:20px 0; width:100%; margin-right:-300px; opacity:0;}

.index-news.current .index-news-rg{ margin-right:0; opacity:1;}

.index-news-rg ul li{ margin:20px 0; height:70px;}

.index-news-rg ul li p{ float:left; width:80px; height:70px; line-height:30px; background:#ec4322; margin-right:20px; color:#fff; text-align:center;}

.index-news-rg ul li p i{ display:block; font-size:28px; border-bottom:1px #fff solid; line-height:39px; z-index:5;}

.index-news-rg ul li em a{ display:block; line-height:35px; font-size:17px;}

.index-news-rg ul li:hover em a{ color:#1c3051;}

.index-news-rg ul li span{ color:#888; line-height:17px;}

}

@media screen and (max-width:640px){

.index-news-rg ul li{ margin:20px 0; height:70px; overflow:hidden;}

}





/**底部**/

@media screen and (min-width:1360px){

.index-bot{ width:1300px; padding:35px 0;}

.index-bot-lt{ width:450px; height:130px; background:url(../image/xian1.jpg) right center no-repeat;}

.index-bot-lt em{ font-size:15px; line-height:40px; display:block; color:#777; background:url(../image/xian2.jpg) left top no-repeat; padding-top:15px;}

.index-bot-lt em i{ font-size:19px; color:#ec4322; font-weight:700; padding:0 5px;}

.index-bot-lt ul{ padding-top:15px;}

.index-bot-lt ul li{ float:left; text-align:center; padding-right:25px;}

.index-bot-lt ul li a{ color:#777;}

.index-bot-cen{ width:360px; height:130px; background:url(../image/xian1.jpg) right center no-repeat; padding-left:60px;}

.index-bot-cen em{ font-size:22px; line-height:40px; display:block; color:#cdd1d0; background:url(../image/xian2.jpg) left top no-repeat; padding-top:5px;}

.index-bot-cen p{ font-size:24px; font-family:Arial; line-height:50px; color:#ec4322; font-weight:700;}

.index-bot-rg{ width:360px;}

.index-bot-rg em{ font-size:22px; line-height:40px; display:block; color:#cdd1d0; background:url(../image/xian2.jpg) left top no-repeat; padding-top:5px;}

.index-bot-rg p{ color:#999;}

.index-bot-rg p a{ color:#999;}

.index-bot-rg p a:hover{ color:#0168b5;}

.index-bot-rg form{ padding-top:15px;}

.index-bot-rg .mytxt{ width:260px; height:40px; border:1px #ddd solid; float:left; padding:0 10px;}

.index-bot-rg .mysub{ width:70px; height:42px; background:#ec4322; color:#fff; border:0;}

}

@media screen and (max-width:1359px){

.index-bot{ margin:0 15px; padding:35px 0;}

.index-bot-lt{ width:32%; height:130px; background:url(../image/xian1.jpg) right center no-repeat;}

.index-bot-lt em{ font-size:15px; line-height:40px; display:block; color:#777; background:url(../image/xian2.jpg) left top no-repeat; padding-top:15px;}

.index-bot-lt em i{ font-size:19px; color:#3580b9;}

.index-bot-lt ul{ padding-top:15px;}

.index-bot-lt ul li{ float:left; text-align:center; padding-right:25px;}

.index-bot-lt ul li a{ color:#777;}

.index-bot-cen{ width:32%; height:130px; background:url(../image/xian1.jpg) right center no-repeat; padding-left:2%; margin-left:2%;}

.index-bot-cen em{ font-size:22px; line-height:40px; display:block; color:#cdd1d0; background:url(../image/xian2.jpg) left top no-repeat; padding-top:5px;}

.index-bot-cen p{ font-size:24px; font-family:Arial; line-height:50px; color:#ec4322; font-weight:700;}

.index-bot-rg{ width:30%;}

.index-bot-rg em{ font-size:22px; line-height:40px; display:block; color:#cdd1d0; background:url(../image/xian2.jpg) left top no-repeat; padding-top:5px;}

.index-bot-rg p{ color:#999;}

.index-bot-rg p a{ color:#999;}

.index-bot-rg p a:hover{ color:#0168b5;}

.index-bot-rg form{ padding-top:15px;}

.index-bot-rg .mytxt{ width:260px; height:40px; border:1px #ddd solid; float:left; padding:0 10px;}

.index-bot-rg .mysub{ width:70px; height:42px; background:#ec4322; color:#fff; border:0;}

}

@media screen and (max-width:1100px){

.index-bot{ margin:0 15px; padding:35px 0;}

.index-bot-lt{ display:none;}

.index-bot-cen{ width:45%; height:130px; background:url(../image/xian1.jpg) right center no-repeat; padding-left:2%; margin-left:2%;}

.index-bot-cen em{ font-size:22px; line-height:40px; display:block; color:#cdd1d0; background:url(../image/xian2.jpg) left top no-repeat; padding-top:5px;}

.index-bot-cen p{ font-size:24px; font-family:Arial; line-height:50px; color:#ec4322; font-weight:700;}

.index-bot-rg{ width:45%; padding-left:5%;}

.index-bot-rg em{ font-size:22px; line-height:40px; display:block; color:#cdd1d0; background:url(../image/xian2.jpg) left top no-repeat; padding-top:5px;}

.index-bot-rg p{ color:#999;}

.index-bot-rg p a{ color:#999;}

.index-bot-rg p a:hover{ color:#0168b5;}

.index-bot-rg form{ padding-top:15px;}

.index-bot-rg .mytxt{ width:260px; height:40px; border:1px #ddd solid; float:left; padding:0 10px;}

.index-bot-rg .mysub{ width:70px; height:42px; background:#ec4322; color:#fff; border:0;}

}

@media screen and (max-width:1100px){

.index-bot-rg{ display:none;}

.index-bot-cen{ width:100%; height:130px;}

}



/**footer**/

.linky{ background:#222;  color:#aaa; line-height:33px;}

.linky a{ color:#aaa;}

.linky div{ border-bottom:1px #444 solid;padding:20px 0;}

@media screen and (min-width:1360px){

.fanv{ background:#222; padding:25px 0;}

.fanv-menu{ width:600px; height:220px; border-right:1px #444 solid;}

.fanv-menu li{ width:120px; float:left;}

.fanv-menu li em a{ display:block; line-height:38px; color:#f0f0f0; font-size:15px;}

.fanv-menu li span a{ color:#999; display:block; line-height:23px;}

.fanv-lixi{ padding:0 57px; height:220px; border-right:1px #444 solid; color:#ccc;}

.fanv-lixi span{ font-size:15px; display:block; line-height:30px;}

.fanv-lixi i{ font-size:29px; line-height:55px;}

.fanv-lixi p{ line-height:22px;}

.fanv-weima{ text-align:center; height:220px; width:170px; line-height:35px; color:#999;}

.footer{ background:#111; padding:15px 0; color:#999;}

.footer span{ float:left;}

.footer em{ float:right;}

.footer a{ color:#999;}

}

@media screen and (max-width:1359px){

.fanv{ background:#222; padding:25px 0;}

.fanv-menu{ width:60%; height:220px; border-right:1px #444 solid;}

.fanv-menu li{ width:20%; float:left;}

.fanv-menu li em a{ display:block; line-height:38px; color:#f0f0f0; font-size:15px;}

.fanv-menu li span a{ color:#999; display:block; line-height:23px;}

.fanv-lixi{ padding:0 27px; height:220px; color:#ccc;}

.fanv-lixi span{ font-size:15px; display:block; line-height:30px;}

.fanv-lixi i{ font-size:29px; line-height:55px;}

.fanv-lixi p{ line-height:22px;}

.fanv-weima{ display:none;}

.footer{ background:#111; padding:15px 0; color:#999;}

.footer span{ float:left;}

.footer em{ float:right;}

.footer a{ color:#999;}

}

@media screen and (max-width:1100px){

.fanv{ background:#222; padding:25px 15px;}

.fanv-menu{ width:100%; height:220px; border-bottom:1px #444 solid; border-right:0;}

.fanv-menu li{ width:20%; float:left;}

.fanv-menu li em a{ display:block; line-height:38px; color:#f0f0f0; font-size:15px;}

.fanv-menu li span a{ color:#999; display:block; line-height:23px;}

.fanv-lixi{ padding:20px 0 0 0; height:220px; color:#ccc;}

.fanv-lixi span{ font-size:15px; display:block; line-height:30px;}

.fanv-lixi i{ font-size:29px; line-height:55px;}

.fanv-lixi p{ line-height:22px;}

.fanv-weima{ display:none;}

.footer{ background:#111; padding:15px; color:#999;}

.footer span{ float:left;}

.footer em{ display:block; float:left;}

.footer a{ color:#999;}

}

@media screen and (max-width:640px){

.fanv{ background:#222; padding:25px 15px;}

.fanv-menu{ width:100%; height:auto; border-bottom:1px #444 solid; border-right:0;}

.fanv-menu li{ width:100%; float:left;}

.fanv-menu li em a{ display:block; line-height:35px; height:35px; color:#f0f0f0; font-size:15px; width:25%; float:left;}

.fanv-menu li span a{ color:#999; display:block; line-height:35px; height:35px; width:25%; float:left;}

.fanv-lixi{ padding:20px 0 0 0; height:220px; color:#ccc;}

.fanv-lixi span{ font-size:15px; display:block; line-height:30px;}

.fanv-lixi i{ font-size:29px; line-height:55px;}

.fanv-lixi p{ line-height:22px;}

.fanv-weima{ display:none;}

.footer{ background:#111; padding:15px; color:#999;}

.footer span{ float:left;}

.footer em{ display:block; float:left;}

.footer a{ color:#999;}

}

@media screen and (min-width:1360px){

.info-url{ height:60px; background:#fff; line-height:60px; color:#888; font-size:13px; position:relative; z-index:9; box-shadow:0px 0px 10px #ddd;}

.info-url span{ background:url(../image/home.png) left no-repeat; padding-left:32px;}

.info-url form{ float:right;}

.info-title{ padding:35px 0; background:url(../image/titbg.jpg) center no-repeat; text-align:center;}

.info-title span{ font-size:36px; color:#ec4322; line-height:50px; font-weight:700;}

}

@media screen and (max-width:1359px){

.info-url{ height:60px; padding:0 15px; background:#fff; line-height:60px; color:#888; font-size:13px; position:relative; z-index:9; box-shadow:0px 0px 10px #ddd;}

.info-url span{ background:url(../image/home.png) left no-repeat; padding-left:32px;}

.info-url form{ float:right;}

.info-title{ padding:25px 0; background:url(../image/titbg.jpg) center no-repeat; text-align:center;}

.info-title span{ font-size:36px; color:#ec4322; line-height:50px; font-weight:700;}

}

@media screen and (max-width:1100px){

.info-url{ height:60px; padding:0 15px; background:#fff; line-height:60px; color:#888; font-size:13px; position:relative; z-index:9; box-shadow:0px 0px 10px #ddd;}

.info-url span{ background:url(../image/home.png) left no-repeat; padding-left:32px;}

.info-url form{ display:none;}

.info-title{ padding:15px 0; background:url(../image/titbg.jpg) center no-repeat; text-align:center;}

.info-title span{ font-size:26px; color:#ec4322; line-height:50px; font-weight:700;}

}

@media screen and (max-width:640px){

.info-url{ height:40px; padding:0 15px; background:#fff; line-height:40px; color:#888; font-size:13px; position:relative; z-index:9; box-shadow:0px 0px 6px #ddd; overflow:hidden;}

.info-url span{ background:url(../image/home.png) left no-repeat; padding-left:32px;}

.info-url form{ display:none;}

.info-title{ padding:15px 0; background:url(../image/titbg.jpg) center no-repeat; text-align:center;}

.info-title span{ font-size:26px; color:#ec4322; line-height:50px; font-weight:700;}

}





@media screen and (min-width:1360px){

.inf-content{ width:1200px; margin:0 auto 40px; padding-bottom:35px; box-shadow:0px 0px 14px #ddd; padding:50px; font-size:15px; color:#666;}

.info-class{ width:1300px; text-align:center;  margin:0 auto; padding:15px 0 35px;}

.info-class a{ margin:0 12px; background:#f0f0f0; padding:12px 35px; font-size:15px; border-radius:5px;}

.info-class a:hover{ background:#ec4322; color:#fff;}

.info-class a.lion{ background:#ec4322; color:#fff;}

}

@media screen and (max-width:1359px){

.inf-content{ margin:0 15px 40px; padding-bottom:35px; box-shadow:0px 0px 14px #ddd; padding:20px; font-size:15px; color:#666;}

.info-class{ text-align:center;  margin:0 15px; padding:15px 0 35px;}

.info-class a{ margin:0 12px; background:#f0f0f0; padding:12px 35px; font-size:15px; border-radius:5px;}

.info-class a:hover{ background:#ec4322; color:#fff;}

.info-class a.lion{ background:#ec4322; color:#fff;}

}

@media screen and (max-width:1100px){

.inf-content{ margin:0 15px 40px; padding-bottom:35px; box-shadow:0px 0px 14px #ddd; padding:20px; font-size:15px; color:#666;}

.info-class{ text-align:center;  margin:0 15px; padding:15px 0 35px;}

.info-class a{ margin:0 12px; background:#f0f0f0; padding:12px 35px; font-size:15px; border-radius:5px;}

.info-class a:hover{ background:#ec4322; color:#fff;}

.info-class a.lion{ background:#ec4322; color:#fff;}

}

@media screen and (max-width:640px){

.inf-content{ margin:0 15px 40px; padding-bottom:35px; box-shadow:0px 0px 14px #ddd; padding:15px; font-size:15px; color:#666;}

.info-class{ text-align:center; height:auto; margin:10px; }

.info-class a{ background:#f0f0f0; height:38px; margin:5px 1.5%; line-height:38px; float:left; width:47%; padding:0; font-size:15px; border-radius:3px;}

.info-class a:hover{ background:#ec4322; color:#fff;}

.info-class a.lion{ background:#ec4322; color:#fff;}

}

/**联系我们**/

@media screen and (min-width:1360px){

.cont-ban{ height:360px; background:url(../image/f1.jpg) center no-repeat; position:relative; z-index:10;}

.sea-txt{ width:160px; height:30px; border:1px #ddd solid; padding:0 8px;}

.sea-sub{ width:65px; height:32px; background:#ec4322; border:0; color:#fff;}

.inf-map{ width:600px; height:420px; float:left; border:1px #ddd solid;}

.inf-contact{ width:500px; float:left; padding-left:50px; line-height:35px;}

.inf-contact em{ font-size:20px; line-height:65px;}

.inf-contact p{ line-height:26px; color:#666;}

}

@media screen and (max-width:1359px){

.cont-ban{ height:260px; background:url(../image/f1.jpg) center no-repeat; background-size:120%; position:relative; z-index:10;}

.sea-txt{ width:160px; height:30px; border:1px #ddd solid; padding:0 8px;}

.sea-sub{ width:65px; height:32px; background:#ec4322; border:0; color:#fff;}

.inf-map{ width:45%; height:420px; float:left; border:1px #ddd solid; overflow:hidden;}

.inf-contact{ width:45%; float:left; padding-left:50px; line-height:35px;}

.inf-contact em{ font-size:20px; line-height:65px;}

.inf-contact p{ line-height:26px; color:#666;}

}

@media screen and (max-width:1100px){

.cont-ban{ display:none;}

.sea-txt{ width:160px; height:30px; border:1px #ddd solid; padding:0 8px;}

.sea-sub{ width:65px; height:32px; background:#ec4322; border:0; color:#fff;}

.inf-map{ display:none;}

.inf-contact{  line-height:35px;  width:100%;}

.inf-contact em{ font-size:20px; line-height:65px;}

.inf-contact p{ line-height:26px; color:#666;}

}

@media screen and (max-width:640px){

.cont-ban{ display:none;}

.sea-txt{ width:160px; height:30px; border:1px #ddd solid; padding:0 8px;}

.sea-sub{ width:65px; height:32px; background:#ec4322; border:0; color:#fff;}

.inf-map{ display:none;}

.inf-contact{ line-height:35px; margin:0; padding:0; width:100%;}

.inf-contact em{ font-size:20px; line-height:65px;}

.inf-contact p{ line-height:26px; color:#666;}

.inf-contact strong span{ font-size:20px !important;}

}

@media screen and (min-width:1360px){

/**售后服务**/

.fuwu-ban{ height:360px; background:url(../image/f1.jpg) center no-repeat; position:relative; z-index:10;}

.about-ban{ height:360px; background:url(../image/f1.jpg) center no-repeat; position:relative; z-index:10;}

.about-cont{ line-height:35px; float:left; width:660px; color:#666; font-size:15px;}

.about-cont p{ text-indent:2em;}

.about-img{ float:right; width:480px;}

}

@media screen and (max-width:1359px){

/**售后服务**/

.fuwu-ban{ height:260px; background:url(../image/f1.jpg) center no-repeat; background-size:120%; position:relative; z-index:10;}

.about-ban{ height:260px; background:url(../image/f1.jpg) center no-repeat; background-size:120%; position:relative; z-index:10;}

.about-cont{ line-height:35px; float:left;  color:#666; font-size:15px;}

.about-cont p{ text-indent:2em;}

.about-img{ display:none;}

}

@media screen and (max-width:1100px){

.about-ban,.fuwu-ban{ display:none;}

.about-cont{ line-height:35px; float:left; color:#666; font-size:15px;}

.about-cont p{ text-indent:2em;}

.about-img{ display:none;}

}

@media screen and (max-width:640px){

.about-ban,.fuwu-ban{ display:none;}

.about-cont{ line-height:35px; float:left; color:#666; font-size:15px;}

.about-cont p{ text-indent:2em;}

.about-img{ display:none;}

}



/**新闻中心**/

@media screen and (min-width:1360px){

.news-ban{ height:360px; background:url(../image/f1.jpg) center no-repeat; position:relative; z-index:10;}

.news-list{ width:1300px; margin:0 auto 40px;}

.news-list ul li{ width:620px; height:120px; float:left; margin:25px 15px; }

.news-list ul li a{ display:block; height:120px; transition:0.5s; padding:15px;}

.news-list ul li a:hover{ box-shadow:0px 0px 15px #ddd;}

.news-list ul li a:hover em{ color:#3580b9;}

.news-list ul li a img{ float:left; margin-right:15px; width:180px; height:120px;}

.news-list ul li a em{ font-size:20px; line-height:37px;}

.news-list ul li a p{ color:#999;}

}

@media screen and (max-width:1359px){

.news-ban{ height:260px; background:url(../image/f1.jpg) center no-repeat; background-size:120%;  position:relative; z-index:10;}

.news-list{ margin:0 15px 40px;}

.news-list ul li{ width:45%; height:120px; float:left; margin:25px 2.5%; }

.news-list ul li a{ display:block; height:120px; transition:0.5s; padding:10px;}

.news-list ul li a:hover{ box-shadow:0px 0px 15px #ddd;}

.news-list ul li a:hover em{ color:#3580b9;}

.news-list ul li a img{ float:left; margin-right:15px; width:160px; height:110px;}

.news-list ul li a em{ font-size:20px; line-height:37px;}

.news-list ul li a p{ color:#999;}

}

@media screen and (max-width:1100px){

.news-ban{ display:none;}

.news-list{ margin:0 15px 40px;}

.news-list ul li{ width:45%; height:120px; float:left; margin:25px 2.5%; }

.news-list ul li a{ display:block; height:120px; transition:0.5s; padding:10px;}

.news-list ul li a:hover{ box-shadow:0px 0px 15px #ddd;}

.news-list ul li a:hover em{ color:#3580b9;}

.news-list ul li a img{ float:left; margin-right:15px; width:160px; height:110px;}

.news-list ul li a em{ font-size:20px; line-height:37px;}

.news-list ul li a p{ color:#999;}

}

@media screen and (max-width:640px){

.news-ban{ display:none;}

.news-list{ margin:0 15px 40px;}

.news-list ul li{ height:auto; margin:10px 0; overflow:hidden; width:100%;}

.news-list ul li a{ display:block; height:auto; transition:0.5s; padding:10px 0;}

.news-list ul li a:hover{ box-shadow:0px 0px 15px #ddd;}

.news-list ul li a:hover em{ color:#3580b9;}

.news-list ul li a img{ float:left; height:auto; width:30%;}

.news-list ul li a em{ font-size:20px; line-height:29px;}

.news-list ul li a p{ color:#999;}

}



/**产品展示**/

@media screen and (min-width:1360px){

.product-ban{ height:360px; background:url(../image/f1.jpg) center no-repeat; position:relative; z-index:10;}

.product-list{ width:1300px; margin:0 auto 25px;}

.product-list ul li{ width:263px; margin:15px; float:left; text-align:center; border:1px #ddd solid; padding:15px; transition:.5s;}

.product-list ul li:hover{ border:1px #fff solid; box-shadow:0px 0px 15px #ddd;}

.product-list ul li .liimg{ width:263px; height:240px; text-align:center; margin:0 auto;}

.product-list ul li .liimg img{ max-width:263px !important; max-height:240px !important;}

.product-list ul li span a{ display:block; background:#f0f0f0; line-height:50px;}

.product-list ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.product-list ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

}

@media screen and (max-width:1359px){

.product-ban{ height:260px; background:url(../image/f1.jpg) center no-repeat; background-size:120%; position:relative; z-index:10;}

.product-list{ margin:0 10px 25px;}

.product-list ul li{ width:19%; margin:15px 1.5%; float:left; text-align:center; padding:10px 1%; transition:.5s; overflow:hidden; border:1px #ddd solid;}

.product-list ul li:hover{ border:1px #fff solid; box-shadow:0px 0px 15px #ddd;}

.product-list ul li .liimg{ width:100%; height:240px; text-align:center; margin:0 auto;}

.product-list ul li .liimg img{ max-width:263px !important; max-height:240px !important;}

.product-list ul li span a{ display:block; background:#f0f0f0; line-height:50px;}

.product-list ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.product-list ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

}

@media screen and (max-width:1100px){

.product-ban{ display:none;}

.product-list{ margin:0 10px 25px;}

.product-list ul li{ width:28%; margin:15px 1.5%; float:left; text-align:center; padding:10px 1%; transition:.5s; overflow:hidden; border:1px #ddd solid;}

.product-list ul li:hover{ border:1px #fff solid; box-shadow:0px 0px 15px #ddd;}

.product-list ul li .liimg{ width:100%; height:175px; text-align:center; margin:0 auto; overflow:hidden;}

.product-list ul li .liimg img{ height:175px;}

.product-list ul li span a{ display:block; background:#f0f0f0; line-height:50px;}

.product-list ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.product-list ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

}

@media screen and (max-width:640px){

.product-ban{ display:none;}

.product-list{ margin:0 10px 25px;}

.product-list ul li{ width:44.1%; margin:15px 1.5%; float:left; text-align:center; padding:10px 1% 0; transition:.5s; overflow:hidden; border:1px #ddd solid;}

.product-list ul li:hover{ border:1px #fff solid; box-shadow:0px 0px 15px #ddd;}

.product-list ul li .liimg{ width:100%; height:120px; text-align:center; margin:0 auto; overflow:hidden;}

.product-list ul li .liimg img{ height:120px;}

.product-list ul li span a{ display:block; background:#f0f0f0; height:50px; overflow:hidden; line-height:50px;}

.product-list ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.product-list ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

}



/**案例展示**/

@media screen and (min-width:1360px){

.case-ban{ height:360px; background:url(../image/f1.jpg) center no-repeat; position:relative; z-index:10;}

.case-list{ width:1300px; margin:0 auto 25px;}

.case-list ul li{ width:263px; margin:15px; float:left; text-align:center; border:1px #ddd solid; padding:15px; transition:.5s;}

.case-list ul li:hover{ border:1px #fff solid; box-shadow:0px 0px 15px #ddd;}

.case-list ul li .liimg{ width:263px; height:180px; text-align:center; margin:0 auto;}

.case-list ul li .liimg img{ max-width:263px !important; max-height:180px !important;}

.case-list ul li span a{ display:block; background:#f0f0f0; line-height:50px;}

.case-list ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.case-list ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

}

@media screen and (max-width:1359px){

.case-ban{ height:260px; background:url(../image/f1.jpg) center no-repeat;  background-size:120%; position:relative; z-index:10;}

.case-list{ margin:0 15px 25px;}

.case-list ul li{ width:19%; margin:15px 1.5%; float:left; text-align:center; border:1px #ddd solid; padding:10px 1%; transition:.5s;}

.case-list ul li:hover{ border:1px #fff solid; box-shadow:0px 0px 15px #ddd;}

.case-list ul li .liimg{ height:180px; text-align:center; margin:0 auto; overflow:hidden;}

.case-list ul li .liimg img{ height:180px;}

.case-list ul li span a{ display:block; background:#f0f0f0; line-height:50px;}

.case-list ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.case-list ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

}

@media screen and (max-width:1100px){

.case-ban{ display:none;}

.case-list{ margin:0 10px 25px;}

.case-list ul li{ width:28%; margin:10px 1.5%; float:left; text-align:center; border:1px #ddd solid; padding:10px 1%; transition:.5s;}

.case-list ul li:hover{ border:1px #fff solid; box-shadow:0px 0px 15px #ddd;}

.case-list ul li .liimg{ height:180px; text-align:center; margin:0 auto; overflow:hidden;}

.case-list ul li .liimg img{height:180px;}

.case-list ul li span a{ display:block; background:#f0f0f0; line-height:50px;}

.case-list ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.case-list ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

}

@media screen and (max-width:640px){

.case-ban{ display:none;}

.case-list{ margin:0 10px 25px;}

.case-list ul li{ width:44%; margin:10px 1.5%; float:left; text-align:center; border:1px #ddd solid; padding:3px 1%; transition:.5s;}

.case-list ul li:hover{ border:1px #fff solid; box-shadow:0px 0px 15px #ddd;}

.case-list ul li .liimg{ height:120px; text-align:center; margin:0 auto; overflow:hidden;}

.case-list ul li .liimg img{height:120px;}

.case-list ul li span a{ display:block; background:#f0f0f0; line-height:50px;}

.case-list ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.case-list ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

}



/*内容*/

.newnr{ height:auto; color:#666;}

.ntit{ width:85%; height:auto; line-height:35px; text-align:center; font-weight:100; color:#333; font-size:22px; font-weight:700; margin:22px auto;}

.nwcon{ height:auto; font-size:15px; line-height:30px; border-bottom:2px #f0f0f0 solid; padding:20px 5px 50px;}
.nwcon video{ display:block; width:100%; max-width:600px; margin:0 auto;}
.nwcon table{ width:100% !important;}

.nwcon table tr td{ padding:3px 5px;}

.nwcon img{ max-width:100% !important; height:auto !important; width:auto !important;  text-align:center; margin:0 auto; display:block; padding:8px 0;}



@media screen and (min-width:1360px){

.jhurl{ height:34px; line-height:34px; font-size:13px; font-family:微软雅黑; text-align:center; color:#777; background:#f0f0f0;}

.jhurl span{ padding:0 15px;}

.context{ height:30px; line-height:30px; padding:10px 20px; background:#f0f0f0;}

.context ul{ margin:0; padding:0;}

.context ul li{ width:450px; height:30px; line-height:30px; float:left;}

.context ul li a{ color:#666;}

}

@media screen and (max-width:1359px){

.jhurl{ height:34px; line-height:34px; font-size:13px; font-family:微软雅黑; text-align:center; color:#777; background:#f0f0f0;}

.jhurl span{ padding:0 15px;}

.context{ height:30px; line-height:30px; padding:10px 15px; background:#f0f0f0;}

.context ul{ margin:0; padding:0;}

.context ul li{ width:50%; height:30px; line-height:30px; float:left;}

.context ul li a{ color:#666;}

}

@media screen and (max-width:1100px){

.jhurl{ height:34px; line-height:34px; font-size:13px; font-family:微软雅黑; text-align:center; color:#777; background:#f0f0f0;}

.jhurl span{ padding:0 15px;}

.context{ height:30px; line-height:30px; padding:10px 15px; background:#f0f0f0;}

.context ul{ margin:0; padding:0;}

.context ul li{ width:50%; height:30px; line-height:30px; float:left;}

.context ul li a{ color:#666;}

}

@media screen and (max-width:640px){

.jhurl{ height:auto; line-height:24px; font-size:13px; font-family:微软雅黑; text-align:center; color:#777; background:#fff; border-bottom:1px #ddd solid;}

.jhurl span{ padding:0 5px;}

.context{ height:60px; line-height:30px; padding:10px 0; background:#fff;}

.context ul{ margin:0; padding:0;}

.context ul li{height:30px; line-height:30px; float:left; width:100%;}

.context ul li a{ color:#666;}

}

/**SEARCH**/

.search_header,.search_box{ width:1300px; margin:25px auto;}

.resultbar{ width:1270px; height:38px; line-height:38px; margin:0 auto; background:#f0f0f0; padding:0 15px;}

.result_content{ width:1300px; margin:0 auto; padding-top:0px; min-height:600px;}

.sidebar h2{ display:block; font-size:21px; line-height:50px; height:50px; font-weight:100;}

.resultlist{}

.resultlist ul li{ padding:15px 0; margin:5px 0; border-bottom:1px #ddd dashed;}

.resultlist ul li img{ float:left; width:180px; margin-right:25px;}

.resultlist ul li em a{ font-size:18px; font-weight:700; line-height:38px;}

.resultlist ul li span{ color:#888; line-height:28px;}

.resultlist ul li span a{ color:#888;}

.dede_pages{ width:1300px; text-align:center; margin:35px auto;}

.ban_search{ width:600px; height:100px; margin:120px auto; text-align:center; margin-bottom:30px; overflow:hidden;}

#search-keyword{ width:430px; height:53px; background:#fff; border:0; padding-left:20px;}

.search-submit{ background:#562f2a; width:140px; height:55px; color:#fff; font-size:16px; border:0;}

@media screen and (min-width:961px){

.wap-menu{ display:none;}

}

@media screen and (max-width:960px){

.wap-menu{ background:#ec4322; position:fixed; width:100%; height:55px; left:0; bottom:0; z-index:999;}

.wap-menu ul li{ width:25%; padding-top:8px; font-size:12px; text-align:center; line-height:15px; height:40px; float:left; border-right:1px #de3110 solid; margin-left:-1px;}

.wap-menu ul li a{ display:block; color:#fff;}

.wap-menu ul li a img{ height:23px; padding-bottom:4px;}

.footer{ margin-bottom:55px;}

}

/**2019-6-15**/

@media screen and (min-width:1300px){

.xy-left{ width:250px; float:left; margin-top:28px;}

.xy-left-title{ height:70px; background:#25437f; text-align:center; border-bottom:3px #ec4322 solid; border-top-left-radius:6px; border-top-right-radius:6px;}

.xy-left-title span{ line-height:70px; font-size:24px; color:#fff;}

.xy-left-title.martop{ margin-top:25px;}

.xy-left-content{ border:1px #ddd solid; padding:10px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}

.xy-left-content li{ height:42px; line-height:42px; background:#ddd; margin-bottom:10px;}

.xy-left-content li a{ display:block; padding-left:38px; transition:.5s; font-size:17px;}

.xy-left-content li a:hover{ background:url(../image/jt.png) #ec4322 197px center no-repeat; color:#fff;}

.xy-left-content li a.lion{ background:url(../image/jt.png) #ec4322 197px center no-repeat; color:#fff;}

.xy-left-contact{ border:1px #ddd solid; padding:10px;}

.xy-left-contact p{ padding:5px 0; line-height:24px; font-size:15px; color:#555; border-bottom:1px #ddd dashed;}

.xy-left-contact p:last-child{ border-bottom:0;}

.xy-right{ width:1000px; float:right; margin-top:28px;}

.xy-right-title{ border-bottom:1px #ddd solid; height:48px; line-height:48px; background:url(../image/arrow.gif) 5px center no-repeat;}

.xy-right-title em{ font-size:20px; font-weight:700; padding-left:25px; padding-right:6px; border-bottom:2px #ec4322 solid;}

.xy-right-title span{ font-size:13px; color:#999;}

.xy-right-title span a{ color:#999;}

.xy-right-content{ display:block; width:999px; margin:0 auto; padding-top:25px;}

.xy-right-content ul li{ width:291px; border:1px #ddd solid; padding:10px; float:left; margin:10px; transition:.5s;}

.xy-right-content ul li .liimg{ height:240px; overflow:hidden; margin-bottom:10px; text-align:center;}

.xy-right-content ul li .liimg img{ width:100%;}

.xy-right-content ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.xy-right-content ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.xy-right-content ul li span a{ display:block; text-align:center; background:#f0f0f0; height:36px; line-height:36px; font-size:16px; overflow:hidden; transition:.5s; padding-top:6px;}

.xy-right-content ul li:hover span a{ background:#ec4322; color:#fff;}

.xy-right-content ul li em{ display:block; height:36px; line-height:36px; text-align:center; font-size:15px; background:#f0f0f0; transition:.5s; padding-bottom:6px;}

.xy-right-content ul li:hover em{ background:#ec4322; color:#ffff00; font-size:17px;}

.xy-right-content ul li:hover{ border:1px #ec4322 solid; box-shadow:0px 0px 15px #999;}

.xy-right-neirong{ padding:25px 5px; font-size:15px; line-height:28px; color:#555;}

.xy-right-neirong img{ max-width:100% !important; height:auto !important;}

.xy-right-news{ margin:0 auto 40px;}

.xy-right-news ul li{ height:150px; margin:15px 0px; border:1px #f0f0f0 solid;}

.xy-right-news ul li a{ display:block; height:120px; transition:0.5s; padding:15px;}

.xy-right-news ul li a:hover{ box-shadow:0px 0px 15px #ddd;}

.xy-right-news ul li a:hover em{ color:#3580b9;}

.xy-right-news ul li a img{ float:left; margin-right:15px; width:180px; height:120px;}

.xy-right-news ul li a em{ font-size:20px; line-height:37px;}

.xy-right-news ul li a p{ color:#999;}

}

@media screen and (max-width:1300px) and (min-width:960px) {

.xy-left{ width:20%; float:left; margin-top:28px;}

.xy-left-title{ height:60px; background:#25437f; text-align:center; border-bottom:3px #ec4322 solid; border-top-left-radius:6px; border-top-right-radius:6px;}

.xy-left-title span{ line-height:60px; font-size:24px; color:#fff;}

.xy-left-title.martop{ margin-top:25px;}

.xy-left-content{ border:1px #ddd solid; padding:10px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}

.xy-left-content li{ height:42px; line-height:42px; background:#ddd; margin-bottom:10px;}

.xy-left-content li a{ display:block; padding-left:38px; transition:.5s; font-size:17px;}

.xy-left-content li a:hover{ background:url(../image/jt.png) #ec4322 197px center no-repeat; color:#fff;}

.xy-left-content li a.lion{ background:url(../image/jt.png) #ec4322 197px center no-repeat; color:#fff;}

.xy-left-contact{ border:1px #ddd solid; padding:10px;}

.xy-left-contact p{ padding:5px 0; line-height:24px; font-size:15px; color:#555; border-bottom:1px #ddd dashed;}

.xy-left-contact p:last-child{ border-bottom:0;}

.xy-right{ width:75%; float:right; margin-top:28px;}

.xy-right-title{ border-bottom:1px #ddd solid; height:48px; line-height:48px; background:url(../image/arrow.gif) 5px center no-repeat;}

.xy-right-title em{ font-size:20px; font-weight:700; padding-left:25px; padding-right:6px; border-bottom:2px #ec4322 solid;}

.xy-right-title span{ font-size:13px; color:#999;}

.xy-right-title span a{ color:#999;}

.xy-right-content{ display:block; margin:0 auto; padding-top:25px;}

.xy-right-content ul li{ width:28%; border:1px #ddd solid; padding:1%; float:left; margin:8px 1.5%; transition:.5s;}

.xy-right-content ul li .liimg{ height:200px; overflow:hidden; margin-bottom:10px; text-align:center;}

.xy-right-content ul li .liimg img{ width:100%;}

.xy-right-content ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.xy-right-content ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.xy-right-content ul li span a{ display:block; text-align:center; background:#f0f0f0; height:36px; line-height:36px; font-size:16px; overflow:hidden; transition:.5s; padding-top:6px;}

.xy-right-content ul li:hover span a{ background:#ec4322; color:#fff;}

.xy-right-content ul li em{ display:block; height:36px; line-height:36px; text-align:center; font-size:15px; background:#f0f0f0; transition:.5s; padding-bottom:6px;}

.xy-right-content ul li:hover em{ background:#ec4322; color:#ffff00; font-size:17px;}

.xy-right-content ul li:hover{ border:1px #ec4322 solid; box-shadow:0px 0px 15px #999;}

.xy-right-neirong{ padding:25px 5px; font-size:15px; line-height:28px; color:#555;}

.xy-right-neirong img{ max-width:100% !important; height:auto !important;}

.xy-right-news{ margin:0 auto 40px;}

.xy-right-news ul li{ height:150px; margin:15px 0px; border:1px #f0f0f0 solid;}

.xy-right-news ul li a{ display:block; height:120px; transition:0.5s; padding:15px;}

.xy-right-news ul li a:hover{ box-shadow:0px 0px 15px #ddd;}

.xy-right-news ul li a:hover em{ color:#3580b9;}

.xy-right-news ul li a img{ float:left; margin-right:15px; width:180px; height:120px;}

.xy-right-news ul li a em{ font-size:20px; line-height:37px;}

.xy-right-news ul li a p{ color:#999;}

}

@media screen and (max-width:960px){

.xy-left{ margin-top:28px;}

.xy-left-title{ display:none;}

.xy-left-content{ padding:10px;}

.xy-left-content li{ height:35px; line-height:35px; background:#ddd; width:46%; float:left; margin:8px 2%;}

.xy-left-content li a{ display:block; padding-left:38px; transition:.5s; font-size:17px;}

.xy-left-content li a:hover{ background:#ec4322; color:#fff;}

.xy-left-content li a.lion{ background:#ec4322; color:#fff;}

.xy-left-contact{ display:none;}

.xy-right{ margin:10px;}

.xy-right-title{ display:none;}



.xy-right-content{ display:block; }

.xy-right-content ul li .liimg{ height:auto; overflow:hidden; margin-bottom:10px; text-align:center;}

.xy-right-content ul li .liimg img{ width:100%;}

.xy-right-content ul li .liimg img{

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 2s ease;

	-moz-transition: all 2s ease;

	-o-transition: all 2s ease;

	transition: all 2s ease;

}

.xy-right-content ul li:hover .liimg img {

	-webkit-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	transform: scale(1.05);

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}

.xy-right-content ul li span a{ display:block; text-align:center; background:#f0f0f0; height:36px; line-height:36px; font-size:16px; overflow:hidden; transition:.5s; padding-top:6px;}

.xy-right-content ul li:hover span a{ background:#ec4322; color:#fff;}

.xy-right-content ul li em{ display:block; height:36px; line-height:36px; text-align:center; font-size:15px; background:#f0f0f0; transition:.5s; padding-bottom:6px;}

.xy-right-content ul li:hover em{ background:#ec4322; color:#ffff00; font-size:17px;}

.xy-right-content ul li:hover{ border:1px #ec4322 solid; box-shadow:0px 0px 15px #999;}

.xy-right-neirong{ padding:25px 5px; font-size:15px; line-height:28px; color:#555;}

.xy-right-neirong img{ max-width:100% !important; height:auto !important;}

.xy-right-news{ margin:0 auto 40px;}

.xy-right-news ul li{ height:auto; margin:15px 0px; border:1px #f0f0f0 solid;}

.xy-right-news ul li a{ display:block; height:auto; transition:0.5s; padding:15px;}

.xy-right-news ul li a:hover{ box-shadow:0px 0px 15px #ddd;}

.xy-right-news ul li a:hover em{ color:#3580b9;}

.xy-right-news ul li a img{ float:left; margin-right:15px; width:110px; height:80px;}

.xy-right-news ul li a em{ font-size:20px; line-height:37px;}

.xy-right-news ul li a p{ color:#999;}

}

@media screen and (max-width:960px) and (min-width:641px){

.xy-right-content ul li{ width:44%; border:1px #ddd solid; padding:5px 1%; float:left; margin:6px 1.5%; transition:.5s;}

}

@media screen and (max-width:640px){

.xy-right-content ul li{ border:1px #ddd solid; padding:5px 10px; margin:6px 10px; transition:.5s;}

}

/*pages*/

.pagination-wrapper { clear:both; padding:1em 0 2em 0; text-align:center; margin-top:28px;}

.pagination { display: inline-block; *display: inline; *zoom: 1; font-size:16px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }

.pagination li{ list-style: none; display: inline; float: left; line-height: 1em; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; }

.pagination li a { display: inline-block; padding: 1.0em 1.2em; background-color: #f9f9f9; color: #999; }

.pagination li a:link{ background:#fff; color: #3580b9; }

.pagination li a:hover{ text-decoration:none; }

.pagination li a:link:hover { color: #000; }

.pagination li.thisclass { background-color: #ec4322; color:#fff; }

.pagination li:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px; }

.pagination li:last-child{ border-radius: 0 3px 3px 0; }

.pagination .pageinfo{ color: #444; }