﻿/*!
 *@czx 2016/4/21
 * 动脉h5js
*/
body {overflow:scroll;overflow-x:hidden;margin:0 auto!important;font-size: 16px;}
body { "Microsoft Yahei", "??????",Arial; padding:0px; Text-transform:capitalize;overflow:-Scroll;overflow-x:hidden;background:#F3F3F3;}
body,textarea,input,select,option {font-size:14px;color:#000;font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif;}
Div,Ul,Li,Img,H1,H2,p,Form,Input,Button,Textarea,Strong,h3,h4,h5{"Microsoft Yahei", "??????",Arial; Padding:0px; Margin:0px;}
Ul,Ol { List-style-type:none; List-style-image:none;}
Img { Border:0px; Vertical-align:middle;}
Input,Textarea{ Outline-style:none;}
Textarea {Resize: none;}
a {text-decoration:none;color:red; outline:none;}
a,textarea,input{outline:none}
a:HOVER{ color:#7c428c; Text-decoration: underline;}
.right{float: right;}
.left{float: left;}
.clear{clear:both;}
.mr0{margin-right: 0!important;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
#menu { margin: 0; padding: 0; position: fixed; left: 10px; top: 10px; list-style-type: none; z-index: 70;}
#menu li { float: left; margin:  0 10px 0 0; font-size: 14px;}
#menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none;}
#menu .active a { color: #fff; background-color: #333;}

.section1 { background: url(../images/01.jpg) 50% no-repeat;background-size: 100%}
.section2 { background: url(../images/3.jpg) 50% no-repeat;background-size: 100%}
.section3 { background: url(../images/3.jpg) 50% no-repeat;background-size: 100%}
.section4 { background: url(../images/1.jpg) 50% no-repeat;background-size: 100%}
.section5 { background: url(../images/1.jpg) 50% no-repeat;background-size: 100%}
.section6 { background: url(../images/3.jpg) 50% no-repeat;background-size: 100%}
.section7 { background: url(../images/1.jpg) 50% no-repeat;background-size: 100%}
.section8 { background: url(../images/2.jpg) 50% no-repeat;background-size: 100%}
.cont{ overflow: hidden;width: 1200px;margin:0 auto;height: auto;_margin-top:10%;position: relative;}
.section2 .cont h3 { position: relative; left: -120%;}
    .s2_img { position: relative; right: -120%;}
    .section3 .s3_img{ position: relative; bottom: -120%;}
    .section4 h5 {position: relative;}
    .section6 .cont_l ul li{position: relative;left: -120%;}
    .section8 h3{position: relative; top: -100px;}
    .section8 .cont1{position: relative;left: -120%;}
    .section8 .cont2{position: relative;right: -120%;}
  .section8 h5{position: relative;right: -120%;}
.heard{position: fixed;top: 0px;left: 0;width: 100%;height: 50px;z-index: 99990;background-color: #333333;}

.nav{width: 1080px;margin:0 auto;}
.topnav{ overflow:hidden;float: left;}
.topnav ul{ margin:3px 5px; overflow:hidden;}
.topnav ul li{float: left;width: 80px;text-align: center;font-size: 16px;line-height: 45px;}
.topnav ul li a{color: #fff;}
.section2 .cont{}
.section2 .cont h3{width: 1200px;margin:10px auto; }
.section2 .c_text{color: #474747;font-size: 16px;;height:130px;text-align: left;line-height: 26px;overflow: hidden;background: url(../images/bg1.png) 0 0 repeat;width: 1100px;margin: 20px auto;}
.section2 .c_text p{width: 96%;margin:10px auto;text-indent: 2em;}
.section2 .c_text p span{color: #FAE323;}
.section2 .c_text ol li{line-height: 28px;}

.section3 .cont{width: 1200px;overflow: hidden;height: 705px;background: url(../images/222.png);}
.section3 .cont .s3_info{width:1180px;margin:20px 10px; height: 700px;}
.s3_info .cont1{margin:10px auto;overflow: hidden;height: auto;}
.s3_info .cont2 .bbskr{position: relative;width:585px;height:580px;right:-120%;}
.s3_info .cont2 .bbskl{position: relative;width:585px;height:580px;left:-120%;}

.s3_info .cont1 ul{position:relative;padding:5px;overflow: hidden;}
.s3_info .cont1 ul li{width: 1170px;height: 75px;float: left;background-color: #E4E4E4;}
.s3_info .cont1 ul li+li{margin-left: 10px;float: right;}
.s3_info .cont1 ul li div{width: 60px;height:60px; position: absolute;}
.s3_info .cont1 ul li .c1_div1{left: 0;top: 0;border-left: 1px solid #071D4C;border-top: 1px solid #071D4C;}
.s3_info .cont1 ul li .c1_div2{left: 1119px;top: 23px;border-right: 1px solid #B5B3B3;border-bottom: 1px solid #B5B3B3;}
.s3_info .cont1 ul li .c1_div3{border-left: 1px solid #071D4C;border-top: 1px solid #071D4C;left: 561px;top: 0;}
.s3_info .cont1 ul li .c1_div4{right: 0px;bottom: 0px;border-right: 1px solid #CDCDCD;border-bottom: 1px solid #CDCDCD;}
.s3_info .cont1 ul li span{background: #071D4C;width: 92px;height: 55px;float: left;font-size: 21px;font-weight: 800;color: #fff;padding: 10px;overflow: hidden;text-align: center;margin-right: 10px;}
.s3_info .cont1 ul li p{margin-top: 5px;font-size: 15px;text-align: center;line-height: 65px;}
.s3_info .cont1 ul li i{color: red;font-size: 16px;margin-right: 5px;}
.s3_info .cont2 li{float: left;width: 585px;height: 580px;background: #f3f6fd; }
.s3_info .cont2 li:first-child{margin-right: 10px;}
.s3_info .cont2 li:last-child{background: #fef7f7;}
.s3_info .cont2 li:last-child .cont2_china1{background: #ad0404;}
.s3_info .cont2 li:last-child .cont2_china3 .cont2_china31 h3{color: #ad0404;}
.s3_info .cont2 li .cont2_china1{width: 535px;height: 47px;background: #0a1630;color: #fff;font-weight: bold;font-size: 20px;text-align: center;line-height: 47px;margin:7px auto;}
.s3_info .cont2 li .cont2_china1 span{color: #eaf126;}
.s3_info .cont2 li .cont2_china2{width: 535px;height: auto;margin: 5px auto 5px;font-size: 14px;line-height: 25px;text-indent: 2em;}
.s3_info .cont2 li .cont2_china3{width: 535px;height: auto;margin: 0 auto;overflow: hidden;}
.s3_info .cont2 li .cont2_china3 .cont2_china32{width: 157px;height: 214px;padding:3px;background: #fff;float: left;border: 1px #c9c9c9 solid;}
.s3_info .cont2 li .cont2_china3 .cont2_china31{width: 335px;height: auto;float: left;    margin-left: 20px;}

.s3_info .cont2 li .cont2_china3 .cont2_china31 h3{color: #0a1630;font-size: 28px;border-bottom: 1px #0a1630 solid;    margin: 10px 0;}
.s3_info .cont2 li .cont2_china3 .cont2_china31 h3 span{font-size: 15px;}
.s3_info .cont2 li .cont2_china3 .cont2_china31 p{font-size: 15px;line-height: 30px;color: #171717;}
.s3_info .cont2 li .cont2_china3 .cont2_china31 p span{color: #ad0404;}
.s3_info .cont2 li .cont2_china3 .cont2_china31 .cont2_china311{font-size: 12px;text-indent: 2em;line-height: 25px;color: #171717;    margin-top: 10px;}
.s3_info .cont2 li .cont2_china4{width: 535px;height: 200px;clear: both;margin: 7px auto 0;text-align: center;}




.section3 .prev {
  position: absolute;
  top: 60%;
  left: 0;
  z-index: 500;
  width:45px;
  height:70px;
}

.section3 .prev span,.section3 .next span {
  margin-left: 0px;
  font-weight: 700;
  color: rgba(0,0,0,0.4);
  font-size: 120px;
  font-family: "Helvetica", Helvetica, Arial, sans-serif;
  height: 70px;
  display: block;
  line-height: 50px;

}
.section3 .prev span:hover,.section3 .next span:hover{opacity: 1;}
.section3 .next {
  position: absolute;
  top: 60%;
  right: 0;
  z-index: 500;
  width: 45px;
  height:70px;
}




.section4 .c_text_s{color: #000;font-size: 16px;height: 105px;text-align: left;line-height: 26px;overflow: hidden;width: 1174px;margin:10px auto;background: url(../images/bg.png) 0 0 repeat;}
.section4 .c_text_s p{width: 1140px;margin:15px auto auto;}
.section4 .cont1{width: 1174px;margin:0 auto;}
.section4 .cont1_l{width: 360px;height: 450px;margin-top: 20px;margin-left:60px;position: relative;}
.section4 .cont1_l h3{font-size: 20px;width: 360px;height: 50px;background-color: #0E1E4F;line-height: 45px;color: #fff;font-weight: 400;margin-bottom: 35px;}
.section4 .cont1_l h3 span{color: #FAE325;font-size: 26px;font-weight: 800;margin-left: 20px;}

.section4 .cont1_l h5{width: 175px;height: 40px;background-color: #E98901;border-radius: 30px;line-height: 40px;font-weight: 400;font-size: 16px;color: #fff;position: absolute;}
.section4 .cont1_l .c1_01 h5{left: 0;top: 64px}
.section4 .cont1_l .c1_02 h5{left: 0;top:202px}
.section4 .cont1_l .c1_03 h5{left: 0;top:328px}
.section4 .cont1_l h5 span{width: 24px;height: 25px;background: url(../images/tubiao.png) -2px 1px no-repeat;margin-top: 7px;
float: left;margin-left: 33px;margin-right: 10px;}
.section4 .cont1_l .c1_01{border-top:dashed 1px #000; border-right:dashed 1px #000;border-bottom: dashed 1px #000;height: 134px; }
.section4 .cont1_l .c1_02{border-left: dashed 1px #000;border-bottom: dashed 1px #000;height: 125px;}
.section4 .cont1_l .c1_03{border-right:dashed 1px #000;height: 90px;}
.section4 .cont1_l p{color: #000;font-size: 14px;text-indent: 2em;line-height: 22px;padding-top: 25px;width: 350px;margin:0 auto;}
.section4 .cont1_l p a{float: right;}
.section4 .cont1_r {width: 690px;height: 445px;margin-top: 20px;margin-right:55px;}
.section4 .cont1_r ul li{float: left;margin-bottom: 8px;margin-right: 8px;}
.section4 .cont1_r ul li:nth-child(3),.section4 .cont1_r ul li:nth-child(5){margin-right: 0;}
.section4 .prev {
  position: absolute;
  top: 60%;
  left: 0;
  z-index: 500;
  width: 70px;
  height: 120px;
}

.section4 .prev span,.section4 .next span {
  margin-left: 0px;
  font-weight: 700;
  color: rgba(0,0,0,0.4);
  font-size: 200px;
  font-family: "Helvetica", Helvetica, Arial, sans-serif;
  height: 120px;
  display: block;
  line-height: 79px;

}
.section4 .prev span:hover,.section4 .next span:hover{opacity: 1;}
.section4 .next {
  position: absolute;
  top: 60%;
  right: 0;
  z-index: 500;
  width: 70px;
  height: 120px;
}

.section5 .cont h3 img{margin-top:10px;}
.section5 .text{width: 98%;margin:20px auto 10px;font-size: 16px;line-height: 26px;text-indent: 2em; }
.section5 .cont .section5_fl{width: 243px;height:auto;float: left;}
.section5 .cont .section5_fr{width: 1197px;height: auto;float: right;}
.section5 .text span{color: #D50503;font-weight: 600;}
.section5 .cont{width: 1200px;overflow: hidden;height: 690px;background: url(../images/222.png);margin-top: 40px;}
.section5 .cont1,.section5 .cont2{overflow: hidden;}
.section5 .cont1>div{width: 115px;height: 433px;background: #0d1a47;float: left;overflow: hidden;margin-top: 10px;position: relative; text-align: center;}
.section5 .cont1 p{width: 30px;font-size:31px;color: #fff;font-weight: 800;}
.section5 .cont1 .p1{margin-top: 10px;margin-left: 45px;float: left;}
.section5 .cont1 span{width:0;height:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-right:16px solid #fff; position: absolute;right: 0; top:50%;margin-top: -8px;}
.section5 .cont1 ul{width: 1085px;float: right;margin-top: 10px;}
.section5 .cont1 ul li{float: right;border:1px solid #BBBBBB;padding:2px;margin-left: 4px;width: 260px;height: 206px;position:relative;overflow: hidden;}
.section5 .cont1 ul li img{width: 100%;	}
.case_li_txt{width:100%; height:210px; background:#383430;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; top:165px; left:0px; position:absolute; overflow:hidden;}
.case_li_txt_hover{width:100%; height:auto; background:#000000;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; top:126px; left:0px; position:absolute; overflow:hidden;}
.span_mr_txt{width:98%;text-align:left; margin:auto; line-height:40px; color:#fff;font-size:14px;}
.span_mr_txt a{color:#F00;}
.span_mr_txt a:hover{color:#900}
.span_mr_txt h5{font-size:14px;    line-height: 45px;    text-align: center;}
.span_mr_txt h5 em{font-size:16px;color:red;font-style:normal;}

.span_font{width:90%; text-align:left; margin:auto; line-height:20px; color:#ffffff;font-size:14px;}
.span_detail{width:90%; margin:auto; text-align:right; }
.span_detail a{color:#c0c46d; text-decoration:underline;}
.span_detail a:hover{color:#c0c46d; text-decoration:none;}
.section5 .cont2{clear: both;}
.section5 .cont2_l{width:565px;}
.section5 .cont2_r{width: 615px;}
.section5 .cont2 h3{width: 35px;height: 85px;float: left;margin-right: 10px;background: #071F4F;text-align:center;color: #fff;padding-top: 10px;font-size: 18px;font-weight: 400;line-height: 18px;}
.section5 .cont2_l ul li{float: left;margin:3px 5px;}
.section5 .cont2_l ul li img{border:1px solid #BBBBBB;}
.section5 .cont2_r ul li{float: left;width: 88px;height: 97px;margin:0px 13px;}
.section5 .cont2_r ul li p{font-size: 12px;line-height: 22px;}
.section6 .cont{background: url(../images/bg.png) 0 0 repeat;height: 700px;}
.section6 .cont_l{width: 91px;margin:50px auto auto 15px;}
.section6 .cont_l ul li a{color: #fff;text-decoration: none;}
.section6 .cont_l ul li{float: left;border:4px solid #28272D;background: #7B7B7B;width: 88px;border-radius: 88px;height: 88px;margin-bottom: 30px;}
.section6 .cont_l ul li:first-child{background: #BD0102;border-color: #3A0D14}
.section6 .cont_l ul li:hover{background: #BD0102;}
.section6 .cont_l ul li span{width: 75px;height: 45px;background: url(../images/tubiao1.png) -1px -16px no-repeat;display: block;margin: 5px auto;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.section6 .cont_l ul li:hover span{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.section6 .cont_l ul li{text-align: center;color: #fff;}
.section6 .cont_l ul li:nth-child(2) span{background-position: -1px -103px;}
.section6 .cont_l ul li:nth-child(3) span{background-position: -1px -178px;}
.section6 .cont_l ul li:nth-child(4) span{background-position: -1px -250px;}
.section6 .cont_l ul li:nth-child(5) span{background-position: -1px -325px;}
.section6 .cont_r{width: 1060px;}
.section6 .cont_r .cr_02{width: 1055px;height: 65px;overflow: hidden;background: url(../images/bg.png) repeat;margin-top: -15px;}
.section6 .cont_r .cr_02 p{width:95%;margin:10px auto;font-size: 16px;color: #fff;text-indent: 2em;}
.section6 .cr_03,.section6 .cr_04{overflow: hidden;}
.section6 .cr_04{position: relative;margin-left: -15px;}
.section6 .cr_03 ul li{float: left;width: 260px;height: auto;margin-right: 5px;}
.section6 .cr_03 ul li img{background: url(../images/bg.png) repeat;padding: 5px;}
.section6 .cr_03 ul li p span{width: 70px;height: 25px;background: #FF9934;display: block;margin:5px auto;font-size: 14px;}
.section6 .cr_03 ul li p{text-align: center;color: #000;line-height: 25px;font-size: 18px;}
.section6 .cr_04 .cr4_l{width: 475px;height: 200px;background: url(../images/bg.png) repeat;padding:4px;margin-left: 35px;}
.section6 .cr_04 .cr4_l img+img{margin-left: 5px;}
.section6 .cr_04 .cr4_r{width: 510px;height: 215px;color: #fff;}
.section6 .cr_04 .cr4_r dd{color:#000;}
.section6 .cr4_r h4{width: 275px;height: 35px;background: #EC5800;line-height: 35px;text-align: center;margin:0 auto;}
.section6 .cr4_r dl{font-size: 14px;}
.section6 .cr4_r dl dt{width: 85px;height: 26px;line-height: 26px;text-align: center;background: #021A3E;float: left;margin-bottom: 10px; -webkit-box-shadow:0 0 2px #2C62B7;  
  -moz-box-shadow:0 0 2px #2C62B7;  
  box-shadow:0 0 2px #2C62B7;  
}
.section6 .cr4_r dl dd{width: 410px;float: left;min-height: 26px;margin-bottom: 10px;margin-left: 10px;}
 .prev{ position:absolute; top:50%; left:0;z-index:500;margin-top:-45px; width:36px; height:92px;  }
 .prev span,.next span{margin-left:0px;font-weight:700;color: rgba(0,0,0,0.5);font-size:90px;font-family: "Helvetica", Helvetica, Arial, sans-serif;height: 50px;display: block;line-height: 79px;}
  .prev span:hover,.next span:hover{opacity: 1;}
 .next{ position:absolute; top:50%; margin-top:-45px; right:0;z-index:500; width:36px; height:92px;}
.section7 .cont h3 img{margin-top:10px;}
.section7 .text{width: 98%;margin:20px auto;font-size: 16px;line-height: 26px;text-indent: 2em;}
.section7 .cont1 ul{width: 98%;margin: 20px auto;overflow:hidden; }
.section7 .cont1 ul li{width: 290px;height: 55px;float: left;margin-left: 5px;background: #091F5B;border-radius: 30px;line-height: 50px;font-size: 17px;color: #fff;font-weight: 600}
.section7 .cont1 ul li span{width:20px;height: 20px;background: url(../images/xing.png) 0 0 no-repeat;display: block;float: left;margin: 15px 5px auto 35px;}
.section7 .cont1 ul li:first-child,.section7 .cont2 ul li:first-child{margin-left: 0;}
.section7 .cont2{width: 98%;margin:30px auto;overflow: hidden;clear: both;}
.section7 .cont2 ul li{width: 382px;height: auto;float: left;margin-left: 15px;}
.section7 .cont1 ul li:first-child,.section7 .cont2 ul li:first-child{margin-left: 0;}
.section7 .cont2 ul li p{line-height: 26px;margin:10px auto;text-indent: 2em;font-size: 16px;height: 135px;}
.section7 .cont2 ul li div{width: 382px;height: 50px;background: #FB832C;text-align: center;line-height: 50px;font-weight: 400;font-size: 18px;margin-top: 10px;color: #fff;}
.section8 .cont{background: url(../images/bg.png) 0 0 repeat;}
.section8 h3{width: 900px;font-weight: 800;color: #fff;font-size: 40px;line-height: 80px;margin:0 auto 30px;text-align: center;    letter-spacing: 4px;}
.section8 h5{width: 900px;font-weight: 500;color: #fff;font-size: 30px;margin:20px auto 30px;text-align: center;    letter-spacing: 4px;}
.section8 .cont .qqlh1{width:1190px;height: 537px;float: left;margin: 10px 0 0 10px;}
.section8 .cont .qqlh2{width: 198px;height: 640px;float: right;margin-right: 20px;}

.section8 .cont1{width: 1040px;height: auto;margin:20px auto;color: #fff;overflow: hidden;}
.section8 .c1_l{width: 600px;overflow: hidden;margin-top: 10px; }
.section8 .c1_l .c1_ldl{width: 465px;height: auto;text-indent: 2em;font-size: 15px;margin-bottom: 10px;line-height: 30px;}
.section8 .c1_l p{font-size: 24px;line-height: 40px; margin-top:20px;}
.section8 .c1_l p span{color: #ffc600;}
.section8 .c1_r{width: 410px;height: 387px;}
.section8 .c1_b{overflow: hidden;}
.section8 .c1_b h4{font-size: 26px;width: 670px;margin:20px auto;}
.section8 .cont2{width:274px;margin: 80px auto auto; }
@media screen and (max-width:1360px){
.section8 .cont2{margin-top: 40px;}
.section7 .text{margin:10px auto;}
.section6 .cr_03 ul li p{line-height: 36px;}
.section6 .cr_03 ul li p span{float: left;line-height: 25px;}
}

#footer-notice {
font-size: 12px;
text-align: center;
height: 30px;
line-height: 30px;
color: #fafafa;
background-color: #1161ba;
z-index: 99999;
position: fixed;
width: 100%;
bottom: 0;
font-family: "microsoft yahei";
}
#close_dp {
position: fixed;
width: 16px;
height: 16px;
color: #fff;
text-align: center;
line-height: 16px;
border-radius: 12px;
background: #1161ba;
font-size: 12px;
cursor: pointer;
border: 1px solid #fff;
bottom: 20px;
right: 30%;
z-index: 99999;
}
   
