@charset "utf-8";
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{font-size: 48px; text-align: center; font-family: "Microsoft YaHei";color: #222222;font-weight:normal;margin-bottom: 30px; }
.tit01 a{color: #222222; }
.tit01 b{font-weight: bold; color: #0072dc;}
.tit01 span{font-size: 20px;color: #666666; padding-bottom: 25px; font-weight: normal;  display:block;font-family:"Microsoft Yahei";background: url(../images/titbg.png) no-repeat center bottom; }

.tit02{font-size: 46px; text-align: center; font-family: "Microsoft YaHei";color: #fff;font-weight:normal; }
.tit02 a{color: #fff; }
.tit02 b{font-weight: bold;}
.tit02 em{color: #fff; font-size: 14px;opacity: 0.6; font-weight: normal; text-align: center; display: block; font-family:"Arial";padding-top: 22px;}



.yy_bj{ height: 822px;padding-top: 75px;  background:#ffffff;  box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yy dl{height: 445px;margin-bottom: 30px;  }
.yy dl dt{position: relative; width: 605px; height: 440px; float: left;padding:29px 29px 0; }
.yy dl dt:after{content:'';position:absolute;height:440px;width:469px;background:#0072dc;top:0;left:0px;}
.yy dl dt img{width: 576px; height: 382px; display: block; float: right; position: relative; z-index: 1;}
.yy dl dd{width: 522px;  float: right;position:relative;}
.yy dl dd h3{ font-size: 48px; color: #333333; font-weight: normal; height: 138px; margin-bottom: 20px;position: relative; padding-top: 15px; box-sizing: border-box;}
.yy dl dd h3 i{display: block; font-size: 18px; color: #000000;opacity: 0.5; }
.yy dl dd h3 b{ font-weight: bold; color: #0072dc;}
.yy dl dd h3:after{content:'';position:absolute;height:6px;width:594px;background: url(../images/yy_line.png) no-repeat left bottom;bottom:0;left:-75px;}
.yy dl dd p{font-size: 16px; height: 145px; color: #666666; line-height: 30px; text-align: justify;}
.yy dl dd em{width: 365px;margin-top: 22px; float: left;font-size: 16px; color: #333333; font-weight: normal; height: 85px; line-height: 143px; display: block; position: relative;  }
.yy dl dd em img{width: 259px; height: 85px; display: block; float: right;}

.hz{width: 1200px; margin:0 auto;position: relative;}
.hz h4{height: 60px; line-height: 60px; text-align: center; position: relative; font-size: 26px; color: #333333;font-weight: normal;margin-bottom: 20px;}
.hz h4 a{ color: #333333; }
.hz h4:before{content: "";width: 474px; height: 1px; position: absolute;left:0;top:30px;background:#d1d1d1;}
.hz h4:after{content: "";width: 474px; height: 1px; position: absolute;right:0;top:30px;background:#d1d1d1;}

.m_hz{width: 1195px; margin:0 auto; overflow: hidden;}
.hz li{width: 226px;float: left;margin-right: 16px;}
.hz li img{width: 226px;height: 127px; display: block;box-sizing: border-box;}
.hz li a{ text-decoration: none; }

.hz .hz_prev{width: 36px; height: 36px; display: block; position: absolute;left:-55px;top:120px;background: url(../images/hz_l.png) no-repeat}
.hz .hz_next{width: 36px; height: 36px; display: block; position: absolute;right:-55px;top:120px;background: url(../images/hz_r.png) no-repeat}


/**/
.pro_bj{ height: 1252px; overflow: hidden; background: url(../images/cpbg.jpg) no-repeat center top; padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.pro_bj h2{margin-bottom: 30px;}

.cp_nav{ width: 258px; height:950px; clear: both; float: left; }
.cp_nav h4{height: 138px;padding-top: 38px;padding-left: 38px; box-sizing: border-box;background: #0072dc; color: #fff; font-size: 28px; font-weight: bold;}
.cp_nav h4 a{color: #fff;}
.cp_nav h4 em{ font-size: 20px; color: #ffffff;  font-family: "Arial"; display: block; text-transform: uppercase;  font-weight: normal;}
.cp_nav h4 em b{font-weight: bold;}
.cp_nav .clm{padding:15px;border:2px solid #dcdcdc;background: #fff; height: 660px;}
.cp_nav h3{position: relative;height: 53px; line-height: 53px;border-bottom:1px dashed #dcdcdc;  text-align: left; font-size: 18px; color: #4c4c4c;position: relative; display: block; padding-left: 18px;box-sizing: border-box; font-weight: normal; text-decoration: none; }
.cp_nav h3:hover,.cp_nav h3.cur{background: url(../images/h3cur.gif) no-repeat left center; color: #ffffff; font-weight: bold;border-bottom: 0;}
.cp_nav h3:hover a,.cp_nav h3.cur a{color: #fff;}
.cp_nav h3:last-child a{border-bottom: 0;}

.cp_nav h3 p{padding:22px 22px 15px; display: none;width: 233px;background:rgba(255,255,255,0.96); position: absolute;left:223px;top:0;z-index: 3;border:3px solid #0072dc;}
.cp_nav h3 p a{font-weight: normal; display: block; height: 34px;line-height: 34px;border-bottom: 1px solid #d6d6d6;background: url(../images/clmico.png) no-repeat left center; font-size: 14px; font-weight: normal;padding-left: 32px; color: #666666; text-decoration: none;}
.cp_nav h3:hover p a,.cp_nav h3.cur p a{color: #666;}

.cp_nav h3 p a:last-child{border-bottom: 0;}
.cp_nav h3 p a:hover{font-weight: normal; color: #0072dc;}
.cp_nav h3.cur p{display: block;}

.clm_tel{background: #fff;padding-left: 20px;padding-top: 30px;border:2px solid #dcdcdc;border-top:0;height: 85px;}
.clm_tel p{padding-left: 52px; font-size: 16px; color: #333333;background: url(../images/cp_tel.png) no-repeat left 0;  }
.clm_tel b{display: block; font-size: 24px; color: #036ed9; text-align: left;}

.cp_right{width: 942px; float: right;border-top:7px solid #0072dc; }
.m_pro{ width:938px; height: 570px; position: relative;box-sizing: border-box; float: right;margin-bottom: 5px;background: #fff; }
.m_pro dl{height: 570px;}
.m_pro dt{width: 570px;height: 570px;overflow: hidden;float: left;}
.m_pro dt img{width: 570px;height: 570px;display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.m_pro dd{width:368px;padding:65px 40px 0; float: left;box-sizing: border-box;}
.m_pro dd h3{font-size: 26px; color: #0072dc; height:70px;overflow: hidden;  font-weight: bold; white-space: nowrap;background:url(../images/lines.gif) no-repeat left bottom; margin-bottom: 20px; line-height: 70px;  white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.m_pro dd h3 a{color: #0072dc;}
.m_pro dd h3 b{font-size: 30px; display: block;}
.m_pro dd .desc{font-size: 14px; color: #666666; line-height: 24px; min-height: 275px;}
.m_pro dd .desc b{ font-weight: bold; }
.m_pro dd span{ display: block; height: 35px; width: 244px;}
.m_pro dd .xq{ display: block; width: 122px; height: 35px;  text-align: center; font-size: 14px; color: #ffffff; font-weight: normal; line-height: 35px; background:#3a88d3; float: left;}
.m_pro dd .zx{ display: block; width: 122px; height: 35px;  text-align: center; font-size: 14px; color: #333333; font-weight: normal; line-height: 35px; background:#ffdf26; float: left;}

.cp_nr{width:938px; position: relative; overflow: hidden; float: right;}
.cp_prev{position: absolute;left:0;top:150px;background: url(../images/cp_l.png) no-repeat;width: 38px; height: 70px;    z-index: 2;}
.cp_next{position: absolute;right:0;top:150px;background: url(../images/cp_r.png) no-repeat;width: 38px; height: 70px;z-index: 2;}
.cp_nr li{ background: #fff;width: 304px;border:2px solid #dcdcdc;float: left; margin-right: 7px;  }
.cp_nr li a{ text-decoration: none; }
.cp_nr li img{width: 304px; height: 304px; display: block;}
.cp_nr li span{background:url(../images/cp_line.png) no-repeat center top; display: block; height: 59px; line-height: 59px;text-align: center; font-size: 18px; color: #333333; }
.cp_nr li:hover{border:2px solid #036ed9;/*transform: translateY(-5px);*/}

/**/
.tdbj{ height:625px; position: relative; box-sizing: border-box; background:#fff;padding-top:80px; overflow: hidden; clear: both; font-family:"Microsoft Yahei";}
.tdbj h2{ margin-bottom: 30px;}
.td dl{width: 400px;height: 366px; border-right: 1px solid #d3d3d3;padding:0 55px;box-sizing: border-box;float: left;}
.td dt{width: 206px;height: 206px;overflow: hidden;margin:0 auto 30px;}
.td dt img{width: 206px;height: 206px;display: block;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.td dd{box-sizing: border-box; text-align: center;}
.td dd h4{font-size: 26px; color: #222222; height:55px;overflow: hidden; line-height: 55px;margin-bottom: 15px; }
.td dd h4 b{font-size: 42px;  color: #036ed9;}
.td dd p{font-size: 15px; color: #666666; line-height: 24px; }
.td dt{
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.td dt:hover img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.td dl:nth-child(1){padding-left: 0;}
.td dl:nth-child(3){padding-right: 0;border-right: 0;}
/**/
.xgg{width: 100%;background: url(../images/xgg.jpg) no-repeat center top; height: 213px; display: block; position: relative;font-family: "Microsoft YaHei"; }
.xgg .content{position: relative;}
.xgg .gg_zx{position:absolute; top:102px; right:0;font-size: 18px; color: #000000;height: 52px; line-height: 52px; background: url(../images/gg_btn.png) no-repeat left center;padding-left: 94px; font-weight: bold; width: 222px;box-sizing: border-box;}
.xgg p{font-size: 18px; color: #ffffff;width: 335px;padding-left: 75px; background: url(../images/gg_tel.png) no-repeat left 20px; position: absolute;left:600px;top:78px;box-sizing: border-box;}
.xgg p b{font-size: 30px; display: block; line-height: 30px; color: #fff;}

/**/
.ysbj{ height:1745px; position: relative; box-sizing: border-box; background:url(../images/ysbg.jpg) repeat-y;padding-top:85px; overflow: hidden; clear: both; font-family:"Microsoft Yahei";}
.ysbj h2{ margin-bottom: 30px;}
.ys{ height:auto;  position: relative; }
.ys  dl{width: 574px;background: #fff;overflow: hidden; float: left;margin-bottom: 50px;}
.ys  dl dt{width: 574px;height: 389px;overflow: hidden; }
.ys  dl dt img{width: 574px;height: 389px; display: block;}
.ys  dl dd{height: 300px;padding-top: 60px;box-sizing: border-box; position: relative; }
.ys  dl dd h3 {width: 122px;height: 177px; font-size: 26px; color: #000000;display: block;margin-bottom: 35px;font-weight: bold; padding-top: 88px; box-sizing: border-box;background: url(../images/ysico1.png) no-repeat center top; text-align: center;  float: left; position: absolute;left:15px; top:60px;}
.ys  dl dd .desc{width: 417px; float: left;margin-left: 126px;}
.ys  dl dd h4{display: block; font-size: 24px; color: #333333;text-transform: uppercase; font-weight: bold;border:7px solid #0072dc; border-radius:30px;height: 64px; line-height: 50px;padding-left: 35px; box-sizing: border-box;margin-bottom: 28px;}
.ys  dl dd p{line-height: 22px;font-size:16px;color: #666666; padding-left: 40px; text-align: left;background: url(../images/ysico2.png) no-repeat 11px 5px;margin-bottom: 13px; }
.ys  dl dd p i{ font-weight: bold; color: #00a0e9; }

.ys img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.ys img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.ys  dl:nth-child(2n){float: right;}

/**/
.casebj{ height:805px;background:url(../images/casebg.jpg) no-repeat center top; padding-top:75px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; }
.casebj h2{ margin-bottom: 30px; color: #fff; }
.casebj h2 b{color: #fff;}
.casebj h2 a{color: #fff;}
.casebj h2 span{background:url(../images/titbg2.png) no-repeat center bottom;color: #fff;}

.case{width: 800px;margin:0 auto;position: relative;}
.case_nav{ height: 40px; overflow: hidden;margin-bottom: 25px; }
.case_nav a{width: 120px; height: 38px; line-height: 38px; text-align: center; font-size: 18px; color: #ffffff;border:1px solid #fff; display: block; float:  left;margin-right: 13px;}
.case_nav a.cur{background: #fff; color: #0072dc; font-weight: bold;}
.case_nav a:last-child{margin-right: 0;}

.case_nr{width: 800px;position: relative;}
.case_nr .case_prev{width: 60px; height: 60px; display: block; position: absolute;left:-33px;top:193px;background: url(../images/case_l.png) no-repeat;z-index: 2;}
.case_nr .case_next{width: 60px; height: 60px; display: block; position: absolute;right:-33px;top:193px;background: url(../images/case_r.png) no-repeat;z-index: 2;}

.m_case { width: 800px; position: relative;}
.m_case  dl{width:800px;box-sizing: border-box; position: relative; padding-bottom: 33px;}
.m_case  dl:after{content: "";width:800px; height: 33px; position: absolute;left:0;bottom:0px;background:url(../images/casebtmbg.png) no-repeat;background-size:100%;}
.m_case  dl dt{width: 800px;height: 450px;  position: relative;}
.m_case  dl dt img{width: 800px;height: 450px; display: block;}
.m_case  dl dd{width: 800px;background:rgba(0,0,0,0.6); height: 105px;padding:20px 44px 0;box-sizing: border-box;position: absolute;bottom: 33px;left:0; }
.m_case  dl dd h4{text-align: left; font-size: 16px; color: #ffffff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative; line-height: 32px; font-weight: bold;}
.m_case  dl dd h4 a{ color: #ffffff; }
.m_case  dl dd p{ line-height: 30px;font-size:14px;color: #fff;text-align: left;}





/**/
.nswsbj{ height: 709px; box-sizing: border-box;  padding-top:10px; overflow: hidden; font-family:"Microsoft Yahei";}
.nswsbj h2{ margin-bottom: 20px;}

.newsdt{ width:750px;  float:left;}
.newsdt h3{padding-left: 43px; height: 30px; font:22px "Microsoft YaHei"; line-height:30px;overflow: hidden; position:relative;margin-bottom: 12px;background: url(../images/newstit1.png) no-repeat left center;}
.newsdt h3 a{color: #333333;}
.newsdt h3 span{text-transform: uppercase; font-size: 14px; color: #666666;font-family: "Arial"; float: right;}

.news_con dl{height: 191px; overflow: hidden; background:#fff; margin-bottom:15px;background: #f3f3f3;}
.news_con dl dt{width: 327px;height: 191px; float: left; overflow:  hidden;}
.news_con dl dt img{width: 327px;height: 191px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news_con dl dd{ float: right;width: 335px; overflow: hidden; padding:22px 38px 0 0;}
.news_con dl dd h4{line-height: 35px; font-size: 18px; color: #333333;font-weight: normal;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.news_con dl dd h4 a{ color: #333333;}
.news_con dl dd p{padding-top: 12px;  font-size: 14px; color: #666666; line-height: 24px}
.news_con dd span a{display:block;height: 23px; font-size: 14px; line-height: 23px ;font-size:14;}
.news_con dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.news_con ul{overflow:hidden; background:#fff;}
.news_con li{height: 42px; padding-left: 37px; position: relative; font-size:14px; line-height: 42px;}
.news_con li span{ font-size: 14px; font-family: Arial; color: #666666; }
.news_con li a{ font-size: 14px; color: #666666;}
.news_con li::before{position: absolute; content: ""; width: 14px; height: 13px; top: 12px; left:0;background: url(../images/newsico.png) no-repeat left center; }
.news_con li a:hover{ color:#0072dc;}

.faq {width:414px; height:540px; float: right;overflow: hidden;}
.faqtit{height: 30px; margin-bottom: 12px;}
.faqtit h3{padding-left: 43px; height: 30px; font:22px "Microsoft YaHei"; line-height:30px;overflow: hidden; position:relative;background: url(../images/newstit2.png) no-repeat left center;}
.faqtit h3 a{color: #333333;}
.faqtit h3 span{text-transform: uppercase; font-size: 14px; color: #666666;font-family: "Arial"; float: right;}
.faq dl{ height:332px;}
.faq dt{ width:414px; height:191px; overflow:hidden;}
.faq dt img{ display:block;width:414px; height:191px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.faq dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.faq dd{ padding:22px 15px 0 15px;border-bottom:1px dotted #dcdcdc; height: 141px;box-sizing: border-box;}
.faq dd h4{display:block; font:16px "Microsoft YaHei"; color:#333333; height: 30px; line-height: 30px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.faq dd h4 a{ color:#333333;}
.faq dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#666666; padding-top:5px;}
.faq2 ul{overflow:hidden; background:#fff;padding-top: 10px;}
.faq2 li{height: 33px; padding-left: 37px; position: relative; font-size:14px; line-height: 33px;}
.faq2 li a{ font-size: 14px; color: #666666;}
.faq2 li::before{position: absolute; content: ""; width: 14px; height: 13px; top: 12px; left:0;background: url(../images/newsico.png) no-repeat left center; }
.faq2 li a:hover{ color:#0072dc;}





/**/
.aboutbj{background:url(../images/abtbg.png) no-repeat center top;height: 665px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; }
.about{width: 1200px; height: 665px;position: relative;}
.about dl{}
.about dl dt{ position: absolute;top: 0;left:50%;}
.about dl dt img{width: 960px;height: 541px; display: block;}
.about dl dd {padding-top: 90px; float: left;width: 495px;}
.about dl dd h2{font-size: 48px; color: #333333; text-align: left;padding-left: 104px; font-weight: normal;margin-bottom: 70px;}
.about dl dd ul{height: 60px;margin-bottom: 35px;}
.about dl dd ul li{padding-left: 40px;box-sizing: border-box; position: relative;height: 60px; border-right: 1px solid #c1c2c3;  float: left;}
.about dl dd ul li em{ font-size: 48px; color: #0072dc; font-family: "Arial";height: 45px; line-height: 45px; }
.about dl dd ul li i{width: 17px;height: 17px; text-align: center;line-height: 17px; color: #fff;font-size: 14px;background: #0072dc;border-radius: 100%; display: block; position: absolute;top:0;right: 5px;}
.about dl dd ul li h4{font-weight: normal; color: #434343;}
.about dl dd ul li:nth-child(1){width: 120px;padding-left: 0;}
.about dl dd ul li:nth-child(1) i{right: 47px;}
.about dl dd ul li:nth-child(2){width: 198px;}
.about dl dd ul li:nth-child(2) i{right: 32px;}
.about dl dd ul li:nth-child(3){width: 170px;border-right: 0;}

.about dl dd h2 b{font-weight: bold; color: #0072dc;}
.about dl dd h2 span{display: block;font-size: 20px; line-height: 20px; color: #707070; font-weight: normal;}
.about dl dd h3{font-size: 26px; color: #333333; font-weight: normal;margin-bottom: 10px; height: 62px; line-height: 62px; position: relative;}
.about dl dd h3:after{content: ""; width: 17px; background:#00a0e9; height: 1px; left:0;bottom:0;position: absolute;}
.about dl dd h3 a{color: #333333; text-decoration: none;}
.about dl dd p{height: 182px; font-size: 14px; color: #666666;line-height: 28px; text-align: justify;   }
.about dl dd .more{width: 165px;height: 47px; line-height: 47px; text-align: center; color: #fff; font-size: 14px; background: #0072dc;border-radius: 21px; display: block;}

/**/
.help_cut{padding-top: 65px; height: 485px; box-sizing: border-box;}
.help_nav{height: 30px; margin-bottom: 20px; position: relative; }
.help_nav ul{width: 425px; height: 30px; border-left: 3px solid #0072dc; float: left;}
.help_nav li{ height: 30px; line-height: 30px; text-align: left;width:134px; font-size: 22px; color: #333333; float: left;box-sizing: border-box;padding-right: 20px; position: relative;background: url(../images/xcxt.png) no-repeat right center; text-align: center;}
.help_nav li a{ text-decoration: none; color: #333333; }
.help_nav span{text-transform: uppercase; font-size: 14px; color: #333333;font-family: "Arial"; float: right; line-height: 30px;}
.help_nav span a{color: #333333;}
.help_nav:after{content: ""; width: 700px; height: 1px; left:425px;top:16px;position: absolute;background: #e2e2e2;}
.help_nav li.cur a{color: #0072dc; font-weight: bold;}
.help_nav li:last-child{background: none;}

.m_help{ height:330px;width: 1200px; position: relative; }
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:281px; position:relative;margin-right:25px; float: left; }
.xc li img{ display:block;width:281px; height:211px;}
.xc li em{ height:70px;  font:16px "Microsoft YaHei"; line-height:70px; color:#666666; overflow:hidden; display: block; text-align: left; display: block;background: url(../images/xcico.png) no-repeat right center; border-bottom: 1px solid #d9d9d9;}
.xc li a{ text-decoration: none; }
.xc li i{ display:block;width:281px; height:211px;background: url(../images/xcsec.png) no-repeat center top; position: absolute;top:-211px;left:0;}
.xc li.nones{margin-right: 0;}
.xc li:hover em{ border-bottom: 2px solid #1171db;}
.xc li:hover i{top:0;}

/*.xc li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; }
.xc li img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}*/




.link_bj{min-height:64px;position: relative;z-index: 1; background: #383838; overflow: hidden;}
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link p{  width: 1200px; float: left; font-size: 14px;overflow: hidden; line-height: 64px; color:#aaacae;}
.link p a{ color:#fff; padding:0 16px;opacity: 0.3}