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



/**/
.banner { height: auto;max-width: 1920px;margin: 0 auto!important;position: relative;margin-top: -14px;}
.banner .bd li {float: left;width: 100%;line-height: 0;}
.banner .bd li img {width: 100%;}
.banner .bd li a {display: block;}
.banner .hd{z-index:1;margin:0 auto;text-align:center;position:absolute;left:0;width:100%;bottom:5%;cursor:pointer}
.banner .hd li{width:18px;height:18px;background:#fff;display:inline-block;margin:0 10px;border-radius:16px}
.banner .hd li.on{background:#ff0000}
.banner .prev{position:absolute;font-size:0;left:0;opacity:0;top:50%;transform:translateY(-50%);z-index:10;transition:all .5s}
.banner .next{position:absolute;font-size:0;right:0;opacity:0;top:50%;transform:translateY(-50%);z-index:10;transition:all .5s}
.banner:hover .prev{left:4%;opacity:1}
.banner:hover .next{right:4%;opacity:1}
/**/

/*==首页解决方案↓==*/
/**/
.yz_t{ margin: 62px auto 0; height: 72px; padding-top:40px; padding-bottom:40px;}

.yz_t ul li{ float: left;color: #333;box-sizing: border-box;position: relative;transition: all 0.5s;width: 300px;padding-left: 50px;box-sizing: border-box;border-right: 1px solid #e7e7e7;height: 72px;padding-top: 8px;transition:all 0.5s;}
.yz_t ul li:last-child{ border-right: 0; }
.yz_t ul li img{ display: inline-block;width: 54px;height: 54px;margin-right: 10px;vertical-align: -5px; }
.yz_t ul li span{ display: inline-block;font-size: 18px;line-height: 18px;color: #333333;width: 185px; }
.yz_t ul li em{ display: block;font-size: 26px;line-height: 26px;color: #333333;padding-top: 6px;font-weight: bold; }
.yz_t ul li:hover img {animation-duration: 2s;animation-name: flipInY;}
.yz_t ul li:hover{ transform:translateY(-5px);}
/*合作*/
.exper{padding:72px 0 0;font-family: "Microsoft Yahei";height: 453px;overflow: hidden;}
.exper_c dl{width: 224px;float: left;text-align: center;line-height: 20px;padding: 0 101px 0 0;}
.exper_c dl.exper_l1{padding: 0;}
.exper_c dd h3{height: 53px;line-height: 53px;font-size: 24px;color: #333;overflow: hidden;}
.exper_c dt{width:127px;height:147px;display: block;margin: auto;}
.exper_c dt span{position: relative;width:127px;height:147px;display: block;}
.exper_c dt span i{position: absolute;left: 0;top: 0;width:127px;height:147px;display: block;}
.exper_c dt i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.exper_c dt i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.exper_c dl.cur dt span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.exper_c dl.cur dt span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.exper_c dl.cur dd h3{color: #03479c;}
/*合作*/

h2.main_title a {  display: block;  text-align: center;  position: relative; height:200px;}
h2.main_title i {  display: block;  font-size: 85px;  font-family: Impact;  font-weight: 400;  color: rgba(51, 51, 51, 0.1);  text-transform: uppercase;  letter-spacing: 1px;  line-height: 1;}
h2.main_title strong {  display: block;  font-size: 52px;  line-height: 100%;  color: #000;  letter-spacing: 1px;  padding-bottom: 32px;  background: url(../images/tits.png) no-repeat center bottom;  margin-top: -58px;}
h2.main_title em { font-size: 52px; color: #e62129; }
h2.main_title span {  display: block;  font-size: 18px;  line-height: 100%;  color: #333;  font-weight: normal;  margin-top: 15px;}



.til01{text-align: center;color: #000;font-size:54px;line-height:72px;font-family: "Microsoft Yahei";white-space: nowrap;padding: 0 0 28px;font-weight: normal;}
.til01 p{display: block;font-size:18px;line-height: 34px;opacity: 0.8;}
.til01 a{color: #000;}
.til02,.til02 a{color: #fff;}

.tit{ height:140px; overflow:hidden; text-align:center; font:50px "宋体"; font-weight:bold; color:#c30118;}
.tit a{ display:block; color:#c30118;}
.tit em{ display:block; height:43px; background:url(../img/case_line.png) no-repeat center center; font:20px "Microsoft YaHei"; line-height:43px; color:#666; margin-top:8px;}




.pro_tit{font-size: 46px;color: #333;text-align: center;height: 100px;line-height: 48px;overflow: hidden; background:url(../images/fline.gif) no-repeat center bottom;}
.pro_tit a{color: #333;}
.pro_tit a:hover{color: #0a44b0;}
.pro_tit span{display: block;font-size: 20px;color: #333;font-weight: normal;}
.pro_tit i{display: block;font-size: 12px;color: #666; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
/*产品展示*/
.tab3{width: 1500px; background-color:#fff}
.tab3 .tite{height: 130px;text-align: center; margin-top:50px;}
.tab3 .tite h2 {height: 55px;line-height: 55px;font-size:32px;color: #333;}
.tab3 .tite h2 a{color: #333;}
.tab3 .tite p{height: 45px;line-height: 45px;font-size:18px;color: #333333; padding-top:10px; }
.tab3 .tite p a{color: #fff;margin-right: 30px;padding:8px 40px; background-color:#0a44b0; border-radius: 0px;}
.tab3 .tite p a:hover{color: #fff;margin-right: 30px; padding:8px 40px; background-color:#c30118; border-radius: 0px;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:0px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:34px; border-top:0px solid #ccc; font-size:20px; font-weight:bold;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:34px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li .mgd{ width:100px; height:26px; line-height:26px; text-align:center; margin:1px auto; border-radius:26px;background-color:#c30118;border-radius:26px;color:#fff; font-size:16px;}
.sec2_ul li .mgd{ display:block; }
.sec2_ul li .m1c:hover .mgd{ background-color:#e51d1a;}
.sec2_ul li .mxian{ color:#e51d1a; margin:0 auto; text-align:center; line-height:20px;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0a44b0; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}

/* 解决方案 */
.titis{height: 127px;text-align: center;background:url(../images/fline.gif) no-repeat center bottom; margin-bottom:30px;}
.titis h4 {height: 77px;line-height: 77px;font-size:46px;color: #212325;font-weight: bold;}
.titis h4 a{color: #212325;}
.titis p{font-size:20px;color: #595959;height: 42px;line-height: 42px;}
	/*产品展示*/	
.w14 { width:1400px; margin:0 auto; font-family:"Microsoft Yahei";}
.gd{ margin:10px 0; padding-bottom:50px;}
.gd h3.title1{ height:66px; background:url(../images/title1.png) no-repeat left top; position:relative; font-size:30px; line-height:32px; padding-left:15px;  font-weight: bold;color: #000000; border-bottom: 1px solid #eee;}
.gd h3.title1 p{font-size: 16px;color: #b4b4b4;text-transform: uppercase;}
.gd h3.title1 span{background:url(../images/h_tel.png) no-repeat left center; padding-left:50px; margin-left:430px; color:#15499a;}
.gd h3.title1  a.more{ position:absolute; line-height:14px; right:10px; letter-spacing:1px; bottom:0px; font-size:14px; padding-bottom:10px;}




.gd .tabg{ width:489px; box-shadow: 0px 1px 10px 1px #ccc; margin-top:10px; background:#f7f7f7;  border-bottom:1px solid #cfcfcf; float:right; overflow:hidden;}
.gd .chanpin{ width:900px;  float: left; }
.gd h3 span{ font-size: 24px;top: 0; left: 480px; position: absolute;line-height: 3; }

.metTab h3 {cursor:pointer;float: left;background-color: #fff;color: #333;padding: 5px 20px;font-size:20px; margin:10px 20px 20px; border: 1px solid #888; }
.metTab h3.metTabIn {   background-color: #15499a;color: #fff; border: 1px solid #f7f7f7; border-radius:23px;}
.metTab .metCon { clear: left; padding: 10px; display: none; text-align: center; }
.metTab .metConIn{  display:block; }
.metTab .metCon h4{ display:block; font-size:26px; text-align:left; height:72px; line-height:72px; font-weight:bold; color:#323232; overflow:hidden;}
.metTab .metCon p{font-size:16px; color:#7f7f7f; line-height:25px; text-align:left; margin:10px auto;}

.chanpin { width: 100%; overflow: hidden; margin-top: 10px;}
.chanpin ul li { width: 27%; padding: 5px 15px 5px; margin-left: 2%; background:#fff; border: 1px solid #eee; box-shadow: 0px 1px 10px 1px #ccc;  margin-bottom: 10px; float:left; }
.chanpin ul li img{   border: 0px solid #eee; }
.chanpin ul li a .imgauto { width: 100%;  height: 220px;}
.chanpin ul li a span { display: block; margin-top: 8px; margin-bottom:5px; text-align: center; font-size: 14px; color:#000;}
.chanpin ul li:nth-child(2n) { margin-right: 0;}
.chanpin ul li:hover { border: 1px solid #e6e6e6;}
.chanpin ul li:hover img { opacity: .6;}
.chanpin ul li:hover span { color: #036aac;}	
	/*产品展示*/
	/**/
.ysbj{height: 1030px;overflow: hidden; background:url(../images/ys_bg.jpg) no-repeat center top; font-family: "Microsoft YaHei"; position: relative; }
.ys{position: relative;height: 690px; margin-top:60px;}
.ys_nav{ width:1100px;height:125px; overflow: hidden; position: absolute;left:47.5%;top:-60px;margin-left: -500px;z-index: 2;background:#fff;border-radius: 3px;box-shadow: 0 0 10px #ccc;}
.ys_nav li {font-size: 20px; width: 275px; height:125px; float: left; text-align: center;color: #191c24;position: relative;}
.ys_nav li:after{content:'';position:absolute;height:92px;width:1px;top:17px;right:0px;background:#d1d2d3;}
.ys_nav li:last-child,.ys_nav li:last-child:after{background: none;}
.ys_nav li i{display: block;width:54px;height:62px;overflow: hidden;margin:17px auto 5px;position: relative;}
.ys_nav li i img{height:60px;position: absolute;left: 0;top:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.ys_nav li.cur{background: #15499a; color:#fff;}
.ys_nav li.cur i img{left:-54px;}
.ys_nav li.cur:after{width:0;}

.ys_nr{position: relative;margin:0 auto;width: 1123px; height: 640px;}
.ys_nr .tempWrap{overflow: visible !important;}
.ys_nr .tempWrap .ys_bd{margin-left:-1250px !important;}
.m_ys{width: 1200px;height: 760px; margin-right:20px;}
.m_ys dl{width: 1200px;height: 690px; position: relative;padding-bottom: 15px;}
.m_ys dl dt{width: 1200px;height: 650px; }
.m_ys dl dt img{width: 1200px;height: 650px;display: block;}
.m_ys dl dd{width: 1200px;height: 150px;padding:45px 0px 0 70px;box-sizing: border-box; position: absolute;left:0px;bottom:-10px;background: #fff; box-shadow: 0 0 15px #cdcdcd; display: none;}
.m_ys dl dd h3{ font-size:42px; color:#212121; padding-right:50px; float:left; margin:-10px 50px 0 0; position:relative;}
.m_ys dl dd h3:before{ content:""; position:absolute; top:2px; right:0; width:1px; height:74px; background:#e5e5e5;}
.m_ys dl dd h3 em{ display:block; font-size:26px;}
.m_ys dl dd h3 em b{ color:#15499a;}
.m_ys dl dd p{font-size:14px; color:#4c4c4c;  line-height: 25px; text-align: justify; position:relative;padding-left:12px; float:left;}
.m_ys dl dd p:before{ content:""; position:absolute; top:9px; left:0; width:4px; height:6px; background:url(../images/f_arr.png) no-repeat;}
.m_ys dl dd p b{ color:#15499a;}
.m_ys.cur  dl dd{display: block;}
.ys_l{ width:60px; height:60px; background:url(../images/ys_l.png) no-repeat; position:absolute; top:295px; left:50%; margin-left:-635px;}
.ys_r{ width:60px; height:60px; background:url(../images/ys_r.png) no-repeat; position:absolute; top:295px; left:50%; margin-left:585px;}
.ys_l:hover,.ys_r:hover{ background-position:0 -60px; cursor:pointer;}

/*优势*/


/*案例*/
/*非标定制*/
.customized{padding: 85px 0 45px;}
.customized ul li{width: 191px;height: 268px;line-height: 0;position: relative;overflow: hidden;float: left;margin-left: 10px;margin-top: 40px;}
.customized ul li img{width: 191px;height: 268px;}
.customized ul li b{display: block;width: 191px;text-align: center;height: 56px;line-height: 56px;position: absolute;top: -60px;left: 0;font-size: 22px;color: #fff;background: rgba(10,68,176,0.9);-webkit-transition:all .5s;transition:all .5s;}
.customized ul li:hover b{top: calc(50% - 28px);}
.customized ul li b:hover{background: rgba(195,1,24,0.9);}
.customized ul li:first-child{margin-left: 0;}
/*流程*/
.process{background: url(../images/liuc_bg.gif) no-repeat center 130px;overflow: hidden;height: 390px;}
.process dl{width: 150px;height: 245px;float: left;position: relative;}
.process dl dt{width: 90px;height: 122px;margin: 0 auto;position: relative;}
.process dt .hover,.process dt .default{background:url(../images/iserve_bg.png);}
.process dt i{display:block;width:90px;height:90px;background:url(../images/iserve_icon.png);}
.process dt .hover,.process dt .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.process dt .default{background-position:0 0;}
.process dt .hover{background-position:0 -122px;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.process dt.d1 .default i{background-position:0 0;}
.process dt.d1 .hover i{background-position:-90px 0;}
.process dt.d2 .default i{background-position:0 -90px;}
.process dt.d2 .hover i{background-position:-90px -90px;}
.process dt.d3 .default i{background-position:0 -180px;}
.process dt.d3 .hover i{background-position:-90px -180px;}
.process dt.d4 .default i{background-position:0 -270px;}
.process dt.d4 .hover i{background-position:-90px -270px;}
.process dt.d5 .default i{background-position:0 -360px;}
.process dt.d5 .hover i{background-position:-90px -360px;}
.process dt.d6 .default i{background-position:0 -450px;}
.process dt.d6 .hover i{background-position:-90px -450px;}
.process dt.d7 .default i{background-position:0 -540px;}
.process dt.d7 .hover i{background-position:-90px -540px;}
.process dt.d8 .default i{background-position:0 -630px;}
.process dt.d8 .hover i{background-position:-90px -630px;}
.process dt:hover .hover,.process dl.cur .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.process dt:hover .default,.process dl.cur .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.process dd{text-align: center;padding: 45px 0 0;font-size: 18px;color: #333;height: 35px;line-height: 35px;}
.process dl.cur dd{color: #0a44b0;}
.process .proadv_btn{width: 185px;margin: 0 auto;}
.process .proadv_btn a{width: 185px;}

.proadv_btn{display: block;width: 160px;}
.proadv_btn a{display: block;font-size: 18px;color: #fff;font-weight: bold;width: 160px;text-align: center;height: 42px;line-height: 42px;background: #0a44b0;border-radius: 30px;}
.proadv_btn a:hover{animation:shake .8s linear;-webkit-animation:shake .8s linear;}
/*应用案例*/
.case00 { width: 100%; min-width: 1200px; position: relative; height: 1130px;padding-top: 20px;box-shadow: 0 1px 1px 0 rgba(21,73,154,0.2); background: url(../images/e-40.jpg) no-repeat center bottom;}
.case_nav{height: 60px;padding: 10px 0 0; background-color:#ededed; }
.case_nav ul li{height: 55px;line-height: 55px;float: left;padding: 0 18px;position: relative;}
.case_nav ul li:before{content: "";width: 1px;height: 16px;background: #bbb;position: absolute;top: 20px;left: 0;}
.case_nav ul li a{display: block;font-size: 16px;color: #333;}
.case_nav ul li a:hover,.case_nav ul li.cur a{color: #0a44b0;font-weight: bold;}
.case_nav ul li:first-child:before{background: none;}



/*产品中心*/

.pro_con{ padding-top: 30px;}
.pro_con li{float: left;width: 410px;margin: 0 22px 12px 0;text-align: center;}
.pro_con li p,.pro_con li p img,.pro_con li span{width: 100%;display: block;overflow: hidden;}
.pro_con li p{box-sizing:border-box;border: solid 5px #f2f2f2;  border-radius:0px 0px 0 0;}
.pro_con li span a{display: block; font-weight: bold;padding: 14px 0 0;font-size: 18px;line-height: 25px;height: 73px; background: #15499a;color: #fff;}
.pro_con li span a b{display: block;opacity: 0.8;font-weight: normal;font-size: 14px;line-height: 29px;}
.pro_con li span a:hover,.pro_con li:hover span a{background: #e62129;color: #fff;}

/**/.content120{ width: 1200px;margin: 0 auto; background-color:#ffffff;}
.new{ height:1050px;overflow:hidden; margin-top:50px;  background: url(../images/lcbj.jpg) no-repeat center bottom;}
.new .tit em{ padding-bottom:10px;}
.new1{ height:393px; overflow:hidden;}
.tit2{ height:60px; font:24px "Microsoft YaHei UI"; font-weight:bold; line-height:60px;}
.tit2 a{ display:block; color:#212121;}
.tit2 a:hover{ color:#0a44b0;}
.tit2 em{ font:16px Arial, Helvetica, sans-serif; color:#adadad; padding-left:8px;}
.new1 h5{ width:599px; height:338px; float:left; overflow:hidden; position:relative;}
.new1 h5 img{ display:block; width:599px; height:auto;}
.new2{ width:560px; overflow:hidden; float:right;}
.new2 dl{ padding:20px 0; border-top:1px solid #e3e3e3; background:url(../images/new_arr.png) no-repeat right center;}
.new2 dt{ height:30px; font:18px "Microsoft YaHei UI"; font-weight:bold; color:#333; margin-bottom:1px;}
.new2 dt em{ display:block; float:left; width:60px; height:36px; font:16px "Microsoft YaHei UI"; font-weight:bold; text-align:center; line-height:36px; color:#fff; background:#ff0000; margin-right:6px;}
.new2 dd{ font:14px "Microsoft YaHei UI"; line-height:24px; width:490px;}
.new2 a:nth-child(1) dl{ padding-top:0; border:0;background:url(../images/new_arr.png) no-repeat right 50px;}
.new2 a:nth-child(1) dt{ font-size:20px; height:36px; line-height:36px; margin-bottom:10px;}
.new2 dl:hover dt{ color:#0a44b0;}
.new1 h5:before,.about dt:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.new1 h5:hover:before,.about dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }

.faq{ margin-top:15px; width:599px; float:left; overflow:hidden; background-color:#ffffff;}
.faq li{ height:45px; border-bottom:1px solid #ccc; font:16px "Microsoft YaHei UI"; line-height:45px;}
.faq li a{ display:block; background:url(../images/new_arr.png) no-repeat 528px center ; color:#212121;}
.faq li em{ display:block; width:20px; height:20px; background:#044299; float:left; margin:12px 16px 10px 10px; font:14px "Microsoft YaHei UI"; text-align:center; line-height:20px; color:#fff; }
.faq li:nth-child(1) em{ background:#15499a;}
.faq li:last-child{ border:0;}
.faq li a:hover{ color:#e62129; font-weight:bold;}

.video11{ width:560px; overflow:hidden; margin-top:15px; float:right; background-color:#ffffff;}
.video11 .tit2 i{ float:right; font:14px "Microsoft YaHei UI"; color:#1d1d1d; margin-top:25px;}
.video11 h5{ width:559px; position:relative;}
.video11 h5 img{ display:block; width:559px; height:229px;}
.video11 h5 em{ display:block; height:40px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; background:#000;}
.video11 h5 i{ display:block; background:url(../images/video_v.png) no-repeat; width:57px; height:57px; position:absolute; top:90px; left:250px;}

/**/
h2.main_title0 a {  display: block;  text-align: center;  position: relative; height:190px;}
h2.main_title0 i {  display: block;  font-size: 85px;  font-family: Impact;  font-weight: 400;  color: rgba(57, 110, 210, 0.2);  text-transform: uppercase;  letter-spacing: 1px;  line-height: 1;}
h2.main_title0 strong {  display: block;  font-size: 52px;  line-height: 100%;  color: #fff;  letter-spacing: 1px;  padding-bottom: 32px;  background: url(../images/tbg0.png) no-repeat center bottom;  margin-top: -38px;}
h2.main_title0 span {  display: block;  font-size: 18px;  line-height: 100%;  color: #78a2ef;  font-weight: normal;  margin-top: 15px;}

.tit{height:140px; font:48px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#333;}
.tit a{ display:block; color:#15499a; padding-top:20px;}
.tit em{ display:block; font:20px; line-height:50px; color:#4c4c4c; background:url(../images/line.png) no-repeat center top; margin-top:0px;}
/**/
.about{min-width:1200px; max-width:1920px; width:100%;margin:0 auto;}
.about dt img{ display:block; width:100%;}
.about dd{ width:1200px; padding:30px 50px; background:#fff; box-shadow:0 0 1rem #ccc; position:relative; margin:-90px auto 45px; height:140px;}
.about .tit{ width:380px; float:left;}
.about dd p{ width:550px; float:left; padding:0 0 0 20px; margin-left:40px; border-left:1px solid #ccc; font:14px; line-height:28px; color:#4c4c4c; margin-top:3px;}
.about dd span a{ display:block; width:140px; height:40px; background:#e62129; font:14px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; float:right; margin-top:50px;}
/**/
.about00 { padding-bottom: 90px; overflow: hidden; }
.about00 p { width: 1000px; margin: 30px auto 38px; font-size: 14px; line-height: 30px; color: #fff; text-align: center; }
.about00 p a { color: #0e58e1; }
.about00 .pic { width: 1199px; height: 484px; margin: 0 auto 32px; }
.about00 .pic img { width: 1199px; height: 484px; }
.album { position: relative; }
.album h3 a { display: block; font-size: 24px; line-height: 100%; color: #000; font-weight: normal; margin-bottom: 15px; }
.album .album_list { overflow: hidden; height: 220px; }
.album li { width: 300px; height: 220px; position: relative; line-height: 0; float: left; margin-right: 8px; overflow: hidden; }
.album li img{
    width: 300px;
}
.album li h4 { position: absolute; width: 100%; height: 40px; padding: 0 20px; font-size: 16px; font-weight: normal; line-height: 40px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }
.album .switch { position: absolute; width: 69px; height: 69px; -o-transition: all 0.3s ease; transition: all 0.3s ease; filter: grayscale(100%); -webkit-filter: grayscale(100%); top: 113px; opacity: 0.5; cursor: pointer; }
.album .switch:hover { filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; }
.album .pro_prev { left: -62px; }
.album .pro_next { right: -112px; }
.about00 a.more { display: block; text-align: center; margin: 50px auto 0; width: 153px; height: 39px; background: #0a44b0; border-radius: 20px; font-size: 16px; line-height: 39px; color: #fff; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.about00 a.more:hover { box-shadow: 0px 7px 13px 0px rgba(10, 68, 176, 0.38); }

/**/
.f_info { padding-top: 50px !important; }

/**/
.links { font-size: 14px; height: 101px; color: #737373; line-height: 18px; background: #111; border-top: 1px solid rgba(106, 106, 106, 0.3); }
.links .content { position: relative; }
.links .content h3 { width: 114px; height: 114px; border: 0px solid #6c6c6c; right: -15px; top: -40px; position: absolute; z-index: 2; }
.links p { padding-top: 38px; width: 800px; }
.links p a { color: #737373; margin-right: 30px; transition: 0.3s ease; -o-transition: 0.3s ease; }
.links a:hover { color: #fff; }