body {color: #555;	font-size: 14px;	line-height: 1.75em;	background: #fff;	font-family: Arial, Helvetica,"微软雅黑","Microsoft YaHei" , simsun, sans-serif ;	-webkit-font-smoothing: antialiased; }
.fl{ float: left; } .fr{ float: right;} 
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} 
/***************
"宋体","SimSun","黑体","SimHei","微软雅黑","Microsoft YaHei","微软正黑体","Microsoft JhengHei","新宋体","NSimSun","楷体","KaiTi","
深黑 重要文字和标题  #222  
中灰色 普通文字信息及引导 #666
#浅灰  辅助信息 次要文字 按钮苗边 #999
#淡淡灰  分割线 标签描边 #d7d7d7 
#暗白  内容背景 #f3f5f7 
背景 #f8f8f8

**************/
.w120{ width:1200px; clear:both; margin:0 auto;   }
.w100{ width:100%; min-width:1200px;  clear:both; margin:0 auto;   }
.w1150{ width:1150px; clear:both; margin:0 auto;   }

a { color:#444;}
a:hover{ color:#f71;}
/********* top *****************/
header .gonggao{ height:32px; line-height:32px; background:#F5F5F5; border-bottom:1px solid #eee;}
header .gonggao .text{ background:url(img/gonggaoico.png) left center no-repeat; padding-left:30px; width:800px; overflow:hidden;height:32px; line-height:32px;}
header .gonggao .fenxiang {  color:#999; }
header .gonggao .fenxiang  a{ padding:0 10px; display: inline-block; position:relative; height:32px; z-index:11;   }
header .gonggao .fenxiang  a div{ display:none; position:absolute; width:130px;  padding:5px; background:#fff; left:50%; top:32px; margin-left:-70px; border:1px solid #f71; }
header .gonggao .fenxiang  a div img{ display:block; width:100%; height:auto;}
header .gonggao .fenxiang  a:hover div{ display:block}

header .ding{ padding:20px 0 ; }
header .ding .logo{ }

header .ding .tel{ background:url(img/telico1.png) left center no-repeat; padding-left:60px; height:60px; line-height:30px; font-size:16px; color:#666;  }
header .ding .tel p{ font-size:20px; color:#f71; font-weight:bold;}


header .daohang{ height:50px; line-height:50px; background:url(img/navBg.png) #f71;}
header .daohang ul.nav{}
header .daohang ul.nav li{ float:left;   position:relative;}
header .daohang ul.nav li h3{background:url(img/navbg2.png) right center no-repeat; width:170px; font-weight:normal;}
header .daohang ul.nav li.last  h3{ background: none;}
header .daohang ul.nav li a{ display:block; color:#fff; font-size:17px; margin:0 auto; text-align:center; width:170px;  }

header .daohang ul.nav li:hover  h3 a,header .daohang ul.nav li h3 a.on{ background: url(img/navBgh2.png) center top 1px no-repeat rgba(0,0,0,.3); background-size:100% auto; }

header .daohang ul.nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:0px; top:50px; z-index:1; width:170px;  background:#E77817;  }
header .daohang ul.nav  .sub li{ text-align:center;  margin-bottom:-1px;    }
header .daohang ul.nav  .sub li a{ display:block;  line-height:1.5em;; color:#fff; padding:8px 0; border-top:1px dotted #b96012; font-size:14px; width:170px;  }
header .daohang ul.nav  .sub li a:hover{ background:#cf6c15 ;    }



/*******************/
.pptSlide{ width:100%;  position:relative;  height:600px;   }
.pptSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.pptSlide .bd ul{ width:100% !important;  }
.pptSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.pptSlide .bd li a{ display:block; height:600px; }

.pptSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; }
.pptSlide .hd ul{ text-align:center; }
.pptSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; overflow:hidden; background:#ccc; line-height:999px; border-radius:12px; overflow:hidden; border:6px  double  #fff; box-shadow:0 0 5px #fff; }
.pptSlide .hd ul .on{ background:#E77817;   }
/*
.pptSlide .prev,
.pptSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.pptSlide .next{ left:auto; right:15%; background-position:-6px -137px; }
*/

/***********************/
.tit_index{ text-align:center;  font-size: 22px;}
.tit_index p{ background:url(img/tit.png) center bottom no-repeat;   color:#333; font-size: 36px; font-weight:bold;  line-height:50px; padding:15px 0; margin-bottom:10px;}
.tit_index p strong{ color:#f71; }

.cp_index{ padding:70px 0; background:url(img/cp-index-bg.jpg) #eee;;}
.cp_index  .cpxm{ width:1200px; margin:0 auto ;  background:url(img/line.gif) repeat-y  250px #fff;; box-shadow:0 0 8px #aaa;}

.lefts { width:250px; background:#fff; overflow:hidden;  }
.lefts .cpfl{width:250px; }
.lefts .cpfl .tit{ height:50px; background:#FD5400; padding:25px; }
.lefts .cpfl .tit i{ display:block; float:left; width:60px; height:50px; background:url(img/citie.png) center center no-repeat ; margin-right:10px; }
.lefts .cpfl .tit p{ color:#fff; line-height:30px; font-size:28px;}
.lefts .cpfl .tit p span{ display:block; font-size:12px; line-height:20px;}
.lefts .cpfl ul li{   margin:10px ; }
.lefts .cpfl ul li a{ display:block; line-height:1.2em; ; font-size:16px; background:#858585;  color:#fff; padding:15px ;}
.lefts .cpfl ul li:hover a{ background:#FF7300; }
.lefts .cpfl ul li a.on{ font-weight:bold;  background:#FF7300;}

.lefts .cpfl ul  li.fl_xlb a{ background:url(img/fl_xlb.png) 10px center no-repeat; font-size:14px; padding:5px 0;  padding-left:30px; line-height:22px; border-top:1px  dotted  #ddd;  }
.lefts .cpfl ul  li.fl_xlb a.on{ color:#f71; font-weight:bold;}
/***********************/


.lefts .lxwm{ width:250px; margin:20px auto;  }
.lefts .lxwm .lx_tit_left{ text-align: left; line-height:50px; background:#f71; color:#fff; font-size:18px;}

.lefts .lxwm .lx_tit_left span {background: url(img/lxico.png) center center no-repeat;display: inline-block;height: 50px;width: 50px;margin-right: 10px;margin-left: 35px;}

.lefts .lxwm .lx_nr{ width:230px; margin:10px auto; overflow:hidden;}


.lefts .cpsousuo{ width:250px; margin:40px auto 20px; }
.lefts .cpsousuo .lx_tit_left{ text-align:center; line-height:50px; background:#f71; color:#fff; font-size:18px;}
.lefts .cpsousuo .sousuo{width:230px; margin:20px auto; overflow:hidden;}
.lefts .cpsousuo .sousuo input{ display:block; width:167px; border:1px solid #ddd; margin:0 auto; padding:5px 10px; line-height:30px; float:left; }
.lefts .cpsousuo .sousuo a{ display:block; margin:0 auto;  color:#fff; line-height:42px; text-align:center; float:right; width:40px; background:url(img/sousuoico2.png) center center no-repeat #333; }
.lefts .cpsousuo .sousuo a:hover{ background-color:#f71;}

.lefts .lxxm{ width:230px; margin:20px auto; overflow:hidden; font-size:16px; padding-bottom:6px;  }
.lefts .tel-lx { border-bottom:1px dotted #ddd;}
.lefts .tel-lx span{color:#f71; font-size:24px;  }
.lefts .tel-lx p{background:url(img/left-tel2.png) left center no-repeat; padding-left:25px;}

.lefts .email-lx span{color:#f71; font-size:24px;  }
.lefts .email-lx p{background:url(img/left-e-mail.png) left center no-repeat; padding-left:25px;}


.cp_index .cpgd{ width:920px; background:#fff;overflow:hidden;   }
.cp_index .cpgd .tit{ height:50px;  padding:25px; border-bottom:1px solid #ddd; }
.cp_index .cpgd .tit i{ display:block; float:left; width:50px; height:50px; background:url(img/citie2.png) center center no-repeat ; margin-right:10px; }
.cp_index .cpgd .tit p{ color:#f71; line-height:50px; font-size:28px;}
.cp_index .cpgd .tit p span{ color:#999; padding-left:20px;}
.cp_index .cpgd .tit A{ float:right; line-height:50px; font-size:14px;}

/*
.multipleLine{ overflow:hidden; position:relative; width:920px;    }
.multipleLine .bd{  overflow:hidden; width:920px; margin:10px auto;  }
.multipleLine .bd ul{ overflow:hidden; zoom:1;   }

.multipleLine .bd ul li{ margin:8px; float:left;  overflow:hidden; text-align:center; width:280px; height:250px; border:1px solid #999; }
.multipleLine .bd ul li .pic{ text-align:center; width:280px; height:210px; overflow:hidden; position:relative }
.multipleLine .bd ul li .pic img{max-width: 100%;max-height: 100%;position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.multipleLine .bd ul li .title{ line-height:40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#999; color:#fff;   }
.multipleLine .bd ul li:hover .title{ background:#f71;}
.multipleLine .bd ul li:hover{ border-color:#f71}*/

ul.cplist{ margin:15px auto;}
ul.cplist li{ float:left; width:280px; margin:10px; overflow:hidden; text-align:center;  border:1px solid #999;}
ul.cplist li .tu{ width:280px ; height:210px; overflow:hidden; position:relative;}
ul.cplist li .tu img{max-width: 100%;max-height: 100%;position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

ul.cplist li p.wen{ line-height:40px; background:#999999; color:#fff;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
ul.cplist li:hover p.wen{ background:#f71;}
ul.cplist li:hover{ border:1px solid #f71;}

/************************/
.ys-index { padding:50px 0 0; background:#eee url(img/dbxb.jpg) top center ; }

.index_c0 { margin:0 auto; padding:10px 0  50px;; text-align:center; }
.index_c0 ul li{ width:198px ; height:266px; margin:10px 30px;  float:left;   padding: 20px; -webkit-transition:all 1s ease-in; transition: all 1s ease 0s; position:relative; }
.index_c0 ul li:before{ display:block; width:40px; height:40px; content:""; background:url(img/diandian.png) center center no-repeat; position:absolute; left:-50px; top:100px;; }
.index_c0 ul li:first-child:before{ width:0;}

.index_c0 ul li .tu{ border:2px solid  #F71;   padding:30px; width:110px; height:110px; border-radius:100px; overflow:hidden; margin:10px auto 20px;;}
.index_c0 ul li .tu img{ width:110px; height:110px;  -webkit-transition:all 0.5s ease-in; transition: all 1s ease 0s;}
.index_c0 ul li:hover .tu img{ /*-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);*/transform: scale(1.1); -webkit-transform: scale(1.1);}
.index_c0 ul li p.bt{  font-size:24px;   font-weight:bold; color:#f71;}
.index_c0 ul li:hover  p.bt{ text-shadow:2px 2px 2px #333}

.index_c0 ul li:hover .tu { background:#fff; box-shadow:0 5px 5px #733C0B; }




/********************/
.ys-index ul.about_list li.xm{ overflow:hidden; padding:60px 0;  }
.ys-index ul.about_list li.xm1{  background-color:rgba(0,0,0,0.05);  }
.ys-index ul.about_list li.xm0{ background: url(img/bj.png) top  center no-repeat; }
.ys-index ul.about_list li.xm .tu{ width:502px; height:auto; overflow:hidden; float:right; }
.ys-index ul.about_list li.xm0 .tu{ float:left;}
.ys-index ul.about_list li.xm .tu img{ display:block; width:500px; height:auto;  background:#fff;}

.ys-index ul.about_list li.xm .wen{ width:580px; height:auto; overflow:hidden; float: left; padding:40px  0 20px  0px;;  position:relative; color:#444;}
.ys-index ul.about_list li.xm0 .wen{ float: right;}

.ys-index ul.about_list li.xm .bt .xuhao{ width:60px; height:60px;  overflow:hidden; box-shadow:10px 10px 5px #733C0B; text-align:center; background:#f71; margin-right:30px; float:left;  }
.ys-index ul.about_list li.xm .bt .xuhao span{  font-size:50px; line-height:60px; color:#fff; font-weight:bold; }

.ys-index ul.about_list li.xm .bt p{ color:#f71; font-size:30px; line-height:1.5em;  }
.ys-index ul.about_list li.xm .bt span{ color:#777; text-transform:uppercase; font-size:18px;}
.ys-index ul.about_list li.xm .nr{ font-size:16px; line-height:2em; text-align:justify; margin-top:10px;}

/**********************/
.about-index .title{text-align:center}
.about-index .title h1{text-transform:uppercase;color:#333;font-size:48px;font-weight:400}
.about-index .title span{text-transform:uppercase;color:#f71;font-size:24px; font-weight:bolder;}
.about-index{background-color:#fff;padding:70px 0 80px 0}
.about-index .title{text-align:left;margin-bottom:65px}
.abouttext{width:650px;float:left}
.abouttext p{color:#999;font-size:16px;line-height:30px}
.abouttext p:first-of-type{margin-bottom:30px}

.abouttext a.more{display:inline-block;width:180px;height:35px;line-height:35px;text-align:center;border-radius:25px;border:1px solid #e5e5e5;font-size:16px;background-color:#f71;color:#fff;text-transform:uppercase;margin-top:40px;}
.abouttext a.more:hover{box-shadow:0 0 5px #e5e5e5}
.about img{float:right}

/********************/
.case-index{ background:url(img/636613048363087927.png); padding:80px 0; text-align:center}

.case-index .title-wp{ text-align:center; margin:10px auto;  position: relative;display: inline-block;margin-bottom: 20px;padding-left: 90px;background: url(img/titleLeft.png) no-repeat left center;vertical-align: top;}

.case-index .title-wp .title {height: auto; color:#f71;     padding-right: 90px;background: url(img/titleRight.png) no-repeat right center;line-height: auto;}
.case-index .title-wp .title h2{ font-weight:normal;}

.case-left{  overflow:hidden; position:relative;    }
.case-left .bd{   }
.case-left .bd ul{ overflow:hidden; zoom:1; }
.case-left .bd ul li{ margin:20px 10px; float:left; _display:inline; overflow:hidden; text-align:center; width:280px; box-shadow:0 0 10px #bbb; -webkit-transform: all .5s ease 0s;transition: all .5s ease 0s;  }
.case-left .bd ul li .tu{ width:280px; height:180px; overflow:hidden; position:relative;}
.case-left .bd ul li .tu:before{ display:block; width:40px; height:40px; position:absolute; top:-40px; left:50%;  margin-left:-20px; background:url(img/case-ico.png) center center no-repeat; content:""; z-index:999; }
.case-left .bd ul li:hover .tu:before{ -webkit-transform: translate(0,100px); transform: translate(0,120px); -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; }

.case-left .bd ul li .tu img{ display:block; width:280px; height:180px; }
.case-left .bd ul li:hover .tu img{ transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;transition: all .5s ease 0s; }

.case-left .bd ul li .wen{ background:#666; color:#fff; line-height:40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-left .bd ul li:hover{ -webkit-transform: translate(0,-8px); transform: translate(0,-8px); }
.case-left .bd ul li:hover .wen{ background:#f71;}

/****************/
footer  { background:#222; }
footer  .foot-link { line-height:50px; text-align:center; background:url(img/navBg.png) #f71; color:#962;  }
footer  .foot-link a{ line-height:50px; padding:0 30px; color:#222; font-size:16px}


footer .foot-dianhua{ border-bottom:1px solid #334;  border-top:1px solid #334; padding:20px 0; margin:0  auto;}
footer .foot-dianhua .xm{height:60px;  height:60px; padding-left:60px; color:#F27E1E; width:300px; }
footer .foot-dianhua .xm p{ color:#ccc; margin-top:5px;}

footer .foot-dianhua .foottel{ background:url(img/foottel.png) left center no-repeat; float:left;}
footer .foot-dianhua .foottel p{  color:#ccc; margin-top:5px;}
footer .foot-dianhua .foottel p span{  color:#F27E1E }

footer .foot-dianhua .add{ float:right; width:360px;background:url(img/footadd.png) left center no-repeat;  }
footer .foot-dianhua .yx{ float:left; width:240px;  margin-left:50px;background:url(img/footemail.png) left center no-repeat;}


footer  .copyright{ text-align:center; color:#ccc; padding:10px 0;}
footer  .copyright a{ color:#ccc;}

/***********分页*******************/

.pagination{list-style:none;margin:20px auto; text-align:center; display:inline-block; width:100%;}
.pagination li{display:inline-block; margin:2px; text-align:center;}
.pagination a{color:#999;padding:5px 12px;line-height:18px;display:block;border:solid 1px #ddd;}
.pagination a:hover ,.pagination li.thisclass a{ background:#f71; color:#fff;border:solid 1px #f71;}


/********  **************/
.main {  box-shadow:0 0 5px #ccc; margin:50px auto; position:relative; background:url(img/line.gif) repeat-y  250px;}
.banner { max-height:350px; overflow:hidden}
.banner img{ display:block; width:100%; height:auto; }


/***********************/
.main  .titlxwm h1{ font-size:24px; font-weight:bold; color:#f71; text-align:center;  margin:30px auto;   }
.main  .titlxwm h1 span{ border-bottom:2px solid #f71; display:block; height:10px; width:40px; margin:0 auto;}
.main  .titlxwm h1 p{ border-bottom:2px solid #ccc; display:block; height:10px; width:150px; margin:0 auto;}

.main .mainlxwm{ margin:50px auto;  }
.main .mainlxwm ul li{ width:320px; margin:10px; height:160px;  background:#f3f5f9; float:left; text-align:center; padding:30px;  border-radius:4px; box-shadow:0 3px 8px #aaa; 
-webkit-transition:background-color 0.5s linear;
-moz-transition:background-color 0.5s linear;
-o-transition:background-color 0.5s linear;
transition:background-color 0.5s linear;}
.main .mainlxwm ul li .tu{ width:80px; height:80px; overflow:hidden; border-radius:80px; border:2px solid #fff; margin:0 auto; background:#fff;}
.main .mainlxwm ul li .tu img{ width:80px; height:80px; display:block; }
.main .mainlxwm ul li h3{ margin:10px auto; font-size:18px; color:#f71;}
.main .mainlxwm ul li  .nr{ font-size:16px; text-align:center; }

.main .mainlxwm ul li:hover{ background:#f71; color:#ccc;}
.main .mainlxwm ul li:hover h3{ color:#fff;}
.main .mainlxwm ul li:hover a{ color:#fff;}


/**************************/
.main .lx_zxly{ font-size:18px; width:850px; margin:20px auto;  }
.main .lx_zxly li{ margin:20px 0;  }
.main .lx_zxly li.xm3{ width:360px; float:left; margin-right:60px; }
.main .lx_zxly li.mr0{ margin-right:0 !important; }

.main .lx_zxly li.xm2{ width:400px; float:left; margin-right:40px;  }
.main .lx_zxly li input ,.main .lx_zxly li textarea{ display:block; border: none;  width:100%; line-height:40px; padding:10px; box-sizing:border-box; outline:none;color:#444; border-bottom:1px solid #ccc;  }

.main .lx_zxly li input.yzm{ width:200px;}
.main .lx_zxly li .yzm_img{ height:20px; padding:20px; display:block; float:left;}


.main .lx_zxly  input.tijiao{ background:#f71; color:#fff; font-size:24px;  transition:all 0.5s; }
.main .lx_zxly  input.tijiao:hover{ background:#333;}
.main .lx_zxly li:hover input , .main .lx_zxly li:hover textarea{ border-color:#f71;}

/*********************/
.main .fenlei_list{ text-align:center;}
.main .fenlei_list ul li{ display:inline-block; margin-bottom:20px;}
.main .fenlei_list ul li a{ display:block; padding:8px 25px; background:#def; font-size:16px; color:#f71; }
.main .fenlei_list ul li a:hover,.main .fenlei_list ul li a.on{ background:#f71; color:#fff;}



.main .xwlist{  }
.main .xwlist li { padding:10px 30px;  border-bottom:1px solid #ddd; height:150px;}
.main .xwlist li:hover{ box-shadow:0 0 10px #ccc;}
.main .xwlist li .tu{ width:200px; height:150px; overflow:hidden; }
 .main .xwlist li .wen{ width:640px; height:150px; overflow:hidden; }
.main .xwlist li .tu img{width:100%; height:150px;}
.main .xwlist li:hover .tu img{    transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;}
.main .xwlist li .wen .xwtit{ font-size:18px; font-weight:bold; line-height:1.4em; color:#333;}

.main .xwlist li .wen .nr{ color:#999; text-align:justify; line-height:1.7em; height:5.1em; margin:10px 0 10px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .xwlist li .wen .time{ padding:0 20px; background:#aaa; color:#fff; line-height:30px;}
.main .xwlist li .wen .more{ padding:0 20px; background:#ccc; color:#fff; line-height:30px;}
.main .xwlist li:hover .wen .more{ background:#f71;}
.main .xwlist li:hover .wen .tit{ color:#f71;}


.main .xwneirong{ margin:50px auto;}
.main .xwneirong .title{ border-bottom:1px solid #ddd; padding-bottom:20px; text-align:center;  }
.main .xwneirong .title p{ color:#999; }
.main .xwneirong .title h1{ margin:0 auto; font-size:28px; line-height:1.4em;  font-weight:normal; color:#333;}
.main .xwneirong .xiangxineirong{ margin:20px auto; width:1150px; overflow:hidden;   }
.main .xwneirong .xiangxineirong img{ max-width:1150px;}
.main .xwneirong .xiangxineirong  table{ width:100%; border-collapse:collapse; border:1px solid #ddd;}
.main .xwneirong .xiangxineirong  table td{ padding:0 2px;}

.main .shangxiaye{ margin:20px auto; padding:30px 0; border-top:1px  dotted  #ddd; text-align:center;}
.main .shangxiaye a{ display:inline-block; width:150px; height:40px; line-height:40px; background:#999; color:#fff; margin:10px; }
.main .shangxiaye a:hover{ background:#f71;}


/************** 服务与支持 *********************/
.main .fuwu { margin:40px auto; }
.main .fuwu .lefts{ width:260px;   }
.main .fuwu .lefts ul li a{ display:block; line-height:40px; height:40px; border-bottom:1px solid #ddd;}
.main .fuwu .lefts ul li:nth-child(1) a{ border-top:1px solid #ddd; }
.main .fuwu .lefts ul li a:hover , .main .fuwu .lefts ul li a.on{ color:#05a;   }

.main .fuwu  .rights { width:850px;   }
.main .fuwu  .rights  .title h1{ font-size:24px; line-height:40px; height:40px;  border-bottom:1px solid #ddd; font-weight:normal; color:#333; margin:0; padding:0;}
.main .fuwu  .rights .fuwunr{ width:850px; margin:20px auto; overflow:hidden;}
.main .fuwu  .rights .fuwunr img{ max-width:850px; }
.main .fuwu  .rights .fuwunr table{ max-width:850px; width:100%; border-collapse:collapse; }
.main .fuwu  .rights .fuwunr table td{ padding:0 2px;}
.main .fuwu  .rights  ul.cjwt { width:850px; margin:20px auto; overflow:hidden; }
.main .fuwu  .rights  ul.cjwt li { height:40px; padding:0 0 10px;}
.main .fuwu  .rights  ul.cjwt li a{ display:block; padding:0 20px; background:#f2f2f2;  height:40px; line-height:40px; overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
.main .fuwu  .rights  ul.cjwt li a:hover{background:#05a; color:#fff; }


/********************************/
.main   ul.ccplist{ margin:0 auto 30px}
.main   ul.ccplist li{ width:256px; height:190px; padding:20px; float:left;}
.main   ul.ccplist li:hover{ box-shadow:0 0 5px #999;}
.main   ul.ccplist li .tu { width:256px; height:160px; overflow:hidden;}
.main   ul.ccplist li .tu img{ width:100%; }
.main   ul.ccplist li  .wen{ height:30px; line-height:30px; width:256px; overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap; font-size:16px;}
.main   ul.ccplist li:hover .wen{ color:#05a;}

.main .tuji { text-align:center;font-size:0;  line-height:0; margin:20px auto;}
.main .tuji a{ display:inline-block; width:228px; height:228px; overflow:hidden; margin:1px; }
.main .tuji a img{ width:228px; height:228px;}

.main   ul.rylist li{ width:256px; height:256px; padding:20px; float:left; }
.main   ul.rylist li .tu { width:242px; height:242px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #ddd; overflow:hidden;}
.main   ul.rylist li .tu img{ max-height:240px; max-width:240px;}


/*************************/
.main .rights{ width:920px; background:#fff;overflow:hidden;  }
.main .rights .tit{ height:50px;  padding:25px; border-bottom:1px solid #ddd; }
.main .rights  .tit i{ display:block; float:left; width:50px; height:50px; background:url(img/citie2.png) center center no-repeat ; margin-right:10px; }
.main .rights  .tit p{ color:#f71; line-height:50px; font-size:28px;}
.main .rights  .tit p span{ color:#666;;float:right; line-height:50px; font-size:14px; }
.main .rights  .tit A{ color:#666; padding:0 10px; }
.main .rights  .tit A.links{ border-left:1px solid #999; font-size:18px; }
.main .rights  .tit A.links:first-child{ border:none;}
.main .rights  .tit A.on{ color:#999;}
.main .rights  .tit A:hover{ color:#f71;}




.main .rights .gsxmnr{ margin:20px auto; width:880px; overflow:hidden; line-height:1.9em; text-align:justify; font-size:16px;}
.main .rights .gsxmnr img{ max-width:880px; height:auto; vertical-align:bottom;}
.main .rights .gsxmnr table{ border-collapse:collapse; margin:10px auto; width:100%; }
.main .rights .gsxmnr .biaoti{ text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd;}
.main .rights .gsxmnr .biaoti h1{ margin:0 auto; font-size:28px; line-height:1.4em;  font-weight:normal; color:#333;}
.main .rights .gsxmnr .biaoti p{ color:#999; }

.main  .bxw_list{ width:880px; margin:10px auto;}
.main  ul.bxw_list li a{ display:block; line-height:40px; border-bottom:1px dashed #ddd; background:url(img/smpd.gif) left center no-repeat; padding-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.main  ul.bxw_list li a span{ float:right; padding-left:20px;}

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

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

.main-ca ul.caselist li.xm{ margin:15px 0 15px 26px; width:280px; overflow:hidden; float:left; box-shadow:0 0 4px #ccc; text-align:center;}
.main-ca ul.caselist li.xm:hover{ box-shadow: 0 0 15px #f71;}
.main-ca ul.caselist li.xm:nth-child(4n+1){ margin-left:0;}

.main-ca ul.caselist li.xm .tu{ width:280px; height:180px ;overflow:hidden; position:relative;  }
.main-ca ul.caselist li.xm .tu:before{ display:block; width:40px; height:40px; position:absolute; top:-40px; left:50%;  margin-left:-20px; background:url(img/case-ico.png) center center no-repeat; content:""; z-index:999; }
.main-ca ul.caselist li.xm:hover .tu:before{ -webkit-transform: translate(0,100px); transform: translate(0,120px); -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; }
.main-ca ul.caselist li.xm .tu img{width:280px; height:180px ;  display:block;}

.main-ca ul.caselist li.xm:hover .tu img{ transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;transition: all .5s ease 0s; }

.main-ca ul.caselist li.xm .wen{ background:#666; color:#fff; line-height:40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-ca ul.caselist li.xm:hover{ -webkit-transform: translate(0,-8px); transform: translate(0,-8px); -webkit-transform: all .5s ease 0s;transition: all .5s ease 0s;  }
.main-ca ul.caselist li.xm:hover .wen{ background:#f71;}


/*****************/
.case-nr { margin:50px auto;}
.case-nr .rights{ width:850px; overflow:hidden;  }
.case-nr .rights .biaoti{ text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd;}
.case-nr .rights .biaoti h1{ margin:0 auto; font-size:28px; line-height:1.4em;  font-weight:normal; color:#333;}
.case-nr .rights .biaoti p{ color:#999; }


.case-nr .rights .case-xxneirong{  margin:0 auto ;  font-size:16px; line-height:2em; }
.case-nr .rights .case-xxneirong img{ max-width:100%; height:auto; vertical-align:bottom;}
.case-nr .rights .case-xxneirong .tu{ text-align:center; }
.case-nr .rights .case-xxneirong .tu img{ display:block; margin:0 auto;}

.case-nr .tuijian{ width:280px;  overflow:hidden; }
.case-nr .tuijian .tit{ height:50px; background:#f71; padding:25px; }
.case-nr .tuijian i{ display:block; float:left; width:60px; height:50px; background:url(img/citie.png) center center no-repeat ; margin-right:10px; }
.case-nr .tuijian p{ color:#fff; line-height:30px; font-size:28px;}
.case-nr .tuijian p span{ display:block; font-size:12px; line-height:20px;}

.case-nr .tuijian ul  li.xm{ margin:20px auto; width:280px; overflow:hidden; text-align:center; box-shadow:0 3px 5px #ccc;  }

.case-nr .tuijian ul  li.xm  .tu{ width:280px; height:180px ;overflow:hidden; position:relative;  }
.case-nr .tuijian ul  li.xm  .tu:before{ display:block; width:40px; height:40px; position:absolute; top:-40px; left:50%;  margin-left:-20px; background:url(img/case-ico.png) center center no-repeat; content:""; z-index:999; }
.case-nr .tuijian ul  li.xm:hover .tu:before{ -webkit-transform: translate(0,100px); transform: translate(0,120px); -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; }
.case-nr .tuijian ul  li.xm .tu img{width:280px; height:180px ;  display:block;}

.case-nr .tuijian ul  li.xm:hover .tu img{ transform: scale(1.1); -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s;transition: all .5s ease 0s; }

.case-nr .tuijian ul  li.xm .wen{  color:#444; line-height:40px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-nr .tuijian ul  li.xm:hover .wen{color:#f71;}

/****************/
 .shangxiaye{ margin:20px auto; padding:30px 0; border-top:1px  dotted  #ddd; text-align:center;}
 .shangxiaye a{ display:inline-block; width:150px; height:40px; line-height:40px; background:#bbb; color:#fff; margin:0 10px; }
 .shangxiaye a:hover{ background:#f71;}