@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.pin_box{margin-top: 73px;background: url(../images/pin_box.jpg) no-repeat  center 0;height:539px;overflow: hidden;}
.pin{width:1200px; height:539px; margin: 0 auto; overflow: hidden;font-family:"Microsoft Yahei";}
.pin dt{ float: right;width:752px;height:463px; overflow: hidden;}
.pin dt img{width:752px;height:463px;transition: all 0.6s;}
.pin dt:hover img{transform: scale(1.05);}
.pin dd{margin-top: 46px;width:400px; overflow: hidden; float: left; overflow: hidden;}
.pin dd h3{ position: relative; padding-top: 26px; font-size: 30px; line-height: 40px; color:#000000;}
.pin dd h3::before {position: absolute; content: ''; width:132px;height:3px;background:#1857a3; top: 0;left: 0; }
.pin dd h3 a{ color:#000000;}
.pin dd p{padding-top: 36px; font-size: 14px; line-height: 26px; color:#555555; }
.pin dd i{display: block;width:143px;height:34px; background:#ff6600; margin-top: 40px; overflow: hidden;}
.pin dd i img{display: block;margin: 7px auto;}

.pin li{ float: left;width:190px; margin-right: 145px; overflow: hidden;}
.pin li:last-child{margin-right: 0;}
.pin li span{display: block; text-align: center; font-size: 16px;line-height: 26px; padding-top: 5px; color:#333333;}
.pin li span i { color:#dd0000;}
.pin li img{width:125px; height:125px;background:#dd0000;border-radius: 100%; margin: 0 auto;display: block;transition: all 0.6s; -webkit-transition:all 2s ease-in-out;
    -moz-transition:all 2s ease-in-out;
    -o-transition:all 2s ease-in-out;
    -ms-transition:all 2s ease-in-out;    
    transition:all 2s ease-in-out; }
.pin li img:hover{ -webkit-transform:rotate(360deg) scale(1,1);
    -moz-transform:rotate(360deg) scale(1,1);
    -o-transform:rotate(360deg) scale(1,1);
    -ms-transform:rotate(360deg) scale(1,1);
    transform:rotate(360deg) scale(1,1);}

.pro_box{height:194px; overflow: hidden; background: url(../images/pro_box.jpg) no-repeat center 0 ;font-family:"Microsoft Yahei";}
.listpro{ width:1200px; margin: 0 auto; overflow: hidden; position: relative;}
.listpro h2{padding-top: 60px;height:192px; overflow: hidden;text-align: center; font-size: 32px; color:#fff;letter-spacing: 2px; line-height: 46px;}
.listpro h2 span{display: block; font-size: 24px; font-weight: normal;}
.list{width:320px; overflow: hidden;}
.list li{ margin-right: 20px;border-bottom: 1px solid #d5d5d5;height:82px; margin-top: 8px;overflow: hidden;}
.list li img{display: block; float: left;width:71px; height:71px;border:3px solid #e2e2e2; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-radius: 100%;}
.list li p{padding-left: 25px; float: left;  font-size: 24px; color:#111111;font-weight: bold; padding-top: 10px;line-height: 30px;}
.list  li p i{display: block;font-size: 20px; font-family: Arial; color:#e6e6e7;font-weight: normal; text-transform: uppercase;}
.list li a:hover img , .list .cur a img{border:3px solid #1857a3;}
.list li a:hover p , .list .cur a p{ color:#1857a3;}
.pro{width:824px;height:282px; background:#fff; overflow: hidden;}
.pro_c dl{padding:0 110px;}
.pro_c dt{ float: left;width:275px;height:282px; overflow: hidden; }
.pro_c dt img{width:275px;height:282px;}
.pro_c dd{width:260px; float: right; overflow: hidden;}
.pro_c dd p{padding-top: 57px;height:125px; overflow: hidden; font-size: 16px; line-height: 30px; color:#555555;}
.pro_c dd i{display: block;width:210px;height:34px; background:#ff6600;overflow: hidden; font-size: 18px;font-weight: bold; line-height: 34px;text-align: center;}
.pro_c dd i a{ color:#fff;}
.pro_c dd i img{vertical-align: middle;margin-left: 10px;}
.proprev{position: absolute; top: 376px;width:21px; height:32px; z-index: 9; left: 40px;}
.pronext{position: absolute; top: 376px;width:21px; height:32px; z-index: 9; left: 761px;;}

.pro1{width:1200px;height:1082px; margin: 73px auto 0; overflow: hidden;font-family:"Microsoft Yahei";}
.pro1 h2{height:132px; overflow: hidden;text-align: center; background: url(../images/pro_t.gif) no-repeat center 0 ; font-size: 32px; color:#111111; letter-spacing: 2px;line-height: 70px;}
.pro1 h2 a{ color:#111111;}
.pro1 h2 span{display: block; font-size: 24px;font-weight: normal; color:#333333; line-height: 30px;}
.list1{height:96px; background: url(../images/pro_ico01.gif) no-repeat 0 0 ; padding-left: 112px;overflow: hidden; position: relative;}
.list1::before {position: absolute; top: 62px;left: 112px;background:#d3d3d3; content: '';width:1088px; height:1px;}
.list1::after {position: absolute; top: 60px;left: 112px;background:#d3d3d3; content: '';width:184px; height:5px;}
.list1 h3{padding-left: 23px;line-height: 60px; color:#111111; float: left; font-size: 28px;}
.list1 h3 a{ color:#111111;}
.list1 p{width:890px; overflow: hidden; padding-top: 11px;text-align: right;float: right;}
.list1 p a{ font-size: 14px; color:#555555; padding:0 10px; margin:0 10px;height:23px; line-height: 23px;}
.list1 p a:hover , .list1 p .cur{color:#fff;background:#1857a3;}

.pro2{height:886px;margin-top: 25px; overflow: hidden;}
.pro2 dl{height:423px;overflow: hidden; position: relative;}
.pro2 dt {width:800px;height:423px;overflow: hidden; float: left;}
.pro2 dt img{width:800px;height:423px;transition: all 0.6s;}
.pro2 dl:hover dt img{transform: scale(1.1);}
.pro2 dd{width:400px; height:423px; overflow: hidden;background: url(../images/prowz1.jpg) no-repeat 0 0; }
.pro2 dd h3{margin:70px 0 0 57px;padding-bottom: 10px; position: relative; line-height: 42px;}
.pro2 dd h3::after {position: absolute; bottom: 0px;left: 0px;background:#fff; content: '';width:40px; height:3px;}
.pro2 dd h3 a{ color:#fff;}
.pro2 dd h3 em{display: block; font-size: 38px;text-transform: uppercase;font-weight: normal; line-height: 40px;}
.prowz {margin:20px 0 0 57px;}
.prowz p{background: url(../images/list_ico03.png) no-repeat 0 8px;line-height: 30px; font-size: 14px; padding-left: 23px; color:#fff; margin-top: 5px;}
.pro2 dd i{display: block;margin:30px 0 0 57px;}
.pro2 dd i a{width:139px;height:30px;border:2px solid #fff;font-size: 18px;font-weight: bold; color:#fff;display: inline-block;text-align: center;line-height: 28px;}
.pro2 dd i a:last-child{border-left: 0;}
.pro2 li{width:399px;border:1px solid #d9d9d9;line-height: 0; float: left; overflow: hidden;line-height: 0;margin:27px  0 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; margin-right: -1px; position: relative;}
.pro2 li img{width:399px;height:299px;transition: all 0.6s;}
.pro2 li span{display: block;height:81px;line-height: 81px;text-align: center;color:#555555; font-size: 16px;background: url(../images/proline.gif) no-repeat 0 0; }
.pro2 li:hover img{transform: scale(1.05);}
.pro3 dd{width:400px; height:423px; overflow: hidden;background: url(../images/prowz2.jpg) no-repeat 0 0; }

.list2{height:96px; background: url(../images/pro_ico02.gif) no-repeat 0 0 ; padding-left: 112px;overflow: hidden; position: relative;}
.list2::before {position: absolute; top: 62px;left: 112px;background:#d3d3d3; content: '';width:1088px; height:1px;}
.list2::after {position: absolute; top: 60px;left: 112px;background:#d3d3d3; content: '';width:184px; height:5px;}
.list2 h3{padding-left: 23px;line-height: 60px; color:#111111; float: left; font-size: 28px;}
.list2 h3 a{ color:#111111;}
.list_c{width:890px; overflow: hidden;float: right;}
.list_c h4{height:23px; margin-bottom: 6px; overflow: hidden;}
.list_c span{ display: block; float: right; width:80px; text-align: right; font-size: 14px; line-height: 23px;}
.list_c span a{ color:#000000;}
.list_c p{ float: left;width:810px; overflow: hidden;font-weight: normal;text-align: right;}
.list_c p a{ font-size: 14px; color:#555555; padding:0 10px; margin:0 5px;height:23px; line-height: 23px;}
.list_c p a:hover , .list1 p .cur{color:#fff;background:#fe6507;}


.pic{background: url(../images/pic.jpg) no-repeat center 0 ; height:365px; position: relative; overflow: hidden;}
.pic p{padding-left: 70px;height:51px;background: url(../images/tel01.png) no-repeat 0 0 ;  font-size: 32px; font-family: Impact;position: absolute; top: 247px;left: 50%; margin-left: 6px; color:#fff; line-height: 51px;}
.pic i{position: absolute; top: 253px;right:50%; margin-right: -570px;width:267px;height:40px ;background:#fff; text-align: center; line-height: 40px; font-size: 18px;font-weight: bold;}
.pic i a{ color:#0c4b97;}
.pic i img{vertical-align: middle;margin-left: 15px; }

.ys{font-family:"Microsoft Yahei";margin-top: 75px;height:2481px; overflow: hidden; position: relative;}
.ys h2{height:132px; overflow: hidden;text-align: center; background: url(../images/ys_t.gif) no-repeat center 0 ; font-size: 32px; color:#111111; letter-spacing: 2px;line-height: 70px;}
.ys h2 a{ color:#111111;}
.ys h2 span{display: block; font-size: 24px;font-weight: normal; color:#333333; line-height: 30px;}
.ys1{ position: absolute; top: 159px;left: 50%; margin-left: -960px;width:960px;height:446px; overflow: hidden;}
.ys1 img{width:960px;height:446px;}
.ys2{ position: absolute; top:663px;right: 50%; margin-right: -960px;width:960px;height:496px; overflow: hidden;}
.ys2 img{width:960px;height:496px;}
.ys3{ position: absolute; top: 1230px;left: 50%; margin-left: -960px;width:960px;height:498px; overflow: hidden;}
.ys3 img{width:960px;height:498px;}
.ys4{background: url(../images/ysimg04.jpg) no-repeat center 0 ; height:613px;overflow: hidden; position: absolute; top: 1794px; left: 0; width:100%;}
.ys5{ position: absolute; top: 911px;left: 50%; margin-left: -600px;width:575px;height:252px; overflow: hidden;}
.ys5 img{width:575px;height:252px;}
.ys6{ position: absolute; top: 1629px;right: 50%; margin-right: -600px;width:512px;height:115px; overflow: hidden;}
.ys6 img{width:512px;height:115px;}
.zx {position: absolute; top: 2326px; left: 50%; margin-left: 29px;width:210px;height:36px;border:2px solid #fff; overflow: hidden; font-size: 18px;font-weight: bold; line-height: 34px;text-align: center;}
.zx a{ color:#fff;}
.zx img{vertical-align: middle;margin-left: 10px;}
.ys dl{position: absolute; overflow: hidden;}
.ys .dl01{ top: 218px;left: 50%; margin-left: 68px;}
.ys .dl02{ top: 680px;left: 50%; margin-left:-600px;}
.ys .dl03{ top:1297px;left: 50%; margin-left: 68px;width:528px;}
.ys .dl04{ top: 1861px;left: 50%; margin-left: -600px;}
.ys dl dt{ font-size: 28px; color:#111111;font-weight: bold; background: url(../images/ys_t1.png) no-repeat center 0 ; width:340px; height:115px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; margin-bottom: 36px;}
.ys dl dt span{display: block; float: left;width:96px; margin-right: 75px; font-size: 46px; font-family: Impact; color:#fff;text-align: center;padding-top: 30px; line-height: 54px;}
.ys dl dt p{ float: left;padding-top: 25px;line-height:34px;}
.ys dl dd { margin-left: 58px; margin-top: 15px;background: url(../images/ys_ico01.gif) no-repeat 0 6px ;padding-left: 29px; font-size: 16px; line-height: 26px; color:#333333;}
.ys dl dd  b{color:#ff6600;}

.case{width:1200px; height:872px; margin: 0 auto;font-family:"Microsoft Yahei";position: relative; overflow: hidden;}
.case h2{height:162px; overflow: hidden;text-align: center; background: url(../images/jz_t.gif) no-repeat center 0 ; font-size: 32px; color:#111111; letter-spacing: 2px;line-height: 70px;}
.case h2 a{ color:#111111;}
.case h2 span{display: block; font-size: 24px;font-weight: normal; color:#333333; line-height: 30px;}
.case_c{  height: 390px; overflow: hidden;background: url(../images/jz_box.jpg) no-repeat center bottom ;}
.case_c dl{position: relative;height:390px; overflow: hidden;}
.case_c dl::before {position: absolute; content: '';width:91px;height:3px; background:#ff6600; top: 44px;left: 468px; z-index: 9;}
.case_c dt{width: 458px; height: 344px; overflow: hidden; float: left;transition: all 0.6s; margin-left: 58px;}
.case_c dt img{width: 458px; height: 344px;}
.case_c dd{width: 625px; overflow: hidden; float: right;overflow: hidden;}
.case_c dd h3{font-size: 22px; line-height: 88px;height:88px;overflow: hidden;}
.case_c dd h3 a{ color:#111111;}
.casewz{line-height: 28px; font-size: 14px;padding:30px 50px 14px 0; color:#fff;height:190px; overflow: hidden;}
.case_c dd i{ display: block;width:139px; height:30px; border:2px solid #fff; float: right;margin-right: 30px;}
.case_c dd i img{display: block;margin: 5px auto;}
.case_c dl:hover dt{transform: scale(1.05); }

.case_nav {padding-left: 98px; height:288px;overflow: hidden;}
.case_nav li{ float: left; width: 164px; overflow: hidden; margin-right:110px; line-height: 0;position: relative;}
.case_nav li img{ width: 162px; height:162px;padding:2px; border:2px solid #dedfdf;border-radius: 100%; transition: all 0.6s; border:1px solid #d9d9d9;margin: 40px auto 0; display: block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.case_nav li span{display: block; font-size: 16px; color:#333333; text-align: center; line-height: 40px;}
.case_nav li:hover , .case_nav li .cur a{position: relative; width:164px;}
.case_nav li:hover a::before , .case_nav .cur  a::before{ content: ''; position: absolute; top: 0;left: 42%; border-top: 15px solid #1857a3; border-left: 20px solid transparent;border-right: 20px solid transparent;}
.case_nav li:hover img , .case_nav .cur img{/*transform: scale(1.05);*/ border:4px solid #1857a3;padding:0;}
.case_nav li:hover span, .case_nav .cur span{font-weight: bold;}
.case_nav li:last-child{margin-right: 0;}

.about{background: url(../images/about_box.jpg) no-repeat center 0 ;height:766px;overflow: hidden;font-family:"Microsoft Yahei"; position: relative;}
.about h2{height:115px; line-height: 115px;text-align: center;font-size: 32px; color:#fff; overflow: hidden; letter-spacing: 3px;}
.about h2 a{ color:#fff;}
.about .apic{position: absolute; top:115px;right:50%; margin-right: -960px;width:1334px;height:653px; overflow: hidden;}
.about .apic img{width:1334px;height:653px; }

.about dl{position: absolute; top: 228px;left: 50%;margin-left: -600px;width:673px;height:336px;background:#fff;padding:70px 96px 0 90px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box; z-index: 2; overflow: hidden;}
.about dt{height:60px; overflow: hidden; position: relative;line-height: 60px; text-align: left;}
.about dt a{ font-size: 26px; color:#111111;}
.about dt::before {position: absolute;  content: ''; width:41px;height:3px; background:#0082df;bottom:0;left: 0;}
.about dd{padding: 30px  0 0 ;font-size: 14px; line-height: 26px; color:#666666; overflow: hidden;}

.azx{position: absolute;top: 563px;left: 50%;margin-left: -600px;width:226px;background:#ff6600 url(../images/about_ico.gif) no-repeat 0 0 ; padding-left: 92px; height:90px;text-align: center;line-height: 90px; font-size: 16px;}
.azx a{ color:#fff;}

.xw{margin: 67px auto 0;width:1280px;height:362px; overflow: hidden;font-family:"Microsoft Yahei";}
.xw_nav{height:62px; overflow: hidden;margin-left: 40px;}
.xw_nav li{ float: left;width:60px; overflow: hidden;width:400px;margin-right: -1px; position: relative;}
.xw_nav li a{display: inline-block;width:400px;height:60px; font-size: 18px; border:1px solid #e1e1e1; color:#111111;text-align: center;line-height: 60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.xw_nav li a:hover ,.xw_nav li.cur a{background:#1857a3; color:#fff;font-weight: bold;}
.xwprev{margin-top: 119px; background:url(../images/xwprev.png) no-repeat center top;width:21px;height:32px;z-index: 8; float: left;}
.xwnext{margin-top: 119px; background:url(../images/xwnext.png) no-repeat center top;width:21px;height:32px;z-index: 8; float: right;}
.xwprev:hover{background:url(../images/xwprev1.png) no-repeat center top;}
.xwnext:hover{background:url(../images/xwnext1.png) no-repeat center top;}
.xwimg{width:1200px; float: left;margin-left: 19px; overflow: hidden;  margin-top: 32px;}
.xwimg li{ float: left;width:273px; height:205px;position: relative; overflow: hidden;margin-right: 35px;}
.xwimg li:nth-child(4){margin-right:0}
.xwimg li img{width:273px; height:205px;}
.xwimg li span{display: block;width:273px; height:205px;position: absolute; top: 0;left: 0; font-size: 14px; color:#fff; line-height: 40px;text-align: center;background:rgba(24,87,163,0.8); display:none;}
.xwimg li span img{display: block;width:45px;height:45px;margin: 70px  auto 0;}
.xwimg li:hover span{display: block;}

.line{background:url(../images/line.gif) no-repeat center top; height:11px; overflow: hidden;}

.news{width:1200px;height:732px;margin:57px auto 0;font-family:"Microsoft Yahei";overflow: hidden; position: relative;}
.news h2{height:70px; overflow: hidden;text-align: center; background: url(../images/news_t.gif) no-repeat center 0 ; font-size: 32px; color:#111111; letter-spacing: 2px;line-height: 70px;}
.news h2 a{ color:#111111;}

.news_nav {height:122px; width:600px; overflow: hidden;position: absolute; top: 109px;left: 0;}


.news_nav li{ float: left;width:79px; padding-right: 64px; position: relative;margin-right: 29px; overflow: hidden;text-align: center;}
.news_nav li::before {position: absolute; content: '';width:31px;height:1px;top:41px; right: 0;background:#c1c1c1;}
.news_nav li a{display: block;line-height: 22px; color:#111111;font-size: 18px;padding-top: 82px;}
.news_nav li.li01 a{background: url(../images/news_cur01.jpg) no-repeat center 0 ; }
.news_nav li.li02 a{background: url(../images/news_cur02.jpg) no-repeat center 0 ; }
.news_nav li.li03 a{background: url(../images/news_cur03.jpg) no-repeat center 0 ; }
.news_nav li.li04 a{background: url(../images/news_cur04.jpg) no-repeat center 0 ; }
.news_nav li.li04{padding-right: 0; margin-right: 0;}
.news_nav li.li04::before{background:none;}
.news_nav li.li01 a:hover  , .news_nav .li01.cur a{background: url(../images/news_cur05.jpg) no-repeat center 0 ;}
.news_nav li.li02 a:hover  , .news_nav .li02.cur a{background: url(../images/news_cur06.jpg) no-repeat center 0 ;}
.news_nav li.li03 a:hover  , .news_nav .li03.cur a{background: url(../images/news_cur07.jpg) no-repeat center 0 ;}
.news_nav li.li04 a:hover  , .news_nav .li04.cur a{background: url(../images/news_cur08.jpg) no-repeat center 0 ;}

.newswz{margin-top: 161px; width:600px;overflow: hidden; float: left;}
.newswz dt img{ width:600px; height:300px; overflow: hidden;}
.newswz dd h3{padding-top: 15px;font-weight: normal; }
.newswz dd h3 i{display: block;padding-left: 28px; font-size: 14px; color:#959697; font-family: Arial;position: relative; line-height: 30px;}
.newswz dd h3 i::before {position: absolute; content: ''; width:17px;height:5px; background:#1857a3; top: 12px;left: 0;}
.newswz dd h3 a{ font-size: 16px; color:#111111; line-height: 20px;}
.newswz dd p{padding-top: 12px; font-size: 14px; line-height: 24px; color:#666666;}
.newsr{width:502px; float: right; margin-top: 39px; overflow: hidden;}

.newsr dl{margin-bottom: 30px;height:110px; border: 1px solid #dedfdf;border-width: 1px 0; overflow: hidden;}
.newsr dt{width:66px; float: left; overflow: hidden; font-size: 14px; font-family: Arial; color:#959697;text-align: center;line-height: 20px;}
.newsr dt span{ font-size: 48px; line-height: 54px;display: block; padding-top: 22px;}
.newsr dd{float: right;width:410px;overflow: hidden;padding-top: 18px;}
.newsr dd h3{height:35px; line-height: 35px; font-size: 16px; overflow: hidden;font-weight: normal;}
.newsr dd h3 a{ color:#111111;}
.newsr dd p{ font-size: 14px; line-height: 24px; color:#666666;}
.newsr dl:hover dd h3 a{ color:#1857a3;}

.link_box{background: url(../images/link_box.jpg) repeat-y center 0 ;height:60px; overflow: hidden;}
.link{width:1200px; margin: 0 auto; height: 60px; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{ width:80px; overflow: hidden; float: left; font-size:14px; line-height: 60px; overflow: hidden;color:#333;}
.link p{  width: 820px; float: left; font-size: 14px;overflow: hidden; line-height: 60px; color:#333;}
.link p a{ color:#333; padding:0 20px;}