.tou{
    width: 100%;
    height:90px;
    background: #fff;
}
@keyframes aa {
    0%{
        width: 0;
    }
    100%{
        width: 110px;
    }
}
@keyframes bb {
    0%{
        margin-top: 100px;
        opacity: 0;
    }
    100%{
        margin-top: 0;
        opacity: 1;
    }
}
@keyframes bb6 {
    0%{
        margin-top: 100px;
        opacity: 0;
    }
    100%{
        margin-top: 10px;
        opacity: 1;
    }
}
@keyframes bb1 {
    0%{
        margin-top: 100px;
    }
    100%{
        margin-top: 30px;
    }
}
@keyframes bb2 {
    0%{
        margin-top: 100px;
        opacity: 0;
    }
    100%{
        margin-top: 40px;
        opacity: 1;
    }
}
@keyframes bb3 {
    0%{
        margin-top: 100px;
        opacity: 0;
    }
    100%{
        margin-top: 50px;
        opacity: 1;
    }
}
@keyframes bb4 {
    0%{
        margin-left: -100px;
        opacity: 0;
    }
    100%{
        margin-left: 0px;
        opacity: 1;
    }
}
.tou1{
    width: 1200px;
    height:100%;
    position: relative;
    margin: 0 auto;
}
.logo{
    width: 145px;
    height:52px;
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    margin: auto;
}
.list{
    width: auto;
    height:100%;
    position: absolute;
    top:0;
    left:190px;
}
.list li{
    width: 110px;
    height:100%;
    text-align: center;
    line-height: 90px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    position: relative;
    float: left;
	z-index:999;
}
.xx{
    width: 0;
    position: absolute;
    right:0;
    bottom:0;
    height: 3px;
    background-color: rgba(35, 100, 160, 1);
	z-index:999;
}
.list li:hover{
    color: rgba(35, 100, 160, 1);
}
.list li:hover .xial{
    display: none;
}
.list li:hover .xia2{
    display: block;
}
.list li:hover .xx{
    animation: aa 0.5s forwards;
}
.list li img{
    width: 7px;
    height:6px;
    position: absolute;
    right:5px;
    top:0;
    bottom:0;
    margin: auto;
}
.list li:nth-child(1) img{
    right:20px;
}
.list li .xia2{
    display: none;
}
.lianx{
    width: 215px;
    height:100%;
    position: absolute;
    top:0;
    right:0;
}
.erji{
    width: 100%;
    height:0;
    position: absolute;
    left:0;
    top:90px;
    background: #fff;
    overflow: hidden;
    transition: 0.5s;
    z-index: 99;
}
.erji1{
    width: 100px;
    height:40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    border-bottom: 1px solid rgba(230, 230, 230, 1);;
}
.erji .erji1:last-child{
    border-bottom: 0;
}
.dh{
    width: 25px;
    height:25px;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    margin: auto;
}
.dh1{
    width: auto;
    height:100%;
    display: block;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 90px;
    letter-spacing: 0px;
    color: #333333;
    position: absolute;
    top:0;
    left:30px;
}
.dh1 a:hover{color: #2f93e7;}
.qq{
    width: 25px;
    height:25px;
    position: absolute;
    top:0;
    bottom:0;
    left:155px;
    margin: auto;
}
.qq .qq1,.qq .qq2{
    width: 24px;
    height:24px;
    position: absolute;
    top:0;
    left:0;
}
.qq a{
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
}
.qq:hover .qq2{
    display: block;
}
.qq .qq2{
    display: none;
}
.wx{
    width: 24px;
    height:24px;
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    margin: auto;
}
.wx .wx1,.wx .wx2{
    width: 24px;
    height:24px;
    position: absolute;
    top:0;
    left:0;
}
.wx .wx2{
    display: none;
}
.wx .wx3{
    width: 144px;
    height:144px;
    position: absolute;
    top:34px;
    right:-45px;
    z-index: 999;
    display: none;
}
.wx:hover .wx2,.wx:hover .wx3{
    display: block;
}

.banner img{ display:block; width:100%;}
.title{ text-align:center; padding-top:40px;}
.title h3{ font-size:32px; color:#333; font-weight:normal; margin-bottom:0; line-height:32px; background:url(../images/tt.jpg) no-repeat bottom center; padding-bottom:14px;}
.title span{ font-size:16px; color:#999; display:block; margin-top:5px;}
.title_1 h3{ font-size:32px; color:#fff; font-weight:normal; margin-bottom:0; line-height:32px; background:url(../images/tt.jpg) no-repeat bottom center; padding-bottom:14px;}
.title_1 span{ font-size:14px; color:#9a9a9a; display:block; margin-top:5px;}
.box_1{ padding-bottom:40px;}
.box_1 .pic{ width:1000px; margin:0 auto;}
.box_1 .pic .pic_1{ text-align:center; padding-top:110px; position:relative;}
.box_1 .pic .pic_1 .p_1{ position:absolute; display:block; left:235px; top:43px; width:226px; height:46px; text-align:center; line-height:46px; background-color:#2f2f2f; font-size:16px; color:#fff;}
.box_1 .pic .pic_1 .p_2{ position:absolute; right:138px; top:60px; width:276px; height:46px; text-align:center; line-height:46px; background-color:#2f2f2f; font-size:16px; color:#fff;}
.box_1 .pic .pic_1 .p_3{ position:absolute; left:35px; top:145px; width:294px; height:46px; text-align:center; line-height:46px; background-color:#2f2f2f; font-size:16px; color:#fff;}
.box_1 .pic .pic_1 .p_4{ position:absolute; right:35px; top:190px; width:277px; height:46px; text-align:center; line-height:46px; background-color:#2f2f2f; font-size:16px; color:#fff;}
.box_1 .pic .pic_1 .p_5{ position:absolute; left:0; top:305px; width:314px; height:46px; text-align:center; line-height:46px; background-color:#2f2f2f; font-size:16px; color:#fff;}
.box_1 .pic .pic_1 .p_6{ position:absolute; right:90px; top:352px; width:253px; height:46px; text-align:center; line-height:46px; background-color:#2f2f2f; font-size:16px; color:#fff;}
.box_1 .pic .pic_2{ text-align:center; margin-top:30px;}
.box_1 .pic .pic_2 a{ display:inline-block; width:208px; height:38px; border:solid 1px #ddd; border-radius:4px; text-align:center; line-height:38px; color:#666; font-size:18px;}

.box_2{ background:url(../images/bg_1.jpg) no-repeat top center; width:100%; height:550px; background-size:100% 100%;}
.box_2 .pic{ width:1200px; margin:0 auto;}
.box_2 .pic ul{ overflow:hidden; padding:0 110px;}
.box_2 .pic ul li{ float:left; text-align:center; margin-top:40px; margin-right:120px;}
.box_2 .pic ul li.cur{ margin-right:0;}
.box_2 .pic ul li span{ display:block; font-size:24px; color:#fff; margin-top:20px;}

.box_3{ padding-bottom:40px;}
.box_3 .pic{ width:1201px; margin:0 auto; margin-top:40px;}
.box_3 .pic ul{ overflow:hidden; border:solid 1px #e5e5e5; border-right:0; border-bottom:0;}
.box_3 .pic ul li{ float:left; text-align:center; width:199px; height:142px; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5;}
.box_3 .pic ul li a{ display:block; padding-top:25px; height:117px; text-align:center; line-height:100px; color:#202020; font-size:16px;}
.box_3 .pic ul li a i{ display:inline-block; width:160px; height:100px;}
.box_3 .pic ul li a i.co_1{ background:url(../images/pp_1.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_1{ background:url(../images/pp_01.jpg) no-repeat;}
.box_3 .pic ul li a i.co_2{ background:url(../images/pp_2.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_2{ background:url(../images/pp_02.jpg) no-repeat;}
.box_3 .pic ul li a i.co_3{ background:url(../images/pp_3.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_3{ background:url(../images/pp_03.jpg) no-repeat;}
.box_3 .pic ul li a i.co_4{ background:url(../images/pp_4.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_4{ background:url(../images/pp_04.jpg) no-repeat;}
.box_3 .pic ul li a i.co_5{ background:url(../images/pp_5.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_5{ background:url(../images/pp_05.jpg) no-repeat;}
.box_3 .pic ul li a i.co_6{ background:url(../images/pp_6.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_6{ background:url(../images/pp_06.jpg) no-repeat;}
.box_3 .pic ul li a i.co_7{ background:url(../images/pp_7.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_7{ background:url(../images/pp_07.jpg) no-repeat;}
.box_3 .pic ul li a i.co_8{ background:url(../images/pp_8.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_8{ background:url(../images/pp_08.jpg) no-repeat;}
.box_3 .pic ul li a i.co_9{ background:url(../images/pp_9.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_9{ background:url(../images/pp_09.jpg) no-repeat;}
.box_3 .pic ul li a i.co_10{ background:url(../images/pp_10.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_10{ background:url(../images/pp_010.jpg) no-repeat;}
.box_3 .pic ul li a i.co_11{ background:url(../images/pp_11.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_11{ background:url(../images/pp_011.jpg) no-repeat;}
.box_3 .pic ul li a i.co_12{ background:url(../images/pp_12.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_12{ background:url(../images/pp_012.jpg) no-repeat;}
.box_3 .pic ul li a i.co_13{ background:url(../images/pp_13.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_13{ background:url(../images/pp_013.jpg) no-repeat;}
.box_3 .pic ul li a i.co_14{ background:url(../images/pp_14.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_14{ background:url(../images/pp_014.jpg) no-repeat;}
.box_3 .pic ul li a i.co_15{ background:url(../images/pp_15.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_15{ background:url(../images/pp_015.jpg) no-repeat;}
.box_3 .pic ul li a i.co_16{ background:url(../images/pp_16.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_16{ background:url(../images/pp_016.jpg) no-repeat;}
.box_3 .pic ul li a i.co_17{ background:url(../images/pp_17.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_17{ background:url(../images/pp_017.jpg) no-repeat;}
.box_3 .pic ul li a i.co_18{ background:url(../images/pp_18.jpg) no-repeat;}
.box_3 .pic ul li a:hover i.co_18{ background:url(../images/pp_018.jpg) no-repeat;}


.box_4{ background-color:#f2f2f2; padding-bottom:20px;}
.box_4 .pic{ width:1200px; margin:0 auto; margin-top:40px;}
.box_4 .pic ul{ overflow:hidden;}
.box_4 .pic ul li{ float:left; width:389px; height:160px; background-color:#fff; margin-right:16px; margin-bottom:20px;}
.box_4 .pic ul li.cur{ margin-right:0;}
.box_4 .pic ul li i{ float:left; margin-left:30px; margin-top:40px;}
.box_4 .pic ul li span{ float:left; color:#202020; font-size:18px; margin-left:30px; margin-top:40px;} 
.box_4 .pic ul li em{ display:block; color:#999999; font-size:14px; width:233px; line-height:20px; margin-top:8px;}

.box_4 .pic ul li:hover i img{
	 -webkit-transform: rotate(360deg);
animation: rotation 1s linear 1;
-moz-animation: rotation 1s linear 1;
-webkit-animation: rotation 1s linear 1;
-o-animation: rotation 3s linear 1;
}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.box_5{ padding:40px 0; position:relative;}
.box_5 .ss_bg{ position:absolute; left:0; top:0; background:url(../images/ss_bg.png) repeat; width:100%; height:100%; text-align:center;}
.box_5 .ss_bg span{ display:block; padding-top:225px;}
.box_5:hover .ss_bg{ display:none;}
.box_5 .pic{ width:1201px; margin:0 auto;}
.box_5 .pic ul{ overflow:hidden; border:solid 1px #e5e5e5; border-right:0; border-bottom:0;}
.box_5 .pic ul li{ float:left; text-align:center; width:199px; height:142px; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5;}
.box_5 .pic ul li a{ display:block; padding-top:20px; height:122px; text-align:center; line-height:100px; color:#202020; font-size:16px;}


.box_6{ background-color:#f2f2f2; padding:40px 0;}
.box_6 .pic{ width:1200px; margin:0 auto;}
.box_6 .pic ul{ overflow:hidden;}
.box_6 .pic ul li{ float:left; width:389px; margin-right:16px;}
.box_6 .pic ul li.cur{ margin-right:0;}
.box_6 .pic ul li .case_img{ width:389px; height:205px; position:relative;}
.box_6 .pic ul li .case_img img{ width:389px; height:205px; display:block;}
.box_6 .pic ul li p{ margin:0; line-height:60px; text-align:center; color:#888888; font-size:18px;}
.case_cover {
	position: absolute;
	lefT: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: all .4s .1s ease-out;
	-o-transition: all .4s .1s ease-out;
	transition: all .4s .1s ease-out;
}
.case_cover.on {
	opacity: 0.76;
	filter: alpha(opacity=76);
}


.box_7{ background-color:#fff; width:100%; height:330px;}
.box_7 .llc{ width:1121px; margin:0 auto; margin-top:50px;}

.box_8{ background:url(../images/bg_3.jpg) no-repeat top center; width:100%; height:370px; background-size:100% 100%;}
.box_8 .text_ll{ width:1000px; margin:0 auto; margin-top:40px;}
.box_8 .text_ll p{ width:1000px; color:#fff; font-size:18px; line-height:36px;}

.box_9{ background-color:#fff; width:100%; padding-bottom:40px;}
.box_9 .pic{ width:1070px; margin:0 auto; margin-top:40px;}
.box_9 .pic ul li{ border-bottom:dashed 1px #000; padding-bottom:7px; padding-top:2px;}
.box_9 .pic ul li.cur{ border-bottom:0;}
.box_9 .pic ul li p{margin:0; font-size:24px; color:#000; line-height:40px; letter-spacing:1px; font-weight:bold;}
.box_9 .pic ul li p span{ font-size:20px; font-weight:normal;}


.footer{ width:100%; background-color:#2b2b2b;}
.foot{ width:1200px; margin:0 auto; overflow:hidden; padding-top:45px; padding-bottom:25px; border-bottom:solid 1px #3d424d;}
.foot .foot_1{ float:left; width:210px; color:#fff; font-size:30px; padding-left:20px; text-align:center; margin-top:10px;}
.foot .foot_2{ float:left; width:703px; padding-left:30px; height:175px; border-left:solid 1px #3d424d; border-right:solid 1px #3d424d;}
.foot .foot_2 p{ margin:0; font-size:18px; color:#fff; line-height:35px; padding-left:40px;}
.foot .foot_2 p a{ color:#fff;}
.foot .foot_2 p.p_1{ background:url(../images/f_1.png) no-repeat left center;}
.foot .foot_2 p.p_2{ background:url(../images/f_2.png) no-repeat left center;}
.foot .foot_2 p.p_3{ background:url(../images/f_3.png) no-repeat left center;}
.foot .foot_2 p.p_4{ background:url(../images/f_4.png) no-repeat left center;}
.foot .foot_2 p.p_5{ background:url(../images/f_5.png) no-repeat left center;}
.foot .foot_3{ float:right; width:235px; text-align:center; margin-top:5px;}
.foot .foot_3 i img{ width:120px; height:120px;}
.foot .foot_3 span{ display:block; font-size:14px; color:#fff; line-height:20px;}
.foot_text{ text-align:center; color:#666; font-size:14px; line-height:70px;}

.swiper-pagination-bullet{ width:25px; height:4px; border-radius:0; background-color:#fff;}

.more_button{position:relative;overflow:hidden; z-index:1;width:48px;height:48px;border:1px solid #d1d1d1;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block;margin:0 auto; margin-top:15px;
  font-size: 12px;
    -o-transition: all 1.7s ease;
    -moz-transition: all 1.7s ease;
    transition: all 1.7s ease;
    -webkit-mask-image: radial-gradient(white, black);
            mask-image: radial-gradient(white, black);
}
.more_button:focus{outline:none;}
.more_button:hover {
    background: #e00012;
    color: #fff;
    border: 1px solid #e00012;
}
.more_button i {
  display: block; 
  -webkit-transform: scale(0);  
     -moz-transform: scale(0);  
       -o-transform: scale(0);  
          transform: scale(0);
  width: 100%;
  height: 100%;
    background: -moz-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: -o-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    opacity: 0;
    -o-transition: 1.2s, opacity 1.8s;
    -moz-transition: 1.2s, opacity 1.8s;
    transition: 1.2s, opacity 1.8s;
    -moz-border-radius: 50%;
         border-radius: 50%;
}
.more_button:hover i {
  -webkit-transform: scale(10);
     -moz-transform: scale(10);
       -o-transform: scale(10);
          transform: scale(10);
    opacity: 1;
    -o-transition: 3s, opacity .3s;
    -moz-transition: 3s, opacity .3s;
    transition: 3s, opacity .3s;
}
.dot2 span,.dot1 span{position:absolute;color:#d1d1d1;left:50%;top:50%;
  -webkit-transform: translateX(-50%)translateY(-50%); 
    -moz-transform: translateX(-50%)translateY(-50%);
    -o-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
  -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
       animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
}
/*dot1*/
.dot1 span{
  color: #d1d1d1;
}
.dot1 span:nth-child(1){
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  left:30%;
}
.dot1 span:nth-child(2){
    -o-transition: all 0.4s .4s ease, color .3s;
    -moz-transition: all 0.4s .4s ease, color .3s;
    transition: all 0.4s .4s ease, color .3s;
  left:50%;
}
.dot1 span:nth-child(3){
  -o-transition: all 0.4s .3s ease, color .3s;
  -moz-transition: all 0.4s .3s ease, color .3s;
  transition: all 0.4s .3s ease, color .3s;
  left:70%;
}
.more_button:hover .dot1 span:nth-child(1){
  left: 120%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot1 span:nth-child(2){
  left: 120%;
    -o-transition: all 0.4s .1s ease, color .3s;
    -moz-transition: all 0.4s .1s ease, color .3s;
    transition: all 0.4s .1s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot1 span:nth-child(3){
  left: 120%;
  -o-transition: all 0.4s 0s ease, color .3s;
  -moz-transition: all 0.4s 0s ease, color .3s;
  transition: all 0.4s 0s ease, color .3s;
  color: #fff;
}

/*dot2*/
.dot2 span:nth-child(1){
  left:-20%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
    color:#d1d1d1
}
.dot2 span:nth-child(2){
  left:-20%;
    -o-transition: all 0.4s .1s ease, color .3s;
    -moz-transition: all 0.4s .1s ease, color .3s;
    transition: all 0.4s .1s ease, color .3s;
    color:#d1d1d1
}
.dot2 span:nth-child(3){
  left:-20%;
  -o-transition: all 0.4s 0s ease, color .3s;
  -moz-transition: all 0.4s 0s ease, color .3s;
  transition: all 0.4s 0s ease, color .3s;
    color:#d1d1d1
}
.more_button:hover .dot2 span:nth-child(1){
  left:30%;
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot2 span:nth-child(2){
  left:50%;
    -o-transition: all 0.4s .4s ease, color .3s;
    -moz-transition: all 0.4s .4s ease, color .3s;
    transition: all 0.4s .4s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot2 span:nth-child(3){
  left:70%;
  -o-transition: all 0.4s .3s ease, color .3s;
  -moz-transition: all 0.4s .3s ease, color .3s;
  transition: all 0.4s .3s ease, color .3s;
  color: #fff;
}