@charset "utf-8";
html{overflow-y:scroll; overflow-x:hidden;}
*html,*html body{_background:url(abont:blank);_background-attachment:fixed; }
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,legend,input,textarea,blockquote,img{padding:0;margin:0;}
body{ font-family: actor,"Microsoft YaHei",Tahoma,Verdana,'Simsun'; _height:100%;}

dl,ul,li{list-style:none;_display:block;}
img{border:none; display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
q:before,q:after{content:""}
input,textarea,img{border:none;}
input::-moz-focus-inner{border:none;padding:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
.clear{clear:both;height:0;font-size:0;overflow:hidden;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
a,area{blr:expression(this.onFocus=this.blur());}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
.css3{ transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;}
.inner{ margin:0px auto; width:1200px; display:block; overflow:hidden; position:relative;}
.inner2{ margin:0px auto; width:1200px; display:block; overflow:hidden; position:relative;}
#all_bj{ display:none;}

/*------------------head------------------*/
.head{height:100px;position:fixed; top:0px; left:0px; display:block; z-index:10000; width:100%; overflow:hidden;}
.head .logo{ width:200px; height:67px; display:block; left:4%; position:relative; display:block; float:left; margin-top:20px;}
.head nav{position:absolute;top:50%;right:4%;margin-top:-17px;height:34px;line-height:34px;}
.head nav ul{margin:0;padding:0;list-style:none;}
.head nav ul li{position:relative;float:left;margin-left:8px;}
.head nav a{display:block;padding:0 25px; color:#fff; font-size:16px;}
.head nav a:hover{color:#c72322; font-weight:bold;}
.head nav a.navdown{color:#c72322; font-weight:bold;}
.xialahead{ height:60px; background:#fff; box-shadow:rgba(0, 0, 0, .1) 0 1px 5px;}
.xialahead .logo{width:120px; height:auto;  margin-top:8px; left:2%;}
.xialahead nav{right:2%;}
.xialahead nav a{ color:#000; font-size:14px; font-weight:100;}

/*------------------tem_banner------------------*/
.tem_banner{position:fixed; top:0; left:0; text-align:center;font-size:0; min-height: 500px; width:100%; overflow:hidden;}
.tem_banner ul { width:100%; float:left;  height:auto; display:block;}
.tem_banner ul li{float:left;width:100%;list-style:none; height:100%; display:block; background-size:cover !important;}
.tem_banner ul li a{display:block;width:100%;height:100%;}
.tem_banner ul li img{ max-width:100%; height:auto;}
.tem_banner .flex-control-nav{position:absolute;right:0;bottom:20px;left:0;text-align:center;}
.tem_banner .flex-control-nav li{margin:0px;}
.tem_banner .flex-control-nav li a{display:inline-block; float: left; margin:0 6px;width:28px;height:10px;border:1px solid #c72322;border-radius:10px;text-indent:-999em;cursor:pointer; background:none;}
.tem_banner .flex-control-nav li a:hover{border:none; background:url(./pic/jingguo.png) no-repeat;width:30px; height: 30px;}
.tem_banner .flex-control-nav li a.flex-active{border:none; background:url(./pic/jingguo.png) no-repeat;width:30px; height: 30px;}
.tem_banner .flash img{width:100%!important;}
.tem_banner .flash img{
-webkit-animation:wobble 70s 1s 5 both;
-moz-animation:wobble 70s 1s 5 both;}
@-webkit-keyframes wobble{
0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
50%{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2);}
100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);}
}

/*------------------index-about------------------*/
.index-about{width:100%; display:block; float:left; height:auto; position:relative; background:#fff; overflow:hidden; padding:100px 0px; text-align:center; margin-top: 500px;}
.index-about h2{ font-size:50px; width:100%; text-align:center; clear:both;}
.index-about>.inner>p{ font-size:14px; width:100%; text-align:center; clear:both; line-height:24px; margin-bottom:40px; color:#888;}
.index-about img{ float:left;}
.index-about div{ font-size:14px; line-height:36px; text-align:left; text-indent:2em; padding-top:10px; color:#888;}
.index-about div a{color:#888;}

/*------------------index-service------------------*/
.index-service{width:100%; display:block; float:left; height:auto; position:relative; z-index:100; background:#f8f8f8; overflow:hidden; padding:120px 0px; background:url(../pic/service_bg.jpg) no-repeat center top;  background-attachment:fixed; color:#fff;}
.index-service h2{ font-size:50px; width:100%; text-align:center; clear:both;}
.index-service>.inner>p{ font-size:14px; width:100%; text-align:center; clear:both; line-height:24px; margin-bottom:20px;}
.index-service ul{ width:100%; clear:both; display:block;}
.index-service ul li{ width:50%; float:left; height:auto; list-style:none; position:relative; overflow:hidden; display:block; margin:40px auto 40px auto;}
.index-service ul li img{ float:left; width:80px; margin-right:50px; display:block; height:auto;}
.index-service ul li div{ float:left; width:470px; height:100%; display:block; position:relative;}
.index-service ul li h3{ font-size:18px; font-weight:bold; padding-bottom: 10px; }
.index-service ul li span{ font-size:14px; line-height:24px; margin-bottom: 12px; float: left;}
.index-service ul li div p{ font-size:14px; line-height:24px; width:50%; float:left; padding-bottom: 6px;}
.index-service ul li div p a{color:#fff; }

/*------------------index-case------------------*/
.index-case{ width:100%; display:block; float:left; height:auto; position:relative; z-index:100; background:#fff; overflow:hidden; padding:100px 0px;}
.index-case h2{ font-size:50px; color:#000; width:100%; text-align:center; clear:both;}
.index-case>p{ font-size:14px; color:#888; width:100%; text-align:center; clear:both; line-height:24px; margin-bottom:50px;}
.index-case ul{ width:100%; clear:both; margin:0px auto; display:block;}
.index-case ul li{ width:33.3%; float:left; list-style:none; position:relative; overflow:hidden; display:block;}
.index-case ul li a{ width:100%;  display:block;}
.index-case ul li a img{ width:100%; display:block; }
.index-case ul li a span{ display:block; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; z-index:10; text-align: center; background:url(../images/casebj.png);}
.index-case ul li a span .p1{display:block; font-size:22px; width: 100%; color:#f9f9f9; position:absolute; top:-26px; font-weight: bold; height: 26px; overflow: hidden; }
.index-case ul li a span .p2{display:block; font-size:14px; width: 100%; color:#f9f9f9; position:absolute; bottom:-22px; height: 22px; overflow: hidden; }
.index-case ul li a span .p3{display:block; width: 20%; position:absolute; top:-55px; left:40%;  height: 2px; background: #fff; overflow: hidden;}
.index-case ul li:hover a span{ display:block;  opacity:1; }
.index-case ul li:hover a span .p1{top:120px;}
.index-case ul li:hover a span .p2{bottom:20px;}
.index-case ul li:hover a span .p3{top:160px;}
.index-case ul li:hover a img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
.index-case .more{ width:300px; border:1px solid #959595; display:block; height:40px; line-height:40px; margin:80px auto 20px auto; clear:both; text-align:center; color:#5f6061; font-size:14px; }

/*------------------index-news------------------*/
.index-news{ width:100%; display:block; float:left; height:auto; position:relative; z-index:100; background:#fff; overflow:hidden; padding:0px 0px 100px 0px;}
.index-news h2{ font-size:50px; color:#000; width:100%; text-align:center; clear:both;}
.index-news>p{ font-size:14px; color:#888; width:100%; text-align:center; clear:both; line-height:24px; margin-bottom:50px;}
.index-news ul{ width:100%; margin:0px auto; clear:both; display:block;}
.index-news ul li{ width:25%; float:left; height:auto; list-style:none; position:relative; overflow:hidden; display:block; font-size:14px; line-height:40px; color:#888; text-align:left; padding-bottom:30px; float:left; margin-bottom: 20px;}
.index-news ul li a{ width:98%;  display:block; margin:0px auto; color:#333;}
.index-news ul li a img{ width:100%; display:block;}
.index-news ul li .tit{ font-size:16px; height:32px; line-height:32px; overflow:hidden; display:block;}
.index-news ul li p{ width:96%;  display:block; margin:0px auto;}
.index-news ul li:hover{ background:#f8f8f8;}
.index-news .more{ width:300px; border:1px solid #959595; display:block; height:40px; line-height:40px; margin:80px auto 20px auto; clear:both; text-align:center; color:#5f6061; font-size:14px; }

/*------------------footer------------------*/
.footer{background:#333; padding:60px 0; position:relative; z-index: 10; color:#6a6a6a; font-size:12px; line-height:2em; float:left; width:100%; overflow:hidden;}
.footer a{color:#6a6a6a; font-size:12px;}
.footer .foottext1{ width:110px; float:left; height:100%; display:inline; text-align:center; line-height:50px;}
.footer .foottext2{ width:250px; float:left; height:100%; display:inline; padding-left:54px;}
.footer .foottext2 img{ width:200px; height:67px;}
.footer .foottext3{ width:402px; float:left; height:100%; display:inline; padding-left:46px;}
.footer .foottext3 ul{  width:402px; float:left; border-right:1px solid #6a6a6a; }
.footer .foottext3 li{ float:left; width:133px; border:1px solid #6a6a6a; border-right:none; border-bottom:none; height:80px; line-height:80px; border-bottom:1px solid #6a6a6a;}
.footer .foottext3 li a{ display:block; width:100%; height:100%; text-align:center; font-size:14px;}
.footer .foottext3 .li2{ width:200px; border-bottom:1px solid #6a6a6a;}
.footer .foottext3 li:hover{ background:#6a6a6a;}
.footer .foottext3 li:hover a{ color:#333; font-size:16px;}
.footer .foottext4{ width:270px; float:left; height:100%; display:inline; padding-left:66px;}
.footer .link{ width:100%; display:block; position:relative; clear:both; float:left;}
.footer .link span{ width:100%; display:block; position:relative; clear:both; font-size:14px; margin-bottom:10px; margin-top:20px;}
.footer .link ul li{ float:left; width:12.5%;}
.footer .link ul li a{ font-size:12px;}
.footer .foottext4 .bdsharebuttonbox{}
.footer .foottext4 .bdsharebuttonbox a{background:url(../images/icon.png) no-repeat; position:relative; width:24px; height:24px; margin:5px 12px 5px 0; padding:0;}
.footer .foottext4 .bdsharebuttonbox .bds_qzone{background-position:-120px 0px;}
.footer .foottext4 .bdsharebuttonbox .bds_tsina{background-position:-40px 0px;}
.footer .foottext4 .bdsharebuttonbox .bds_tqq{background-position:-80px 0px;}
.footer .foottext4 .bdsharebuttonbox .bds_weixin{background-position:0px 0px;}

.fudong{}
.fudong ul{position:fixed; right:2%; bottom:4%; z-index:1000;}
.fudong ul li{-moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; background:#333333; width:58px; height:58px; margin-top:10px;-moz-box-shadow:0px 0px 3px #333333; -webkit-box-shadow:0px 0px 3px #333333; box-shadow:0px 0px 3px #333333; position:relative; opacity:0.95;}
.fudong ul li a{ width:100%; height:100%; display:block;}
.fudong ul li:hover{ background:#b92626;}
.fudong ul li span{background:url(../images/icon.png) no-repeat; width:100%; height:100%; position:relative; z-index:100; display:block;}
.fudong ul .qq span{background-position:-68px -183px;}
.fudong ul .wx span{background-position:-68px -127px; cursor:pointer;}
.fudong ul .top span{background-position:-68px -234px;}
.fudong .wxtk{ position:fixed; top:50%; left:50%; width:360px; height:0px; overflow:hidden; z-index:2000; margin-left:-180px; margin-top:-200px; background:#fff; text-align:center; color:#6a6a6a;-moz-box-shadow:0px 0px 6px #999; -webkit-box-shadow:0px 0px 6px #999; box-shadow:0px 0px 6px #999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.fudong .wxtk img{ width:220px; height:220px; margin:40px auto 20px auto;}
.fudong .wxtk span{ width:200px; margin:20px auto; clear:both; display:block; line-height:40px; border:1px solid #6a6a6a; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.contextmenu {  display: none;  position: absolute;  width: 200px;  margin: 0;  padding: 0;  background: #FFFFFF;  border-radius: 5px;  list-style: none;  box-shadow:
    0 15px 35px rgba(50,50,90,0.1),    0 5px 15px rgba(0,0,0,0.07);  overflow: hidden;  z-index: 999999;}
.contextmenu .tit{ background: #c72322; font-size: 18px; text-align: center; height:40px; line-height: 40px; display: block; color: #fff; }
.contextmenu li {  transition: ease .2s;}
.contextmenu li a {  display: block;  padding: 10px; font-size: 14px;  color: #999; text-align: center;  text-decoration: none;  transition: ease .2s;}
.contextmenu li a:hover {  display: block;  padding: 10px; background: #c72322;   color: #fff;  text-decoration: none;  transition: ease .2s;}
.contextmenu .qq{ width: 50%; float: left; height:50px; color: #fff; display: block; padding: 0; margin: 0;  background:#c72322 url(../images/icon.png) no-repeat;background-position: -146px -185px;}
.contextmenu .qq:hover {padding: 0px; background:#c72322 url(../images/icon.png) no-repeat;background-position: -146px -189px; }
.contextmenu .wx{ width: 50%; float: left; height:50px; color: #fff; display: block; padding: 0; margin: 0;  background:#c72322 url(../images/icon.png) no-repeat;background-position: -148px -130px; cursor: pointer; transition: ease .2s;}
.contextmenu .wx:hover{background-position: -148px -134px; transition: ease .2s;}

/*------------------内页样式------------------*/
.nei{width:100%; display:block; float:left; height:auto; position:relative; background:#fff; overflow:hidden;}
.nei .xiangguan{ font-size:18px; text-align:center; width:100%; height:50px; line-height:50px; margin:40px auto; float:left; background:#f9f9f9; color:#bbb; border-bottom:1px solid #eee; border-top:1px solid #eee;}

.nei_nav{ width: 100%; float: left; height: 90px; margin-bottom: 6px; margin-top: 6px; overflow: hidden;}
.nei_nav ul{ width: 100%; padding-left: 0.9%;}
.nei_nav ul li{ float: left; list-style: none; width: 24%; margin-right: 0.7%; height: 90px; display: block;}
.nei_nav ul li a{color: #999; width: 100%; height: 100%; display: block; text-align: center; line-height: 90px; background: #dddddd;  }
.nei_nav ul li:hover a{background: #c72322; color: #fff;}
.nei_nav ul .classnow a{background: #c72322; color: #fff;}
/*.nei_nav2{height:46px;position:fixed; top:60px; left:0px; margin-bottom: 0px; margin-top: 0px; display:block; z-index:10000; width:100%; overflow:hidden; background:#fff; box-shadow:rgba(0, 0, 0, .1) 0 1px 5px;}
.nei_nav2 ul li{ float: left; list-style: none; width: 24%; margin-right: 0.7%; height: 40px; display: block; margin-top: 3px;}
.nei_nav2 ul li a{color: #999; width: 100%; height: 100%; display: block; text-align: center; line-height: 40px; background: #dddddd;  }*/
.nei_nav2{height:auto;position:fixed; top:60px; left:0px; margin-bottom: 0px; margin-top: 0px; display:block; z-index:10000; width:180px; overflow:hidden; background:#fff; box-shadow:rgba(0, 0, 0, .1) 0 1px 5px;}
.nei_nav2 ul li{ float: left; list-style: none; width:100%; margin-right: 0; height: 40px; display: block; margin-bottom: 3px;}
.nei_nav2 ul li a{color: #999; width: 100%; height: 100%; display: block; text-align: center; line-height: 40px; background: #dddddd;  }

.nei_nav3{ width: 0px; height: 0px; position:fixed; top:60px; left:0; display: block; overflow: hidden;}
.nei_nav4{height:auto;position:fixed; top:60px; left:50%; margin-left: -780px; margin-bottom: 0px; margin-top: 0px; display:block; z-index:10000; width:180px; overflow:hidden; background:#fff;}
.nei_nav4 ul li{ float: left; list-style: none; width:100%; margin-right: 0; height: 40px; display: block; margin-bottom: 5px; box-shadow:rgba(0, 0, 0, .1) 0 1px 5px;}
.nei_nav4 ul li a{color: #999; width: 100%; height: 100%; display: block; text-align: center; line-height: 40px; background: #dddddd;  }
.nei_nav4 ul li:hover a{background: #c72322; color: #fff;}
.nei_nav4 ul .classnow a{background: #c72322; color: #fff;}


/*------------------动态列表------------------*/
.news_list{ width:1200px; margin:50px auto; background:#fff;}
.news_list li{ padding:30px 0; width:100%; float:left; display:block; height:220px; overflow:hidden; border-bottom: 1px solid #eee}
.news_list li .tu{ float:left; width:342px; height:220px; overflow:hidden; display:block; margin-right:34px;}
.news_list li .tu img{ width:100%; height:100%;}
.news_list li .time{ font-size:13px; padding-top:10px; color:#888;}
.news_list li .bt a{ font-size:16px; height:24px; display:block; overflow:hidden; margin:20px 0;}
.news_list li .ms{ font-size:13px; color:#888; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; height:50px;}
.news_list li .more a{ font-size:13px; text-decoration:underline; color:#888; margin-top:40px; display:block;}
.news_list li:hover .tu img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}

/*------------------动态内容------------------*/
.news_title{ width:100%; position:absolute; z-index:100; top:0; text-align:center;  font-size:36px; z-index:1;color: #fff; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.25);}
.news_tit{ height:60px; line-height:60px; width:100%; float:left; border-bottom: 1px solid #e9e9e9; font-size:14px; color:#666; position:relative; z-index:10;}
.news_tit span{ float:left;}
.news_tit a{color:#666;}
.news_tit .bdsharebuttonbox{ float:left; margin-top:16px; margin-left:10px;}
.content{ padding:30px 0 60px 0;  color:#333; font-size:14px; line-height:24px;}
.right_list{ position:fixed; right:3%; top:33%; z-index:1000;}
.right_list ul{}
.right_list ul li a{ width:22px; height:26px; overflow:hidden; display:block; background:url(../images/icon.png) no-repeat; margin-bottom:20px; line-height:999px;}
.right_list ul .list1 a{background-position:-36px -125px;}
.right_list ul .list2 a{background-position:-36px -85px;}
.right_list ul .list3 a{background-position:-36px -164px;}

/*------------------案例内容------------------*/
.product-list{ width:100%; margin:0px auto; clear:both; display:block; padding:0 0;}
.product-list ul{ width:100%;  margin:0px auto; clear:both; display:block;}
.product-list ul li{ width:33.3%; float:left; list-style:none; position:relative; overflow:hidden; display:block;}
.product-list ul li a{ width:100%;  display:block;}
.product-list ul li a img{ width:100%; display:block; }
.product-list ul li a span{ display:block; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; z-index:10; text-align: center; background:url(../images/casebj.png);}
.product-list ul li a span .p1{display:block; font-size:22px; width: 100%; color:#f9f9f9; position:absolute; top:-26px; font-weight: bold; height: 26px; overflow: hidden;}
.product-list ul li a span .p2{display:block; font-size:14px; width: 100%; color:#f9f9f9; position:absolute; bottom:-22px; height: 22px; overflow: hidden;}
.product-list ul li a span .p3{display:block; width: 20%; position:absolute; top:-55px; left:40%;  height: 2px; background: #fff; overflow: hidden;}
.product-list ul li:hover a span{ display:block;  opacity:1; }
.product-list ul li:hover a span .p1{top:120px;}
.product-list ul li:hover a span .p2{bottom:20px;}
.product-list ul li:hover a span .p3{top:160px;}
.product-list ul li:hover a img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}

.product-list ul li a span{ display:block; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; z-index:10; text-align: center; background:url(../images/casebj.png);}
.product-list ul li a span .p1{display:block; font-size:22px; width: 100%; color:#f9f9f9; position:absolute; top:-26px; font-weight: bold; height: 26px; overflow: hidden;}
.product-list ul li a span .p2{display:block; font-size:14px; width: 100%; color:#f9f9f9; position:absolute; bottom:-22px; height: 22px; overflow: hidden;}
.product-list ul li a span .p3{display:block; width: 20%; position:absolute; top:-55px; left:40%;  height: 2px; background: #fff; overflow: hidden;}
.product-list ul li:hover a span{ display:block;  opacity:1; }
.product-list ul li:hover a span .p1{top:120px;}
.product-list ul li:hover a span .p2{bottom:20px;}
.product-list ul li:hover a span .p3{top:160px;}

.product_title{ width:1200px; margin:0px auto; padding:60px 0; clear:both; color:#333; font-size:36px !important; text-align:center; letter-spacing:3px;}
.product_con{ width:1200px; margin:0px auto; padding:20px 0; clear:both; color:#333;}
.product_con img{ max-width:1200px !important}
.showproduct_list{ width:96%; margin:0px auto; clear:both; padding:40px 0;}
.showproduct_list li{ float:left; width:33.3%; overflow:hidden; position:relative; display:block;}
.showproduct_list li img{ width:100%;}
.showproduct_list li h2{ font-size:16px; height:40px; line-height:40px; overflow:hidden; display:block; text-align:left; font-weight:100;}

.dohuace{ width: 100%; float: left; height:auto; display: block; text-align: center; margin-bottom: 20px;}

.doxiangqing{width:1200px; margin:0px auto; clear:both;}
.ip2{width: 1200px; height: 900px; float: left; overflow: hidden; position:relative; z-index: 100;}
.ip1{width: 1200px; height: 900px; float: left; overflow: hidden; position:relative; z-index: 100;}
.ipimg{position:relative; z-index: 100; }
.ipxq{width: 360px; height: 768px; overflow: auto; float: left; top:0; left:0; margin-left: 0px; margin-top: 65px;position: absolute; z-index:111;border-radius: 36px;overflow-x:hidden;}
.ipxq2_1{margin-left: 150px;}
.ipxq2_2{margin-left: 725px;}
.ipxq1{margin-left: 420px;}
.ipxq::-webkit-scrollbar {display: none;}
.ipxq img{ width: 100%; height: auto;}



/*------------------服务单页面------------------*/
.fuwu{ width: 100%; background:#f6f6f6; padding:40px 0; float:left;}
.fuwu ul{ width: 1200px; margin: 0px auto; height:auto;}
.fuwu ul li{ width: 570px; float: left; height:280px; overflow:hidden; text-align: center; background:#fff; padding:30px 0; color:#333; margin:0 13px 26px 13px;
transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;}
.fuwu ul li img{ margin: 0px auto; width:80px; height:80px; padding-bottom:20px;transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;}
.fuwu ul li .p1{ font-size:18px;}
.fuwu ul li .p2{ font-size:12px;}
.fuwu ul li .p3{ font-size:12px; line-height:22px; padding:10px 0;}
.fuwu ul li .p4{ width:50px; display:block; height:2px; background:#d3d3d3; margin:0px auto;}
.fuwu ul li .p5{ width:400px; margin:0px auto; display:block; padding:20px 0;}
.fuwu ul li .p5 h6{ width:auto; float:left; font-size:14px; margin:4px 10px;}
.fuwu ul li:hover{ background:#c72323; color:#fff;}
.fuwu ul li:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05);}


/*------------------联系单页面------------------*/
.lianxi{ width: 100%; height:530px; background:none; padding-top:120px; float:left; background:url(../images/lianxibj.png) no-repeat center top; background-size:cover; color:#666; text-align:center;}
.lianxi .tit1{ color:#333; font-size:28px; line-height:36px;}
.lianxi .tit2{ font-size:22px; line-height:26px;}
.lianxi .tit3{ font-size:12px; line-height:40px; padding:20px 80px;}
.lianxi .ul1{ width:600px; margin:0px auto; clear:both;}
.lianxi .ul1 li{ float:left; width:200px; line-height:40px; font-size:14px;}
.lianxi .ul1 li img{ margin:0px auto;}
.lianxi .ul1 .li1{ padding-top:6px;}
.lianxi .ul1 .li2{ width:198px; border-left:1px solid #cacaca; border-right:1px solid #cacaca; display:block;}
.lianxi .ul2{ width:370px; margin:0px auto; clear:both; height:34px; overflow:hidden; line-height:34px; padding-top:20px; font-size:12px;}
.lianxi .ul2 img{ float:left;}
.lianxi .ul3{width:200px; margin:0px auto; clear:both; padding-top:50px;}
.lianxi .ul3 li{ width:26px; height:26px; display:block; float:left; cursor:pointer; margin:0 20px;}
.lianxi .ul3 .wb{ background:url(../images/lianxi-wb.png) no-repeat;}
.lianxi .ul3 .wx{ background:url(../images/lianxi-weixin.png) no-repeat;}
.lianxi .ul3 .qq{ background:url(../images/lianxi-q.png) no-repeat;}
.lianxi .ul3 .wb:hover{ background:url(../images/sina-icon2.png) no-repeat;}
.lianxi .ul3 .wx:hover{ background:url(../images/weixin-icon2.png) no-repeat;}
.lianxi .ul3 .qq:hover{ background:url(../images/qq-icon2.png) no-repeat;}

/*------------------关于单页面------------------*/
.guanyu{ background:#f6f6f6; width:100%; height:auto; float:left; padding:50px 0;}
.guanyu .about{ width:1200px; margin:0px auto;}
.guanyu .about img{ padding-top:50px;}
.guanyu .about div img{ padding-bottom:25px; padding-top:0px;}
.guanyu .about div{ width:584px; float:left; margin-right:40px; font-size:14px; line-height:26px; color:#666; text-indent:2em}




