@charset "utf-8";

/* CSS By Suki */

/*-------------初始化----------------*/

/****  文字大小初始化,使1em=10px *****/

body{font-size:62.5%; min-width:1000px}/* for IE/Win */

html>body{font-size:12px;} /* for everything else */

/*字体边框等初始化*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td,img{padding:0; margin:0; font-size:12px;}

table{border-collapse:collapse; border-spacing:0;}

fieldset,img,input{border:0;}

address,caption,cite,code,dfn,th,var{font-weight:normal; font-style:normal;}

ol,ul,li{list-style:none; vertical-align:top;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}

q:before,q:after{content:'';}

abbr,acronym{border:0;}

a{text-decoration:none; outline:none; transition:all 0.5s; -o-transtion:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}

a img{border:none;}/*for IE*/

a:active{star:expression(this.onFocus=this.blur());}/*点击虚框去除*/

/*--------------end------------*/

body{background:#f7f7f7; font-size:12px; font-family:'微软雅黑'; color:#3f4752;}

/*--------------ban------------*/

.ban{ width:100%; height:555px; background:url(../images/banbg.gif) no-repeat center top; overflow:hidden;}

.ban .ban_in{ width:1200px; height:555px; margin:0 auto; position:relative; overflow:hidden;}

.ban .ban_in img{ display:block; position:absolute;}

.ban .ban_in p{ position:absolute; left:20px; top:30px; text-indent:-999px; font-size:36px;}

.ban .ban_in img.img1{top:-300px; left:383px;}

.ban .ban_in img.img2{bottom:-300px; left:40px;}

.ban .ban_in img.img3{bottom:145px; left:231px; display:none;}

.ban .abox{width:400px; position:absolute; bottom:50px; left:50%; margin-left:-200px;}

.ban .abox a{display:inline-block; float:right; padding:12px 50px; font-size:18px; color:#fff; border-radius:50px; border:1px solid #fff;}

.ban .abox a:hover{background:#F64444;}

/*--------------全局样式------------*/

.box{ width:100%; position:relative; overflow:hidden;}

.box_in{ width:1200px; position:relative; overflow:hidden; margin:0 auto; padding:50px 0;}

.box h2{ width:750px; height:150px; background:url(../images/h2_1.gif) no-repeat center top; margin:0 auto; margin-bottom:50px; font-size:20px; text-indent:-999px;}

.box ul{ width:100%; overflow:hidden; margin:0 auto;}

.box ul li{ float:left;}

.box .nomargin{ margin-right:0;}

.box .btn{ width:550px; height:50px; margin:0 auto;}

.box .btn a{ display:inline-block; width:186px; height:48px; line-height:48px; border:1px solid #1b1b1b; border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; font-size:18px; color:#3f4953; text-align:center;}

.box .btn a.a1{ margin-left:170px;}

.box .btn a:hover{ border:1px solid #f64444; color:#f64444;}



.box1 .tb_in{width:1120px; margin:0 auto; background:url(../images/box11.jpg) no-repeat center top; padding-top:69px; position:relative;}

.box1 .tb_in span{ display:block; width:221px; height:1px; background:#e14141; position:absolute; bottom:0; left:641px;}

.box1 #scrollDiv{ width:1118px; height:465px; border:1px solid #e6eaed; border-top:0; overflow:hidden; margin:0 auto 40px auto; cursor:pointer;}

.box1 td{height:58px; line-height:58px; text-align:center; font-size:18px; color:#666a70; border-right:1px solid #e6eaed;}

.box1 .odd td{ background:#fff;}

.box1 td.td1{width:159px;}

.box1 td.td2{width:149px;}

.box1 td.td3{width:332px; border-color:#e14141;}

.box1 td.td4{width:221px; border-color:#e14141; color:#e14141;}

.box1 td.td5{width:255px; borde-rightr:0;}

.box1 .btn a{width:528px;}



.box2{ background:#fff;}

.box2 h2{ width:625px; background-image:url(../images/h2_2.gif);}

.box2 .con2{ width:1200px; height:390px; overflow:hidden; margin-bottom:40px;}

.box2 .con2 div{ width:100%; height:78px; background:url(../images/box2bg_01.jpg) no-repeat center top;}

.box2 .con2 div.div1{ background-image:url(../images/box2bg_02.jpg);}

.box2 .con2 div.div2{ background-image:url(../images/box2bg_03.jpg);}

.box2 .con2 div.div3{ background-image:url(../images/box2bg_04.jpg);}

.box2 .con2 div.div4{ background-image:url(../images/box2bg_05.jpg);}



.box3 h2{ width:828px; background-image:url(../images/h2_3.gif);}

.box3 ul{ width:1200px;}

.box3 ul li{ width:240px; height:380px; margin-right:80px; background:url(../images/box3bg.gif) no-repeat 84px 0; position:relative; overflow:hidden;}

.box3 ul li img{ display:block; width:125px; height:125px; position:absolute; left:75px; top:5px; -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;}

.box3 ul li h3{ font-size:20px; font-weight:bold; text-align:center; color:#000; margin:165px 0 18px;}

.box3 ul li p{ font-size:16px; line-height:26px; text-align:center; color:#525252;}

.box3 ul li:hover img{ -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); ransform: rotateY(180deg);}



.box4{ background:#3d454f;}

.box4 h2{ width:1030px; background-image:url(../images/h2_4.gif);}

.box4 .con4{ width:1150px; height:400px; margin:0 auto; overflow:hidden;}

.box4 .con4 .con4_l{ width:580px; height:400px; float:left; }

.box4 .con4 .con4_l p{ font-size:16px; line-height:28px; color:#fff; text-align:left;}

.box4 .con4 .con4_l img{ display:block; margin:35px 0;}

.box4 .con4 .con4_l .btn{ width:245px; margin:0;}

.box4 .con4 .con4_l .btn a{ width:245px; color:#fff; border-color:#fff;}

.box4 .con4 .con4_l .btn a:hover{ color:#e14141; background:#fff;}

.box4 .con4 .con4_r{ width:500px; height:400px; float:right; }



.box5 h2{ width:660px; background-image:url(../images/h2_5.gif);}

.box5 ul li{ width:570px; height:250px; margin-bottom:44px; position:relative;}

.box5 ul li.lis{ float:right;}

.box5 ul li.li1{ height:300px;}

.box5 ul li.li2{ height:370px;}

.box5 ul li .title{ width:120px; height:70px; background:#d34e4e; line-height:70px; color:#fff; font-size:22px; text-align:center; position:absolute; left:0; top:0;}

.box5 ul li .num{ display:block; width:45px; height:32px; background:#3f4752; border-radius:5px; line-height:32px; color:#fff; font-size:16px; text-align:center; position:absolute; right:0; top:24px; z-index:99;}

.box5 ul li .txt{ width:357px; padding:15px 0 0 50px; height:190px; border-top:1px dashed #abaeb1; position:absolute; left:122px; top:40px;}

.box5 ul li .txt h3{ font-size:20px; font-weight:bold; text-align:left; color:#3f4752; line-height:32px;}

.box5 ul li .txt h3 span{ color:#d34e4e;}

.box5 ul li .txt p{ font-size:14px; text-align:left; color:#3f4752; line-height:24px;}

.box5 ul li .txt p span{ color:#d34e4e;}

.box5 ul li.li1 .txt{ height:260px;}

.box5 ul li.li1 .txt{ height:320px;}

.box5 .myp{ font-size:18px; line-height:30px; color:#3f4752; text-align:center; margin-bottom:40px;}



.box6{ background:#fff;}

.box6 h2{ width:845px; background-image:url(../images/h2_6.gif);}

.box6 .picFocus{ margin:0 auto;  width:1120px;  position:relative;  overflow:hidden;  zoom:1;}

.box6 .picFocus .hd{ width:100%; padding-bottom:30px;  overflow:hidden; }

.box6 .picFocus .hd ul{overflow:hidden; zoom:1; }

.box6 .picFocus .hd ul li{ float:left; padding-bottom:10px;  margin-right:23px;  text-align:center; position:relative;}

.box6 .picFocus .hd ul li img{ width:116px; height:81px; cursor:pointer; border:2px solid #3c4353;}

.box6 .picFocus .hd ul li div{ width:120px; height:85px; background:url(../images/zhezhao.png); position:absolute; left:0; top:0; display:none;}

.box6 .picFocus .hd ul li.on{ background:url(../images/down.png) no-repeat center 83px;}

.box6 .picFocus .hd ul li.on img{ border-color:#e14141;}

.box6 .picFocus .hd ul li.on div{ display:block;}

.box6 .picFocus .bd li{ vertical-align:middle; width:1030px; height:350px; padding:35px 45px 0; background:#3c4353; }

.box6 .picFocus .bd img{ width:492px; height:310px; display:block; float:left;}

.box6 .picFocus .bd .txt{ width:470px; float:right; position:relative;}

.box6 .picFocus .bd .txt h3{ font-size:22px; color:#fff; text-align:left; margin-bottom:10px;}

.box6 .picFocus .bd .txt p{ font-size:12px; color:#fff; text-align:left; line-height:24px;}

.box6 .picFocus .bd .txt .btn{ width:140px; height:36px; position:absolute; left:0; top:268px;}

.box6 .picFocus .bd .txt a{width:140px; height:34px; line-height:34px; border-color:#e35945; color:#e35945;}

.box6 .picFocus .bd .txt a:hover{ background:#e35945; color:#fff;}

.box6 .myp{ font-size:18px; line-height:30px; text-align:center; margin-top:40px;}



.box7{ background:#d34e4e;}

.box7 h2{ width:745px; background-image:url(../images/h2_7.gif);}

.box7 .box7bg{ width:880px; height:695px; margin:0 auto;}

.box7 .box7bg div{ width:880px; height:139px; background:url(../images/box7bg_01.gif) no-repeat center top;}

.box7 .box7bg div.div1{ background-image:url(../images/box7bg_02.gif);}

.box7 .box7bg div.div2{ background-image:url(../images/box7bg_03.gif);}

.box7 .box7bg div.div3{ background-image:url(../images/box7bg_04.gif);}

.box7 .box7bg div.div4{ background-image:url(../images/box7bg_05.gif);}

.box7 .myp{ font-size:18px; line-height:30px; text-align:center; color:#fff; margin:40px 0;}

.box7 .btn a{ border-color:#fff; color:#fff;}

.box7 .btn a:hover{ background:#fff; color:#d34e4e;}



.box8 h2{ width:830px; background-image:url(../images/h2_8.gif);}

.box8 .box_in{ height:}

.box8 ul{ width:1000px; height:530px; overflow:visible; height:}

.box8 ul li{ width:235px; height:auto; margin-bottom:40px; position:relative;}

.box8 ul li .hov{ width:235px; background:url(../images/sj.jpg) no-repeat center top; position:absolute; top:204px; padding-top:15px; z-index:99; display:none; }

.box8 ul li .hov.cur{ display:block;}

.box8 ul li .hov p{ width:215px; padding:15px 10px; background:#d34e4e; color:#fff; font-size:13px; line-height:22px; text-align:center;}

.box8 ul li .mypic{ width:142px; height:142px; background:url(../images/sprit.png) no-repeat 0 0; margin:0 auto 20px auto;}

.box8 ul li:hover .mypic{ background-position:0 -142px;}

.box8 ul li h3{ font-size:26px; text-align:center; color:#3c4353;}

.box8 ul li.li2 .mypic{ background:url(../images/sprit.png) no-repeat -142px 0;}

.box8 ul li.li2:hover .mypic{ background-position:-142px -142px;}

.box8 ul li.li3 .mypic{ background:url(../images/sprit.png) no-repeat -284px 0;}

.box8 ul li.li3:hover .mypic{ background-position:-284px -142px;}

.box8 ul li.li4 .mypic{ background:url(../images/sprit.png) no-repeat -426px 0;}

.box8 ul li.li4:hover .mypic{ background-position:-426px -142px;}

.box8 ul li.li5 .mypic{ background:url(../images/sprit.png) no-repeat -568px 0;}

.box8 ul li.li5:hover .mypic{ background-position:-568px -142px;}

.box8 ul li.li6 .mypic{ background:url(../images/sprit.png) no-repeat -710px 0;}

.box8 ul li.li6:hover .mypic{ background-position:-710px -142px;}

.box8 ul li.li7 .mypic{ background:url(../images/sprit.png) no-repeat -852px 0;}

.box8 ul li.li7:hover .mypic{ background-position:-852px -142px;}

.box8 ul li.li8 .mypic{ background:url(../images/sprit.png) no-repeat -994px 0;}

.box8 ul li.li8:hover .mypic{ background-position:-994px -142px;}

.box8 .btn a{width:528px;}

.box8 .jian{width:100%; height:30px;}



.box9{ background:#fff;}

.box9 h2{ width:784px; background-image:url(../images/h2_9.gif);}

.box9 .ques{ width:1020px; margin:0 auto;}

.box9 h3{ font-size:16px; margin-bottom:5px; color:#3c4353; text-align:left; font-weight:bold;}

.box9 p{ font-size:14px; line-height:28px; margin-bottom:25px; color:#3c4353; text-align:left;}

.box9 p span{ color:#d90000; font-weight:bold;}

.box9 .btn {width:186px;}



.box10 h2{ width:992px; height:199px; background-image:url(../images/box10_1.jpg);}

.box10 .ulbox{ width:1200px; overflow:hidden; height:150px; background:url(../images/box10bg.jpg) no-repeat center;}

.box10 .ulbox li{ float:left; margin:0 35px; overflow:hidden; cursor:pointer;}

.box10 .ulbox li p{ font-size:18px; line-height:24px; color:#3c4353; margin-bottom:27px;}

.box10 .ulbox li h3{ width:114px; height:48px; background:#3c4353; font-size:36px; line-height:48px; color:#fff; text-align:center; font-weight:bold;}

.box10 .ulbox li.odd p{ margin:24px 0 0 0;}

.box10 .ulbox li.odd h3{ margin-top:27px;}

.box10 .ulbox li.newcur p{ color:#ef5958; font-weight:bold;}

.box10 .ulbox li.newcur h3{ background:#ef5958;}

.box10 .con10{ width:1005px; margin:55px auto 0 auto;}

.box10 .con10 .txt{ width:100%; overflow:hidden; display:none;}

.box10 .con10 .newon{ display:block;}

.box10 .con10 .txt_l{ width:200px; height:215px; border:20px solid #ef5958; float:left; position:relative;}

.box10 .con10 .txt_l p{ font-size:18px; line-height:24px; color:#3c4353; margin:50px auto 0 auto; text-align:center;}

.box10 .con10 .mycir{ width:95px; height:95px; position:absolute; left:52px; bottom:-10px; animation: yun 1.4s linear infinite alternate;  -moz-animation: yun 1.4s linear infinite alternate; -webkit-animation: yun 1.4s linear infinite alternate; -o-animation: yun 1.4s linear infinite alternate;}

.box10 .con10 .mycir_in{ width:95px; height:95px; position:relative;}

.box10 .con10 .mycir_in h3{ font-size:50px; color:#ef5958; position:absolute; left:18px; top:16px;}

.box10 .con10 .txt_r{ width:655px; float:right;}

.box10 .con10 .txt_r p{ font-size:18px; line-height:36px; color:#3c4353;}



.box11{ background:#3c4353;}

.box11 .con11{ overflow:hidden; color:#fff;}

.box11 .con11_l{ width:390px; float:left; margin-left:70px;}

.box11 .con11_r{ width:520px; float:right; margin-right:30px; overflow:hidden;}

.box11 .con11_r h3{ font-size:30px; margin:40px 0 25px;}

.box11 .con11_r p{ font-size:18px; line-height:32px; margin-bottom:80px;}

.box11 .btn a{ border-color:#fff; color:#fff;}



.box12{ background:#fff;}

.box12 .con12{ overflow:hidden; color:#3c4353; margin-bottom:50px;}

.box12 .con12_l{ width:460px; float:left; overflow:hidden;}

.box12 .con12_l h3{ font-size:30px; line-height:46px; margin:40px 0;}

.box12 .con12_l a{ display:block; font-size:18px; text-decoration:underline; color:#ef5958; margin-bottom:25px;}

.box12 .con12_r{ width:615px; float:right;}

.box12 .con12_r .video{ width:615px; height:365px; background:#000; overflow:hidden;}

.box12 .btn { width:190px;}



/*圆圈上下浮动动画*/

@keyframes yun

{

from {bottom: -10px;}

to {bottom: -1px;}

}



@-moz-keyframes yun /* Firefox */

{

from {bottom: -10px;}

to {bottom: -1px;}

}



@-webkit-keyframes yun /* Safari 和 Chrome */

{

from {bottom: -10px;}

to {bottom: -1px;}

}



@-o-keyframes yun /* Opera */

{

from {bottom: -10px;}

to {bottom: -1px;}

}