*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face{ font-family: 'PINGFANG REGULAR';src: url('../fonts/PINGFANG REGULAR.TTF');font-weight: normal; font-style: normal;}
.tywidth{ width: 1200px; margin: 0 auto;}



/*power*/

.power{ margin-top: 35px;padding-bottom: 55px;}
.power .nr li{ display: inline-block; vertical-align: top; width: 23%; text-align: center; padding-top: 18px; padding: 28px 0;
	background: url(/images/biankuan01.png) no-repeat right;}


.power .nr li.cur {
	background: #fff;
	color: #fff;}
.power .nr li dt{ color: #016db5; font-size: 16px; line-height: 36px;}
.power .nr li dt em{ margin-left: -10px;}
.power .nr li dt i{ font-size: 36px; font-weight: bold;}
.power .nr li dt span{ font-size: 20px; font-weight: bold; letter-spacing: -3px; margin-left: -10px;}
.power .nr li dd{ color: #333; font-size: 18px; line-height: 18px;}

/*product*/

.product{ background: #f5f5f5; padding: 55px 0;}
.product .hd>div{ overflow: hidden; font-size: 0;}
.product .hd .left{ padding-left: 15px;}
.product .hd .left h3{ color: #333; font-size: 36px; line-height: 36px; margin-bottom: 25px;}
.product .hd .left h4{ color: #999; font-size: 16px; line-height: 16px;}
.product .hd .left h4 i{ display: inline-block; vertical-align: middle; width: 244px; height: 1px; margin-left: 10px; background-color: rgb(221, 221, 221);}
.product .hd .right{ margin-top: 40px;}
.product .hd .right li{ display: inline-block; vertical-align: middle; width: 139px; height: 26px; text-align: center; cursor: pointer; line-height: 26px; position: relative; overflow: hidden;}
.product .hd .right li.on{ color: #fff; background: #016db5;}
.product .hd .right li i{ position: relative; display: inline-block; color: #333; font-size: 16px; transition: all ease-out .3s;}
.product .hd .right li i:after{ position: absolute; left: 0; width: 100%; color: #fff; content: attr(data-title); transform: translateY(100%); top: 100%;transition: all ease-out .3s;}
.product .hd .right li.on i:after{ transform: translateY(0);}
.product .hd .right li.on i{ transform: translateY(-100%);}
.product .hd .right em{ display: inline-block; vertical-align: middle; margin: 0 10px; background: url(../images/cphr.png)no-repeat center; width: 1px; height: 8px;}
.product .hd .right em:last-child{ display: none;}
.product .bd{ margin-top: 50px;}
.product .bd ul li dd{ float: left; width: 383px; height: 353px; animation: bounceInUp1 1s ease; -webkit-animation: bounceInUp1 1s ease; margin: 0 25px 45px 0; visibility: visible;}
.product .bd ul li dd:nth-child(3n){ margin-right: 0;}
.product .bd ul li dd .pic{ width: 100%; line-height: 0; overflow: hidden;}
.product .bd ul li dd .pic img{ width: 100%; transition: all .6s ease;}
.product .bd ul li dd:hover .pic img{ transform: scale(1.1);}
.product .bd ul li dd .title{ margin-top: 3px;}
.product .bd ul li dd .title .z{ margin-top: 20px; color: #333;}
.product .bd ul li dd .title .z p{ color: #333; font-size: 16px; line-height: 16px;}
.product .bd ul li dd .title .z i{ margin-top: 10px; position: relative; display: block; color: #999; text-transform: uppercase; font-size: 12px; line-height: 12px;}
.product .bd ul li dd .title .z i:before{ content: ""; position: absolute; left: 0; bottom: -5px; transition: all .3s ease; opacity: 0; width: 0; height: 2px; z-index: 1; background: #016db5;}
.product .bd ul li dd:hover .title .z p{ color: #016db5;}
.product .bd ul li dd:hover .title .z i:before{ opacity: 1; width: 100%;}
.product .bd ul li dd .title .r{ margin: 30px 10px 0 0;}
.product .bd ul li dd .title .r .more{ display: block; width: 60px; background: url(../images/cpmore.png)no-repeat; height: 7px; position: relative;}
.product .bd ul li dd .title .r .more span{ position: absolute; right: 0; top: 1px; background: url(../images/cpjt.png)no-repeat; width: 16px; height: 5px;}
.product .bd ul li dd:hover .title .r .more{ background: url(../images/cpmores.png)no-repeat;}
.product .bd ul li dd:hover .title .r .more span{ background: url(../images/cpjts.png)no-repeat;}
@media only screen and (max-width: 1200px){ .product .hd .right{ margin: 0 17px 0 0;}
	}
@media only screen and (max-width: 1200px){ .product .bd ul li dd{ margin: 0 17px 45px 0;}
	}

/*model1*/

.model1{ margin-top: 55px; background: url(../images/model1bg.png)no-repeat center 115px; width: 100%; height: 365px;}
.model1 .nr .top .topic p{ font-size: 26px; line-height: 26px;color: #333; margin-bottom: 25px; font-weight: bold;}
.model1 .nr .top .topic span{ display: inline-block; vertical-align: middle; width: 246px; height: 2px; background-color: rgb(153, 153, 153);}
.model1 .nr .top .rx dt{ margin: 20px 0; font-size: 18px; line-height: 18px;color: #333;}
.model1 .nr .top .rx dt img{ animation: msClock 1s linear infinite; -webkit-animation: msClock 1s linear infinite; vertical-align: middle; margin-right: 10px;}
.model1 .nr .top .rx p{ text-align: right; font-size: 20px; line-height: 20px;color: #016db5;}
@media only screen and (max-width: 1200px){ .model1 .nr{ padding: 0 2%;}
	}

/*model2*/

.model2{ margin-top: 120px; position: relative; width: 100%; height: 798px; background: url(../images/model2pic1.png)no-repeat; overflow: hidden;}
.model2 .nr>div{ width: 543px; float: right; position: relative; z-index: 6;}
.model2 .nr .top dt{ padding-top: 75px; color: #fff; font-size: 36px;}
.model2 .nr .top dt p{ margin-top: 20px; font-size: 16px;}
.model2 .nr .top dt em{ margin-top: 25px; display: block; background-color: rgb(255, 255, 255); opacity: 0.51; width: 251px; height: 1px;}
.model2 .nr .top dd p{ font-weight: normal; width: 436px; height: 42px; line-height: 42px; background-color: rgb(1, 109, 181); text-align: center; font-size: 24px; margin: 50px 0 15px;}
.model2 .nr .top dd{ font-weight: bold; font-size: 36px; color: #fff;}
.model2 .nr .hd ul li{ float: left; border-radius: 11px; cursor: pointer; width: 117px; height: 117px; line-height: 117px; position: relative; overflow: hidden; text-align: center; margin: 0 25px 20px 0;}
.model2 .nr .hd ul li i{ position: relative; z-index: 6; color: #fff; font-size: 22px;}
.model2 .nr .hd ul li:after{ content: ""; width: 100%; height: 0; background: url(../images/model2on.png)no-repeat; position: absolute; top: 0; left: 0; transition: all .3s ease-out;}
.model2 .nr .hd ul .box:hover:after{ height: 100%;}
.model2 .nr .hd ul li:before{ content: ""; width: 100%; height: 100%; background: url(../images/model2mr.png)no-repeat; position: absolute; top: 0; left: 0; transition: all .3s ease-out;}
.model2 .nr .hd ul .box:hover:before{ height: 0;}
.model2 .nr .hd ul li:nth-child(4n){ margin-right: 0;}
.model2 .nr .hd ul li.ts{ color: #fff; font-size: 19px; line-height: 20px;}
.model2 .nr .hd ul li.ts p{ margin: 40px 0 10px;}
@media only screen and (max-width: 1200px){ .model2 .nr{ padding-right: 17px;}
	}

/*model3*/

.model3 .nr{ position: relative; margin: 100px auto 0;height: 748px;overflow: hidden;}
.model3 .nr .left{ width: 652px;}
.model3 .nr .left dl dt{ margin: 48px 0 30px; line-height: 26px; color: #333; font-size: 26px;}
.model3 .nr .left dl dd{ font-weight: bold; color: #016db5; font-size: 36px; line-height: 36px;}
.model3 .nr .left .hr{ margin: 48px 0 38px; width: 524px; height: 1px;}
.model3 .nr .left .hr em{ display: block; background-color: rgb(221, 221, 221); width: 100%; height: 1px;}
.model3 .nr .left .text dt{ line-height: 18px; color: #333; font-size: 18px;}
.model3 .nr .left .text dt em{ margin-right: 5px; width: 33px; height: 1px; background-color: rgb(153, 153, 153); display: inline-block; vertical-align: middle;}
.model3 .nr .left .text p{ line-height: 24px; color: #666; font-size: 16px;}
.model3 .nr .left .text dt+p{ margin: 15px 0 50px;}
.model3 .nr .left .text .more{ margin-top: 100px; display: inline-block; line-height: 14px; color: #016db5; font-size: 14px;}
.model3 .nr .left .text .more:hover{ text-decoration: underline;}
.model3 .nr .right{ position: relative; z-index: 2; width: 514px; height: 626px; overflow: hidden;}
.model3 .nr .right ul li img{ width: 100%;transition: all .6s ease;}
.model3 .nr .right ul li:hover img{ transform: scale(1.1);}
.model3 .nr:before{ content: ""; background-color: rgb(1, 109, 181); position: absolute; right: 280px; bottom: 60px; width: 324px; height: 125px; z-index: 1;}
.model3 .nr .btnr{ font-size: 0; position: absolute; right: 0; bottom: 0; z-index: 1;}
.model3 .nr .btnr>div{ display: inline-block; vertical-align: middle;}
.model3 .nr .btnr .btn{ color: #201b1a; font-size: 23px; cursor: pointer;line-height: 23px;}
.model3 .nr .btnr .hrs{ margin: 0 15px; width: 2px; height: 13px; background-color: rgb(102, 102, 102);}
.model3 .nr .btnr .btn:hover{ color: #016db5;}
@media only screen and (max-width: 1200px){.model3 .nr .right{ margin-right: 17px;}
	}
@media only screen and (max-width: 1200px){.model3 .nr .btnr{ right: 17px;}
	}

/*model4*/

.model4{ margin-top: 50px; padding-top: 60px; background: url(../images/model4bg.png)no-repeat center; width: 100%; height: 624px;}
.model4 .nr .left{ width: 578px; height: 485px; overflow: hidden;}
.model4 .nr .pic img{ width: 100%;transition: all .6s ease;}
.model4 .nr .pic:hover img{ transform: scale(1.1);}
.model4 .nr .right{ width: 556px; height: 485px; overflow: hidden;}
.model4 .nr .right dt{ color: #fff; font-size: 24px;}
.model4 .nr .right dt p{ margin: 10px 0 20px; font-weight: bold; color: #016db5; font-size: 36px;}
.model4 .nr .right dd{ margin-top: 20px; line-height: 30px; color: #fff; font-size: 16px;}
.model4 .nr .right .hr{ width: 350px; height: 55px; position: relative;}
.model4 .nr .right .hr i{ position: absolute; left: 0; top: 25px; width: 524px; height: 1px; background-color: rgb(221, 221, 221); z-index: 1;}
.model4 .nr .right .hr em{ position: absolute;left: 0; top: 0; width: 350px; height: 55px; z-index: 2; background-color: rgb(1, 109, 181, 0.502);}
.model4 .nr .right ul li{ margin-top: 29px; float: left; width: 268px; height: 182px; overflow: hidden;}
.model4 .nr .right ul li+li{ margin-left: 20px;}
@media only screen and (max-width: 1200px){.model4 .nr .right{ margin-right: 17px;}
	}

/*model5*/

.model5{ margin-top: 100px;}
.model5 .nr{font-size: 0; overflow: hidden;}
.model5 .nr dl{ margin-bottom: 40px; overflow: hidden;}
.model5 .nr dl .left dt{ margin-bottom: 10px; color: #333; font-size: 32px;}
.model5 .nr dl .left dd{ color: #666; font-size: 18px;}
.model5 .nr dl .right{ text-align: center; margin-top: 30px;}
.model5 .nr dl .left dd em{ background-color: rgb(221, 221, 221); display: inline-block; vertical-align: middle; width: 127px; height: 1px; margin-left: 15px;}
.model5 .nr dl .right a{ display: block; color: #666; font-size: 16px; margin-bottom: 10px;}
.model5 .nr dl .right a img{ margin: 5px 0 0 5px; vertical-align: top;}
.model5 .nr dl .right a:hover{ color: #016db5;}
.model5 .nr dl .right em{ display: block; width: 166px; height: 1px; background-color: rgb(153, 153, 153);}
.model5 .nr ul li{ display: inline-block; vertical-align: top; width: 385px; margin: 0 25px 30px 0; text-align: center;}
.model5 .nr ul li .pic{ position: relative; width: 100%; height: 230px; overflow: hidden;}
.model5 .nr .pic img{ width: 100%;transition: all .6s ease;}
.model5 .nr .pic:hover img{ transform: scale(1.1);}
.model5 .nr ul li .txt dt{ margin: 5px 0 2px; color: #333; font-size: 18px;}
.model5 .nr ul li .txt dd{ color: #999; font-size: 14px; line-height: 14px; overflow: hidden;}
.model5 .nr ul li .txt dd i{ position: relative; display: inline-block; text-transform: uppercase; transition: all ease-out .3s;}
.model5 .nr ul li .txt dd i:after{ position: absolute; left: 0; width: 100%; color: #fff; content: attr(data-title); transform: translateY(100%); top: 100%;transition: all ease-out .3s;}
.model5 .nr ul li:hover .txt dd i:after{ transform: translateY(0);}
.model5 .nr ul li:hover .txt dd i{ transform: translateY(-100%);}

/*about*/

.about .nr1{ margin-top: 100px; padding-top: 80px; height: 572px; overflow: hidden; background: #f5f5f5;}
.about .nr1 .left{ width: 635px; font-size: 0;}
.about .nr1 .left dt p{ color: #333; font-size: 30px; font-weight: bold;}
.about .nr1 .left dt em{ display: block; color: #666; font-size: 18px; margin: 5px 0 15px;}
.about .nr1 .left dd{ margin: 35px 0 45px; color: #666; font-size: 16px; line-height: 24px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.about .nr1 .left .more{ margin-bottom: 70px; width: 149px; height: 53px; line-height: 53px; transition: all .6s; text-align: center; border: 1px solid rgb(153, 153, 153); color: #666; display: block; font-size: 16px;}
.about .nr1 .left .more:hover{ background: #016db5;border: 1px solid #016db5; color: #fff;}
.about .nr1 .text .navlist ol{ cursor: pointer; width: 144px; display: inline-block; vertical-align: top; text-align: center; border-right: 1px solid #ddd;}
.about .nr1 .text .navlist ol:first-child{ width: 100px; text-align: left;}
.about .nr1 .text .navlist ol:last-child{ width: 103px; margin-right: 0; text-align: right; border-right: none;}
.about .nr1 .text .navlist ol em{ display: block; height: 50px;}
.about .nr1 .text .navlist ol p{ font-size: 14px; line-height: 14px; color: #666;}
.about .nr1 .text .navlist ol:hover p{ color: #016db5;}
.about .nr1 .right{ margin-top: 14px; width: 509px; height: 478px; overflow: hidden;}
.about .nr1 .right img{ width: 100%;transition: all .6s ease;}
.about .nr1 .right:hover img{ transform: scale(1.1);}
.about .nr2{ width: 100%; height: 229px; background: #333; overflow: hidden;}
.about .nr2 .nr .left li{ display: inline-block; vertical-align: top; padding-top: 50px;}
.about .nr2 .nr .left li+li{ margin-left: 55px;}
.about .nr2 .nr .left li dt{ color: #0587dd; font-size: 36px; font-weight: bold;}
.about .nr2 .nr .left li dd{ margin-top: 20px; line-height: 24px; color: #fff; font-size: 14px;}
.about .nr2 .nr .right{ width: 509px; height: 229px; padding-top: 60px; text-align: center; background: #016db5;}
.about .nr2 .nr .right p{ color: #fff; font-size: 32px;}
.about .nr2 .nr .right a{ margin-top: 24px; display: inline-block; color: #fff; font-size: 24px;}
.about .nr2 .nr .right a img{ margin-left: 20px;}
.about .nr2 .nr .right a:hover{ text-decoration: underline;}

/*new*/

.newtab>div{ float: left; width: 570px; height: 480px; overflow: hidden;}
.new .newtab .hd{ overflow: hidden; border-bottom: 1px solid rgba(52, 52, 52, 0.102); margin-bottom: 22px; padding-bottom: 5px;}
.new .newtab .hd ul li{ float: left; font-size: 18px; color: #222;cursor: pointer;}
.new .newtab .hd ul dd{ float: left; font-size: 18px; color: #222; margin: 0 20px;}
.new .newtab .hd ul li.on{ font-weight: bold; color: #016db5;}
.new .newtab .hd ul li i img{ transition: all .3s ease-in; width: 0; height: 19px;}
.new .newtab .hd ul li.on i img{ width: 19px;}
.new .newtab .hd ul li i,.new .newtab .right .top i{ display: inline-block; vertical-align: top; width: 19px; height: 19px; margin: 3px 10px 0 0;}
.new .newtab .bd .tjnew{ height: 132px; overflow: hidden;}
.new .newtab .bd .tjnew>div{ float: left; height: 132px; overflow: hidden;}
.new .newtab .bd .tjnew .pic{ width: 224px;}
.new .newtab .bd .tjnew .text{ margin-left: 25px; width: 321px;}
.new .newtab .bd .tjnew .text dt{ border-bottom: 1px solid rgba(52, 52, 52, 0.102); padding-bottom: 10px; margin-bottom: 10px;}
.new .newtab .bd .tjnew .text dt a{ color: #222; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin-bottom: 6px;}
.new .newtab .bd .tjnew .text dt b{ color: #999; font-size: 14px;}
.new .newtab .bd .tjnew .text p{ color: #666; font-size: 14px; height: 50px; overflow: hidden; line-height: 26px;}
.new .newtab .bd dl dd{ margin-top: 24px; padding-bottom: 5px; border-bottom: 1px solid rgba(52, 52, 52, 0.102); overflow: hidden;}
.new .newtab .bd dl dd a{ color: #333; font-size: 16px;}
.new .newtab .bd dl dd span{ float: right; color: #999; font-size: 14px;}
.new .newtab .bd dl dd a:hover i,.new .newtab .bd .tjnew .text dt a:hover{ color: #016db5;}
.new .newtab .right .top{ cursor: pointer; font-size: 18px; font-weight: bold; color: #016db5; overflow: hidden; border-bottom: 1px solid rgba(52, 52, 52, 0.102); margin-bottom: 15px; padding-bottom: 5px;}
.new .newtab .right .newlist ul li{ margin-bottom: 20px; background-color: #f5f5f5; padding: 20px; width: 567px; height: 123px; overflow: hidden;}
.new .newtab .right .newlist ul li>div{ float: left; height: 83px; overflow: hidden;}
.new .newtab .right .newlist ul li .date{ text-align: center; padding-top: 15px; background-color: #fff; width: 83px; height: 83px; margin-right: 15px;}
.new .newtab .right .newlist ul li .date b{ color: #333; font-size: 28px; line-height: 28px; font-weight: bold;}
.new .newtab .right .newlist ul li .date b:after{ content: ""; display: block; margin: 5px auto; background-color: rgb(210, 210, 210); width: 28px; height: 1px;}
.new .newtab .right .newlist ul li .date i{ display: block; color: #333; font-size: 14px;}
.new .newtab .right .newlist ul li:hover .date b,.new .newtab .right .newlist ul li:hover .date i{ color: #fff;}
.new .newtab .right .newlist ul li:hover .date b:after{ background: #fff;}
.new .newtab .right .newlist ul li:hover{ background: #333;}
.new .newtab .right .newlist ul li:hover .date{ color: #fff; background: #016db5;}
.new .newtab .right .newlist ul li .text{ width: 425px;}
.new .newtab .right .newlist ul li .text a{ color: #0c0c0c; font-size: 16px;}
.new .newtab .right .newlist ul li:hover .text a{ text-decoration: underline; color: #fff; font-weight: bold;}
.new .newtab .right .newlist ul li:hover .text p{ color: rgba(255, 255, 255, 0.702);}
.new .newtab .right .newlist ul li .text p{color: #666; font-size: 14px; margin-top: 10px; line-height: 28px;}
.new .latest_news{ margin-top: 50px; background: url(../images/newbg.png)no-repeat center; width: 100%; height: 590px; overflow: hidden; padding-top: 60px;}
.new .latest_news .nr{ position: relative; padding-top: 60px; background: #fff; height: 358px;}
.new .latest_news .nr:before{ content: ""; position: absolute; left: -360px; top: 0; width: 360px; height: 358px; background: #fff;}
.new .latest_news .bttop{ margin-bottom: 10px; color: rgba(51, 51, 51, 0.659); font-size: 16px;}
.new .latest_news .bttop img{ vertical-align: middle;}
.new .latest_news .bttop i{ color: #016db5; font-size: 26px;}
.new .latest_news ul{ width: 810px; height: 239px; overflow: hidden;}
.new .latest_news ul li a{ color: #333; font-size: 16px;}
.new .latest_news ul li a:hover{ color: #016db5; font-weight: bold;}
.new .latest_news ul li{ float: left; width: 376px; padding-bottom: 5px; margin-right: 58px; margin-bottom: 22px; border-bottom: 1px solid rgba(52, 52, 52, 0.102);}
.new .latest_news ul li:nth-child(2n){ margin-right: 0;}
.new .latest_news .pic{ width: 327px; height: 239px; overflow: hidden; margin-left: 30px;}
.new .latest_news .pic img{ width: 100%;}

/*foot*/

.foot{ font-size: 0; background: #333; overflow: hidden;}
.foot .nav{ border-bottom: 1px solid #016db5; padding: 13px 0;}
.foot .nav nav{ padding-left: 10px;}
.foot .nav nav a{ display: inline-block; vertical-align: middle; overflow: hidden; line-height: 16px; color: #fff; font-size: 16px; margin-right: 56px;}
.foot .nav nav a i{ position: relative; display: inline-block; color: #fff; font-size: 16px; line-height: 16px; transition: all ease-out .3s;}
.foot .nav nav a i:after{ position: absolute; left: 0; width: 100%; color: #016db5; content: attr(data-title); transform: translateY(100%); top: 100%;transition: all ease-out .3s;}
.foot .nav nav a:hover i:after{ transform: translateY(0);}
.foot .nav nav a:hover i{ transform: translateY(-100%);}
.foot .nav nav a:last-child{ margin-right: 0;}
.foot .content{ padding-top: 40px; height: 235px; overflow: hidden;}
.foot .content .wechat{ margin-right: 20px; width: 114px; text-align: center;}
.foot .content .wechat span{ display: block; position: relative; width: 114px; height: 114px; overflow: hidden;}
.foot .content .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.foot .content .wechat p{ color: #fff; font-size: 14px; line-height: 14px; margin-top: 6px;}
.foot .content .left{ width: 223px; margin-top: 20px;}
.foot .content .left p{ margin: 25px auto 0; width: 221px; height: 23px; line-height: 23px; background: #016db5; color: #fff; font-size: 14px; text-align: center;}
.foot .content .text{ margin-top: 17px;}
.foot .content .text ul{ display: inline-block; vertical-align: top;}
.foot .content .text ul:first-child{ margin-right: 115px;}
.foot .content .text ul:first-child li i{ letter-spacing: 3.8px;}
.foot .content .text ul:first-child+ul li i{ letter-spacing: 1.5px;}
.foot .content .text ul li{ color: #fff; font-size: 16px;}
.foot .content .text ul li{ margin-bottom: 10px;}
.foot .content .text ul li.ts{ position: relative; width: 346px;}
.foot .content .text ul li.ts i{ position: absolute; left: 0; top: 0;}
.foot .content .text ul li.ts b{ display: inline-block; vertical-align: top; text-indent: 58px;}
.foot .bottom{ color: #fff; font-size: 14px; height: 38px; line-height: 38px; background: #016db5;overflow: hidden;}
.foot .bottom ol a{ color: #fff; font-size: 14px;}
.foot .bottom dl a{ display: inline-block; vertical-align: middle; color: #fff; font-size: 14px;}
.foot .bottom dl li:first-child{ color: #fff; font-size: 14px; width: 135px; margin-right: 0; letter-spacing: 1px;}
.foot .bottom dl li:last-child{ margin-right: 0;}
.foot .bottom dl li{ display: inline-block; vertical-align: top; margin-right: 40px;}
.foot .bottom li:hover a,.foot .bottom ol a:hover{ color: #fff; text-decoration: underline;}
@media only screen and (max-width: 1200px){ .foot .content .text{ padding-right: 20px;}
	}
@media only screen and (max-width: 1200px){ .foot .bottom .fr{ padding-right: 20px;}
	}