﻿/**
 * @authors PMQ
 * @version 1.0
 */
@charset "UTF-8";
body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{padding: 0;margin: 0;border: none;}
a {
  color: #555;
  text-decoration: none;
}
body{background:#fff;}
a:hover {
  text-decoration: none;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
li,ol,ul {
  list-style: none;
}

body{width: 100%;height: auto; margin: 0;padding: 0;font-family:"Microsoft YaHei",Verdana,Arial,Helvetica, sans-serif;}
.sanjiao{width: 1200px;margin: 0 auto;padding-top: 60px;text-align:center;}
.tt_img{width: 106px;height:18px;margin-top: 6px;}
.hd_p{width:100%;font-size:46px;font-weight: bold;line-height:60px; color: #333333;text-align:center;}
.ch_p{width: 100%;font-size:28px;line-height:36px;text-align:center;color: #ee7500;font-weight:bold}
.eg_p{width: 100%;font-size:15px;line-height:20px;text-align:center;color: #333333;}
.ds_p{width: 100%;font-size: 20px;line-height:26px;text-align:left;color: #333333;}

.img_hd{width: 100%;font-size: 19px;line-height:28px;font-weight: bold;font-family:"Microsoft YaHei",Verdana,Arial,Helvetica, sans-serif;text-align:center;color: #333333;margin-top: 10px;}
.img_ds{width: 100%;font-size: 18px;line-height:20px;text-align:center;color: #333333; margin:6px 0;}
/*按鈕*/
.btn,.btn2,.btn3{width: 100%;height: 30px;margin-top:50px;text-align: center;}
.btn a{text-decoration:none;background:#ee7500;border: none;font-size:23px;color:#fff;padding:10px 40px;border-radius: 20px;}
.btn a:hover{background: #e98e36;transition:all .6s;-moz-transition:all .6s; -webkit-transition:all .6s;-o-transition:all .6s;}
.btn a img,.btn2 a img,.btn3 a img{width:24px;height:24px;margin-left: 8px;position: relative;top: 3px;
  border-radius:50%;transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
}
.btn a:hover img,.btn2 a:hover img,.btn3 a:hover img{  
    transform: rotate3d(360deg);
    -webkit-transform: rotate(360deg);
}
.btn2{margin-top: -46px;}
.btn2 .b_a{text-decoration:none;border: none;font-size:20px;font-family:"Microsoft YaHei",Verdana,Arial,Helvetica, sans-serif;padding:4px 14px;margin-left:-18px;color: #ee7500;}

.btn3{margin-top: 40px;}
.btn3 a{text-decoration:none;background:#fff;color: #ee7500;border: none;font-size:23px;padding:10px 40px;border-radius: 20px;}
/*banner*/
.banner{width: 100%;min-width: 1200px; height:735px;margin: 0 auto;background:url(../images/bn.jpg) center no-repeat;transition:margin-top 0.5s;-webkit-transition:margin-top 0.5s;}
.box{width: 1200px;height: 250px;margin: 0 auto;position: relative;top: 140px;}
.box img{width:670px;height: 230px;position: absolute;left: 330px;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}

/*1*/
#content1{width:100%;min-width: 1200px;height:auto; margin-bottom:40px}
.ct1_content{width: 1200px;height: auto;margin: 0 auto;position: relative;margin-top: 20px;}
.ct1_art{width: 390px;height: 550px;background:#f8f8f8;float:left;margin:0 5px;margin-top:20px;}
.ct1_art .art_hd1,.ct1_art .art_hd2,.ct1_art .art_hd3,.ct1_art .des{width: 125px;height: 125px;margin:10px auto;border-radius: 65px;}
.ct1_art .art_hd1{background: url(../images/ct1_1.jpg) no-repeat center bottom;}
.ct1_art .art_hd2{background: url(../images/ct1_4.jpg) no-repeat center bottom;}
.ct1_art .art_hd3{background: url(../images/ct1_7.jpg) no-repeat center bottom;}
/*shadow*/
.ct1_art .des{background: #EE7500;filter: alpha(opacity=0);opacity: 0;text-align: center;-webkit-transition: .6s;-moz-transition: .6s;-o-transition: .6s;transition: .6s;}
.ct1_art .des p{padding-top: 50px;text-align: center;color: #fff;z-index: 4;}
.ct1_art .des:hover{filter: alpha(opacity=70%);opacity: 0.7}
/*moving*/
.ct1_art .art_img{width: 100%;height:100px;position: relative;margin-top: 10px; }
.ct1_art .art_img img{width: 175px;height: 95px;position: absolute;left:16px;}
.ct1_art .art_des{width: 93%;height: 200px;padding-top: 10px;margin: 0 auto;text-align: left;}

/*2*/
#content2{width:100%;min-width: 1200px;height: 740px;background:#ee7500;}
.ct2_content{width: 1200px;height: 540px;margin:0 auto;margin-top:30px;position:relative;}
.ct2_art{width: 484px;height: 540px;position: absolute;left: 0;}

.ct2_art img:hover{
  -webkit-transform: translate(0,4px);
  -moz-transform: translate(0,4px);
  -ms-transform: translate(0,4px);

  -webkit-transition: .6s;
  -moz-transition: .6s;
  -ms-transition: .6s;
  transition: .6s;}

.ct2_art .art_dec{width: 98%;height: 240px;margin:0 auto;margin-top: 10px;}

.ct2_middle{width: 230px;height: 400px;position: absolute;left: 484px;background: url(../images/ct2_2.jpg) no-repeat center;}
.ct2_dec a{text-decoration:none;color: #ee7500;}
.ct2_dec a:hover{text-decoration:underline; transition:all .4s;-moz-transition:all .4s; -webkit-transition:all .4s;-o-transition:all .4s;}

#content3{width:100%;min-width: 1200px;height: 590px;background: #fff;}
.ct3_content{width:1200px;height: 410px;margin: 0 auto;margin-top:30px;position: relative;}
.ct3_art{width:290px;height: 350px;position: absolute;left:0;}

.decImg li{width: 770px;height: 376px;background: url(../images/ct3_2.jpg) no-repeat center;position: relative;margin:0;padding:0;left: 10px;display: none;}
.decImg li a{font-size: 20px;line-height: 24px;position: absolute;top: 314px;left: 320px;color:#fff;}
.decImg li a:hover{color:#ee7500;transition:all 1s;-moz-transition:all 1s; -webkit-transition:all 1s;-o-transition:all 1s;}

/*4*/
#content4{width:100%;min-width: 1200px;height: 660x;background:#ee7500;}
.ct4_content{width: 1200px;height: 500px;margin: 0 auto;padding-top:20px;overflow: hidden;position: relative;}
.poster-main {
  position: absolute;
  width: 1200px;
  height: 500px;
  margin: 0 0 0 -600px;
  left: 50%;
  top: 30px
}
.poster-main a,.poster-main img {
  display: block
}
.poster-main .poster-list {
  width: 800px;
  height: 270px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.poster-main .poster-list .poster-item {
  position: absolute;
  left: 0;
  top: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none
}
.poster-main .poster-btn {
  position: absolute;
  top: 0;
  width: 100px;
  height: 270px;
  z-index: 10;
  cursor: pointer;
  opacity: .8
}
.poster-main .poster-prev-btn {
  left: 0;
  background: url(../images/left.png) no-repeat center center;
  z-index: 99999
}
.poster-main .poster-next-btn {
  right: 0;
  background: url(../images/right.png) no-repeat center center;
  z-index: 99999
}

#content5{width:100%;min-width: 1200px;height: 720px;background: #fff;}
.ct5_content{width: 1200px;height: 400px;margin:0 auto;position: relative;margin-top: 107px;}
.ct5_art{width: 286px;height: 400px;position: absolute;left: 0;background: #e6e6e6;}
.art5_hdImg1{width: 166px;height: 166px;background: url(../images/ct5_1.jpg) no-repeat center;position: absolute;top: -83px;left: 60px; border-radius:84px;}
.art5_hdImg2{width: 166px;height: 166px;background: url(../images/ct5_2.jpg) no-repeat center;position: absolute;top: -83px;left: 60px; border-radius:84px;}
.art5_hdImg3{width: 166px;height: 166px;background: url(../images/ct5_3.jpg) no-repeat center;position: absolute;top: -83px;left: 60px; border-radius:84px;}
.art5_hdImg4{width: 166px;height: 166px;background: url(../images/ct5_4.jpg) no-repeat center;position: absolute;top: -83px;left: 60px; border-radius:84px;}
.art5_des{width: 91%;height: 320px;margin:0 auto;margin-top: 90px;}

.ct5_art .des{width: 150px;height: 150px;overflow: hidden;
  border-radius:75px;background: #EE7500;margin-top: 8px;margin-left: 8px;
  filter: alpha(opacity=0);opacity: 0;

  display: inline-block;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -ms-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
}
.ct5_art .des p{padding-top: 50px;text-align: center;color: #fff;}
.ct5_art .des:hover{
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
  -moz-transform: scale3d(1, 0.9, 0.9);
  -ms-transform: scale3d(0.9, 0.9, 0.9);
  -o-transform: scale3d(0.9, 0.9, 0.9);
  transform: scale3d(1.1, 1.1, 1.1);
  opacity: 0.6;
}

#content6{width:100%;min-width: 1200px;height: 640px;background: #ee7500;}
.ct6_content{width: 1200px;height: 400px;margin: 0 auto;position: relative;margin-top: 20px;}
.ct6_art{width: 287px;height: 420px;position: absolute;background: #fff;}

/*.ct6_art .art_img{width: 173px;height: 245px;position: absolute;left:30px;top: 18px;}
.ct6_art .art_des{width: 350px;height: 220px;position: absolute;left:220px;top: 30px;}*/


.stage{
  width:290px;height:350px;
  border-top:2px solid #e1e1e1;
  border-left:2px solid #e1e1e1;
  border-bottom:2px solid #e1e1e1;
  position:relative;
  -moz-transition:all 0.2s linear 0s;
  -webkit-transition:all 0.2s linear 0s;
  transition:all 0.2s linear 0s;
  overflow:hidden;
}
.stage:last-child{border-right:2px solid #e1e1e1;}
.stage:hover {
  -moz-box-shadow:0 0 20px;
  -webkit-box-shadow:0 0 20px;
  box-shadow:0 0 20px;
  z-index:10;
  background-color:#f8f7f7;
  border-top-color:#ee7500;
  -moz-transform:translate3d(0,-6px,0);
  -webkit-transform:translate3d(0,-6px,0);
  transform:translate3d(0,-6px,0);}

.sweep { 
  width: 100%; height: 169px; 
  float: left; position: relative; 
  overflow: hidden;
}
.sweep .lightwipe {  
  display: block; height: 169px; 
  cursor:pointer; 
}
.sweep .lightwipe:before { 
  content: ""; 
  position: absolute; 
  width: 287px; height: 169px; 
  top: 0; left: -200px; overflow: hidden; 
  background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(30%,rgba(255,255,10,.15)30%,rgba(255,255,200,0))); 
  background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,10,.15)30%,rgba(255,255,200,0)50%); 
  background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,10,.15)30%,rgba(255,255,200,0)50%); 
  background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,10,.15)30%,rgba(255,255,200,0)50%); 
  transform: skewX(-50deg); 
  -webkit-transform: skewX(-50deg); 
  -moz-transform: skewX(-50deg); 
}
.sweep:hover .lightwipe:before { 
  -webkit-transition: left 1s; 
  -moz-transition: left 1s; 
  transition: left 1s; left: 340px; 
}

