/* CSS Document */
body{font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#19110b;}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0;  }
.cbody{ margin:0 auto;width:982px; position:relative;background:#FFF;}
input,select,textarea{ vertical-align:middle;}
img{ border:0; width:100%;}
ul,li{ list-style-type:none;}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear: both;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}

.public_tab {
    width: 100%;
    padding: 40px 0px 30px;
}
.sort{width:80%;margin:auto;}
.sort ul{width:100%;display:flex;justify-content:center;}
.sort li{ width:160px; background:#f7f7f7; font-size:18px; margin-left:5px;}
.sort li a{ color:#19110b;width:90px; height:70px; padding-left:45px;margin-left: 10px; }
.sort li:nth-child(1){ margin-left:0; background:url(../image/hygj.png) 20px 23px no-repeat,#f7f7f7;}
.sort li:nth-child(2){ background:url(../image/hygj.png) 20px -34px no-repeat,#f7f7f7;}
.sort li:nth-child(3){ background:url(../image/hygj.png) 20px -95px no-repeat,#f7f7f7;}
.sort li:nth-child(4){ background:url(../image/hygj.png) 20px -154px no-repeat,#f7f7f7;}
.sort li:nth-child(5){ background:url(../image/hygj.png) 20px -216px no-repeat,#f7f7f7;}
.sort li.select a,.sort li:hover a{ color:#FFF;}
.sort li:nth-child(1).select,.sort li:nth-child(1):hover{ margin-left:0; background:url(../image/hygj_a.png) 20px 23px no-repeat,linear-gradient(to right, #001d5f , #184da7); color:#FFF;}
.sort li:nth-child(2).select,.sort li:nth-child(2):hover{ background:url(../image/hygj_a.png) 20px -34px no-repeat,linear-gradient(to right, #001d5f , #184da7); color:#FFF;}
.sort li:nth-child(3).select,.sort li:nth-child(3):hover{background:url(../image/hygj_a.png) 20px -95px no-repeat,linear-gradient(to right, #001d5f , #184da7); color:#FFF;}
.sort li:nth-child(4).select,.sort li:nth-child(4):hover{background:url(../image/hygj_a.png) 20px -154px no-repeat,linear-gradient(to right, #001d5f , #184da7); color:#FFF;}
.sort li:nth-child(5).select,.sort li:nth-child(5):hover{background:url(../image/hygj_a.png) 20px -216px no-repeat,linear-gradient(to right, #001d5f , #184da7); color:#FFF;}



.mgqwdz{ display:block; width:800px; margin:0 auto;}
.mgqwdz span:nth-child(1){ float:left; width:100%; text-align:center; font-size:36px; font-weight:bold; color:#19110b;}
.mgqwdz span:nth-child(2){ float:left; width:100%; text-align:center; font-size:36px; color:#19110b;}
.mgqwdz .content{ float:left; width:100%; text-align:center; line-height:34px; font-size:16px; color:#19110b; margin-top:50px;}


.sjfx{width:100%; height:740px;background: linear-gradient(to right, #001d5f , #184da7);padding-top:100px;}
.sjfx .span{float:left;width:100%; text-align:center; font-size:36px; color:#FFF; font-weight:bold;margin-bottom:68px;}
.sjfx ul{ max-width:1100px; display:block; margin:0 auto; margin-top:60px;}
.sjfx li{ float:left; width:160px; height:160px; border:4px solid #002fde; border-radius:50%; font-size:24px; text-align:center; color:#FFF;   margin-right:40px; margin-bottom:36px;}
.sjfx li span{float:left; width:100%; margin-top:25px;}
.sjfx li span:nth-child(1){ margin-top:30px;}
.sjfx li:nth-child(5) span:nth-child(2),.sjfx li:nth-child(6) span:nth-child(2){ margin-top:10px;}
.sjfx li:nth-child(5){ margin-right:0;}
.sjfx li:nth-child(6){ margin-left:130px;}


.jsgx{ width:100%; margin:0 auto;}
.jsgx .span{ float:left; width:100%; text-align:center; font-size:36px; font-weight:bold; margin-bottom:80px;}
.jsgx ul{width:1100px;margin:auto;}
.jsgx li{ float:left; width:210px; text-align:center; font-size:16px; line-height:34px;margin-left:60px;}
.jsgx li samp{ display:block; margin:0 auto; width:160px; height:160px; border:2px solid #012c8c; border-radius:50%; margin-bottom:42px;}
.jsgx li samp span{ float:left; text-align:center; width:100%;}
.jsgx li samp span:nth-child(1){ font-size:24px; font-weight:bold; margin-top:45px;}
.jsgx li samp span:nth-child(2){ font-size:16px; }
.jsgx li:nth-child(1){ margin-left:0;}


.hygj{ float:left; width:100%; height:392px; background:url(../image/hygj.jpg) center no-repeat; }
.hygj span{ float:left; width:100%; text-align:center; font-size:24px; line-height:40px; color:#FFF; margin-top:135px;}
.hygj samp{ float:left; width:100%; height:19px; margin:0 auto; background:url(../image/hygj1.png) center no-repeat; margin-top:80px;}

.qwdz{ width:100%; margin:0 auto;}
.qwdz .span{ float:left; width:100%; text-align:center; font-size:36px; margin-bottom:80px;}
.qwdz .spana{ float:left; width:100%; text-align:center; font-size:20px; line-height:42px;}
.qwdz .spana span{color: #012c8c;}
.qwdz ul{ width:100%;display:flex;justify-content:center;}
.qwdz ul li{ float:left; width:125px; height:125px; background:#eee; text-align:center; font-size:24px; position: relative;}
.qwdz ul li span{ float:left; width:100%; margin-top:35px;font-size:20px;}
.qwdz ul li samp{position: absolute;top: 38%;right: -21px; font-size:30px; }

.qwdz ul li:nth-child(6){ background:#e0e0e0; margin-left:20px; }
.qwdz ul li:nth-child(7){ background:#e5d1ac; margin-left:20px;}
.qwdz ul li:nth-child(8){ background:#012c8c; color:#FFF; margin-left:20px;}

.dlgjd{ float:left; width:100%; height:740px;
	background: linear-gradient(to right, #001d5f , #184da7);}
.dlgjd strong{ float:left; width:100%; text-align:center; font-weight:bold; font-size:36px; color:#FFF; margin-top:120px;}
.dlgjd .span{ float:left; width:100%; text-align:center; font-size:36px; color:#FFF;}
.dlgjd ul{ width:1280px; margin:0 auto; margin-top:180px;}
.dlgjd ul li{ float:left; width:213px; text-align:center; color:#FFF;}
.dlgjd ul li span{ float:left; width:100%; text-align:center;}
.dlgjd ul li span:nth-child(1){ font-size:20px; margin-bottom:10px;}
.dlgjd ul li span:nth-child(2){ font-size:20px;}
.dlgjd ul li span:nth-child(3){ height:15px; background:#FFF; margin:10px auto;}
.dlgjd ul li span:nth-child(4){ font-size:16px;}
.dlgjd ul li:nth-child(2){ margin-top:-15px;}
.dlgjd ul li:nth-child(3){ margin-top:-30px;}
.dlgjd ul li:nth-child(4){ margin-top:-45px;}
.dlgjd ul li:nth-child(5){ margin-top:-86px;}
.dlgjd ul li:nth-child(6){ margin-top:-101px;}
.dlgjd ul li:nth-child(3) span:nth-child(3){background: #885918;
    background: -moz-linear-gradient(left,  #885918 0%, #e0c47f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#885918), color-stop(100%,#e0c47f));
    background: -webkit-linear-gradient(left,  #885918 0%,#e0c47f 100%);
    background: -o-linear-gradient(left,  #885918 0%,#e0c47f 100%);
    background: -ms-linear-gradient(left,  #885918 0%,#e0c47f 100%);
    background: linear-gradient(to right,  #885918 0%,#e0c47f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#885918', endColorstr='#e0c47f',GradientType=0 );}
.dlgjd samp{ float:left; width:100%; height:19px; margin:0 auto; background:url(../image/hygj1.png) center no-repeat; margin-top:120px;}

.yzsgd{ display:block; width:1100px; margin:0 auto;}
.yzsgd .div{ float:right; width:45%;  }
.yzsgd .div span:nth-child(1){ float:left;width:100%;  font-size:24px; margin-top:72px;}
.yzsgd .div span:nth-child(2){ float:left;width:100%;  font-size:16px; line-height:30px; margin-top:16px;}
.yzsgd .div_a{ float:left; width:50%;}
.yzsgd .div_a img{ float:right; width:80%;}



/*玛格优势*/
.mgsdznjd{ width:1100px; margin:0 auto;}
.mgsdznjd strong{ float:left; width:100%; text-align:center; font-weight:bold; font-size:36px; margin-bottom:15px; margin-top:100px;}
.mgsdznjd span:nth-child(2){ float:left; width:100%; text-align:center; font-size:24px; margin-bottom:40px;}
.mgsdznjd span:nth-child(3){ display:table; width:740px; margin:0 auto; text-align:center; font-size:18px; color:#666; line-height:34px;}
.mgsdznjd ul{ float:left; width:100%; margin-top:68px;}
.mgsdznjd ul li{ float:left; width:255px; margin-left:13px;}
.mgsdznjd ul li:nth-child(1){ margin-left:0;}
.mgys{ max-width:1100px; margin:0 auto; margin-top:95px;}
.mgys li{ float:left; width:100%;}
.mgys li img{ float:left; max-width:50%;}
.mgys li .div{ float:left; max-width:46%; margin-left:4%;}
.mgys li .div span:nth-child(1){ float:left; font-size:30px; margin-top:123px; }
.mgys li .div span:nth-child(2){ float:left; width:430px; font-size:14px; line-height:32px; color:#666; margin-top:30px;}
.mgys li:nth-child(2) img{ float:right;}
.mgys li:nth-child(2) .div{ float:left; max-width:46%; margin-left:4%;}

.dzzxms{ float:left; width:100%; background-image: linear-gradient(to right, #020315 , #000d36); margin-top:135px; color:#FFF;}
.dzzxms strong{ float:left; width:100%; text-align:center; font-weight:bold; font-size:36px; margin-bottom:15px; margin-top:120px;}
.dzzxms span:nth-child(2){ float:left; width:100%; text-align:center; font-size:24px; margin-bottom:40px;}
.dzzxms span:nth-child(3){ display:table; width:715px; margin:0 auto; text-align:center; font-size:18px; line-height:34px;}
.dzzxms .ul_a{ width:1100px; margin:0 auto;display: flex;}
.dzzxms .ul_a li{ position:relative;}
.dzzxms .ul_a li:nth-child(1){ float:left;}
.dzzxms .ul_a li:nth-child(2){ float:right;}
.dzzxms .ul_a li span{ float:left; width:100%; text-align:center; font-size:20px; position:absolute; bottom:15px; left:0; color:#000; margin:0;}
.dzzxms .spana{ float:left; width:100%; text-align:center; font-size:36px;}
.dzzxms .spanb{ float:left; width:100%; text-align:center; font-size:36px; font-weight:bold;}

#gdtw1{ margin-bottom:22px;}
#gdtw1,#gdtw2{width:100%;height:308px;}
#gdtw1 ul,#gdtw2 ul{padding:5px}
#gdtw1 ul li,#gdtw2 ul li{list-style-image: none;list-style-type: none;float:left;margin:0 10px;width:466px;height:308px;}
#gdtw1 ul li img,#gdtw2 ul li img{width:466px;height:308px;}


/*玛格差异化*/

.xq{ float:left; width:100%; height:740px; background:url(../image/xq.png); margin-top:80px;}
.xq .div{ float:left; width:100%; color:#FFF; text-align:center; font-size:36px; margin-top:75px;} 
.xq ul{width:70%; margin:0 auto; margin-top:60px;display:flex;justify-content: space-between;}
.xq li{ width:340px; height:339px; background:url(../image/guang.png) no-repeat;}
.xq li span{ display:block; width:100%; text-align:center; color:#FFF;}
.xq li span:nth-child(1){ font-size:36px; margin-top:80px;}
.xq li span:nth-child(2){ width:170px; margin:0 auto; line-height:36px; font-size:20px; margin-top:26px;}
.xq li:nth-child(2) span:nth-child(2){ width:265px; margin:0 auto; line-height:36px; font-size:20px; margin-top:26px;}
.xq li span:nth-child(3){ display:block; width:81px; margin:0 auto; margin-top:29px;}
.xq samp{ display:block; margin:0 auto; width:210px; margin-top:90px;}



.mg17nszry{ display:block; width:770px; margin:0 auto;}
.mg17nszry h2,.mg17nszry h3,.mg17nszry h4{ float:left; width:100%; text-align:center; font-size:32px; color:#19110b; margin-top:60px;}
.mg17nszry p{ float:left; width:770px; text-align:center; line-height:34px; font-size:16px; color:#19110b; margin-top:25px;}
.mg17nszry div{display:inline-block;}
.mg17nszry a{ display:block; font-size:20px; width:105px; text-align:center; color:#19110b; margin:0 auto; padding-top:20px; text-decoration:underline;}
.csr{ width:100%; background:url(../image/csr.jpg) center no-repeat;background-size:100%;float:left;}
.csr .right{ float:right; width:35%;padding-top:20%;padding-bottom:20%;}
.csr .right span{ display:block;}
.csr .right span:nth-child(1){ font-size:40px; color:#FFF; font-weight:bold; }
.csr .right span:nth-child(1) i{ margin:0 10px;}
.csr .right span:nth-child(2){ font-size:16px; color:#FFF; line-height:32px;margin-top:35px;}

.ppdw{ float:left; width:100%;}
.ppdw span{ float:left; width:100%; text-align:center; color:#19110b;}
.ppdw span:nth-child(1){font-weight:bold; font-size:24px;}
.ppdw span:nth-child(2){ font-size:36px; margin-top:28px;}

.xqq{ float:left; width:100%; height:740px;background: linear-gradient(to bottom,#002663,#000617);}
.xqq ul{width:70%; margin:0 auto; margin-top:110px;display:flex;justify-content: space-between;}
.xqq li{ float:left; width:310px; height:310px; border:10px solid #002fde;border-radius:50%;}
.xqq li span{ display:block; width:100%; text-align:center; color:#FFF;}
.xqq li span:nth-child(1){ font-size:36px; margin-top:80px;}
.xqq li span:nth-child(2){ width:100%; text-align:center; line-height:36px;height:72px; font-size:20px; margin-top:26px;}
.xqq li span:nth-child(3){ display:block; width:32px; margin:0 auto; margin-top:29px;}
.xqq samp{ display:block; margin:0 auto; line-height:34px; width:815px; margin-top:90px; color:#FFF; font-size:16px; text-align:center;}
@media screen and (max-width: 1400px) { 
	.xqq ul{width:100%;}
	.xq ul{width:100%;}
}


.window-slider{height: 818px;position: relative;background: #000;}
.window-slider .window{ position:absolute; width:100%; height:818px; top:0;}
.window-slider .window .span span{ width:100%; text-align:center; color:#FFF;}
.window-slider .window .span span:nth-child(1){ float:left; font-size:24px; margin-top:165px; font-weight:bold;}
.window-slider .window .span span:nth-child(2){ float:left; font-size:36px; margin-top:28px; font-weight:bold;}
.window-slider .window .span span:nth-child(3){ float:left; font-size:36px; margin-bottom:50px;}
.window-slider .window .span span:nth-child(4){ display:table; width:1050px; margin:0 auto; font-size:16px; line-height:34px;}

.qdfwcyh{ float:left; width:100%; text-align:center; margin-top:40px; padding-top:60px;}
.qdfwcyh span:nth-child(1){ float:left; width:100%; font-size:24px; font-weight:bold; margin-bottom:25px;}
.qdfwcyh span:nth-child(2){ float:left; width:100%; font-size:36px; font-weight:bold;}
.qdfwcyh span:nth-child(3){ float:left; width:100%; font-size:36px; }

.qdxt{ width:1100px; margin:0 auto;display:flex;justify-content:center;}
.qdxt .img{ float:left; width:48%;}
.qdxt .div{ float:right; width:48%;}
.qdxt .div span{ float:left; width:100%; font-size:16px; line-height:34px; margin:70px 0;}

.fwtycyh{ float:left; width:100%; height:740px;background: linear-gradient(to right,  #001d5f 0%,#184da7 100%);}
.fwtycyh .div{ color:#FFF; margin-top:200px;}
.fwtycyh .div span:nth-child(1){ float:left; width:100%; text-align:center; font-weight:bold; font-size:24px;}
.fwtycyh .div span:nth-child(2){ float:left; width:100%; text-align:center; font-weight:bold; font-size:36px; margin-top:20px;}
.fwtycyh .div span:nth-child(3){ float:left; width:100%; text-align:center; font-size:36px; margin-bottom:40px;}
.fwtycyh .div span:nth-child(4){ display:table; width:860px; margin:0 auto; text-align:center; font-size:16px; line-height:34px;}
.jb{ float:left; width:100%; height:740px; background:url(../image/mgznzzxt.jpg);}
.jb span{ color:#FFF;}
.jb span:nth-child(1){ display:block; margin:0 auto; width:367px; margin-top:204px; }
.jb span:nth-child(2){ display:block; width:100%; text-align:center; font-size:16px; color:#fff; margin-top:15px;}
.jb span:nth-child(3){ display:block; margin:0 auto; width:765px; font-size:14px; text-align:center; line-height:32px; margin-top:40px;}
.jb .open { position: relative; margin:0 auto; background-color: #333; width:144px; height:40px; overflow:hidden; border-radius:5px;}
.jb .open span{ width:auto;  position: absolute; z-index: 5;color: #fff;line-height: 40px;font-size: 14px;font-weight: 400; margin:0; margin-left:35px;}
.jb .open img{ position: absolute;z-index: 5;margin-left: 80px; margin-top:10px;width: 20px;height: 20px;overflow: hidden;}
.jb .open .over{transition: all .6s;width: 144px;height: 40px;overflow: hidden;background-color: #555;position: absolute;bottom: -40px;left: 0;z-index: 2;}
.jb .open:hover .over{bottom: 0;left: 0;z-index: 4;}
.jb #bat_p5{ color:#FFF;}

.mgxxh{ float:left; width:100%; text-align:center; position:relative;}
.mgxxh span:nth-child(1){ float:left; width:100%; font-size:36px; font-weight:bold;}
.mgxxh span:nth-child(1) i{ margin:0 10px;}
.mgxxh span:nth-child(2){ float:left; width:100%; font-size:16px; line-height:34px; margin-top:20px; margin-bottom:100px;}
.mgxxh span:nth-child(3){ display:block;width:1100px; height:503px; margin:0 auto; border:1px solid #bfbfbf; overflow:auto;}
.mgxxh span:nth-child(3) img{ float:left; width:2472px; height:260px; margin-top:100px; margin-bottom:90px;}
.mgxxh samp{ position:absolute; z-index:999; margin-top:-50px;}
.mgxxh span:nth-child(6){ float:left; width:100%; text-align:center; font-size:30px;font-weight:bold; line-height:56px; margin-top:85px;}

.zszx{ float:left; width:100%; height:740px; background:url(../image/zszx.jpg) center no-repeat;}
.zszx .span{ float:left; width:100%; text-align:center; font-size:36px; margin-top:190px;}
.zszx .span_a{ float:left; width:100%; text-align:center; font-size:36px;}
.zszx .span_b{float:left; width:100%; background:url(../image/zszx.png) center no-repeat; height:53px; margin-top:100px;}
.zszx .open { margin-top:160px;}
.zszx #bat_p5{ color:#afafaf;}

/*.jdzx{ float:left; width:100%; height:738px; background:url(../image/jdzx.jpg) center no-repeat;}*/
.jdzx{ float:left; width:100%; height:738px; background-color: #fff;}
.jdzx .span{ float:left; width:100%; text-align:center; font-size:36px; margin-top:175px; color:#000; margin-bottom:35px;}
.jdzx .span_a{ display:table; width:890px; margin:0 auto; text-align:center; font-size:16px; color:#000; line-height:34px;}
.jdzx ul{ width:910px; margin:0 auto; margin-top:50px;}
.jdzx ul li{ float:left; width:130px; height:130px; border:1px solid #000; border-radius:50%; margin-left:23px;}
.jdzx ul li span{ float:left; width:100%; text-align:center; color:#000; font-weight:bold; font-size:14px; line-height:20px;margin-top:40px;}
.jdzx ul li:nth-child(1){ margin-left:0;}
.jdzx ul li:nth-child(1) span{ margin-top:30px;}
.jdzx_ul{ width:1300px; margin:0 auto;}
.jdzx_ul .span{ float:left; width:100%; text-align:center; font-size:36px; margin-bottom:60px;}
.jdzx_ul ul{ width:910px; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.jdzx_ul ul li{ float:left; width:130px; height:130px; border:1px solid #012c8c; border-radius:50%; margin-left:23px;}
.jdzx_ul ul li span{ float:left; width:100%; text-align:center; font-weight:bold; font-size:14px; line-height:20px;margin-top:40px;}
.jdzx_ul ul li span b{ color:#012c8c;}
.jdzx_ul ul li:nth-child(1){ margin-left:0;}
.jdzx_ul ul li:nth-child(1) span{ margin-top:30px;}
.jdzx_ul img{ float:left; width:100%; margin-bottom:42px;}
.jdzx_1{ position: relative;}
.jdzx_1 .jdzx_a1{position: absolute; right: 65px; top:100px; width: 245px; height: 323px; background: #fff; padding: 0 34px;}
.jdzx_1 .jdzx_a1 samp{ float: left; background: url("../image/jdzx_logo.jpg") no-repeat; margin: 65px 0 35px 0; width: 156px; height: 21px;}
.jdzx_1 .jdzx_a1 span{ float: left; font-size: 18px; line-height: 34px;}


.mgxxy{ float:left; width:100%; height:740px; background:url(../image/mgxxy.jpg) center no-repeat;}
.mgxxy .span{ float:left; width:100%; text-align:center; font-size:36px; margin-top:175px; color:#FFF; margin-bottom:35px;}
.mgxxy .span_a{ display:table; width:890px; margin:0 auto; text-align:center; font-size:16px; color:#FFF; line-height:34px;}
.mgxxy ul{ width:910px; margin:0 auto; margin-top:50px;}
.mgxxy ul li{ float:left; width:130px; height:130px; border:1px solid #fff; border-radius:50%; margin-left:23px;}
.mgxxy ul li span{ float:left; width:100%; text-align:center; color:#FFF; font-weight:bold; font-size:14px; line-height:20px;margin-top:40px;}
.mgxxy ul li:nth-child(1){ margin-left:0;}
.mgxxy_ul{ width:1300px; margin:0 auto;}
.mgxxy_ul .span{ float:left; width:100%; text-align:center; font-size:36px; margin-bottom:30px;}
.mgxxy_ul .span_a{ float:left; width:100%; text-align:center; font-size:16px; line-height:34px; margin-bottom:60px;}
.mgxxy_ul .ul{ float:left; width:100%; margin-bottom:50px;}
.mgxxy_ul .ul li{ float:left; width:415px; margin-left:15px;}
.mgxxy_ul .ul li:nth-child(1){ margin-left:0;}
.mgxxy_ul .ul li span{ float:left; width:100%; text-align:center; font-size:16px; line-height:42px; color:#FFF; background:#012c8c;}
.mgxxy_ul .ul_li{ width:910px; margin:0 auto; margin-top:50px; margin-bottom:50px;}
.mgxxy_ul .ul_li li{ float:left; width:130px; height:130px; border:1px solid #012c8c; border-radius:50%; margin-left:23px;}
.mgxxy_ul .ul_li li span{ float:left; width:100%; text-align:center; font-weight:bold; font-size:14px; line-height:20px;margin-top:40px;}
.mgxxy_ul .ul_li li span b{ color:#012c8c;}
.mgxxy_ul .ul_li li:nth-child(1){ margin-left:0;}
.mgxxy_ul img{ float:left; width:100%;}





.xszx{ float:left; width:100%; height:740px; background: linear-gradient(to right,  #001d5f 0%,#184da7 100%);}
.xszx .span{ float:left; width:100%; text-align:center; font-size:36px; margin-top:175px; color:#FFF; margin-bottom:35px;}
.xszx .span_a{ display:table; width:680px; margin:0 auto; text-align:center; font-size:16px; color:#FFF; line-height:34px;}
.xszx ul{ width:910px; margin:0 auto; margin-top:55px;}
.xszx ul li{ float:left; width:155px; text-align:center; color:#FFF; font-size:14px; line-height:20px; padding-top:60px; margin-left:33px; background:url(../image/xszx.png) 57px 0px no-repeat;}
.xszx ul li:nth-child(1){ margin-left:0;}
.xszx ul li:nth-child(2){ background-position:57px -100px;}
.xszx ul li:nth-child(3){ background-position:57px -200px;}
.xszx ul li:nth-child(4){ background-position:57px -300px;}
.xszx ul li:nth-child(5){ background-position:57px -390px;}
.xszx_ul{ width:1300px; margin:0 auto;}
.xszx_ul .span{ float:left; width:100%; text-align:center; font-size:36px; margin-bottom:30px;}
.xszx_ul .span_a{ float:left; width:100%; text-align:center; font-size:16px; line-height:34px; margin-bottom:60px;}
.xszx_ul .ul{ display:block; margin:0 auto; width:1015px; margin-bottom:70px;}
.xszx_ul .ul li{ float:left; width:155px; text-align:center; font-size:14px; line-height:20px; padding-top:60px; margin-left:60px; background:url(../image/xszx_a.jpg) 57px 0px no-repeat;}
.xszx_ul .ul li:nth-child(1){ margin-left:0;}
.xszx_ul .ul li:nth-child(2){ background-position:57px -100px;}
.xszx_ul .ul li:nth-child(3){ background-position:57px -200px;}
.xszx_ul .ul li:nth-child(4){ background-position:57px -300px;}
.xszx_ul .ul li:nth-child(5){ background-position:57px -390px;}
.xszx_ul .ul_li{ display:block; margin:0 auto; width:957px;}
.xszx_ul .ul_li li{ float:left; width:142px; text-align:center; font-size:14px; line-height:20px; padding-bottom:30px; margin-left:60px; }
.xszx_ul .ul_li li samp{ display:block; margin:0 auto; width:109px; height:109px; background:url(../image/xszx_ul.jpg) no-repeat;}
.xszx_ul .ul_li li span{ float:left; width:100%; text-align:center; margin-top: 15px;}
.xszx_ul .ul_li li:nth-child(1){ margin-left:0;}
.xszx_ul .ul_li li:nth-child(6){ margin-left:0;}
.xszx_ul .ul_li li:nth-child(2) samp{ background-position:0 -109px;} 
.xszx_ul .ul_li li:nth-child(3) samp{ background-position:0 -218px;}
.xszx_ul .ul_li li:nth-child(4) samp{ background-position:0 -327px;}
.xszx_ul .ul_li li:nth-child(5) samp{ background-position:0 -436px;}
.xszx_ul .ul_li li:nth-child(6) samp{ background-position:0 -545px;}
.xszx_ul .ul_li li:nth-child(7) samp{ background-position:0 -654px;}
.xszx_ul .ul_li li:nth-child(8) samp{ background-position:0 -763px;}
.xszx_ul .ul_li li:nth-child(9) samp{ background-position:0 -872px;}
.xszx_ul .ul_li li:nth-child(10) samp{ background-position:0 -981px;}
.xszx_ul img{ float:left; width:100%;}





.khzx{ float:left; width:100%; height:740px; background:url(../image/khzx.jpg) center no-repeat;}
.khzx .span{ float:left; width:100%; text-align:center; font-size:36px; margin-top:175px;margin-bottom:35px;}
.khzx .span_a{ display:table; width:890px; margin:0 auto; text-align:center; font-size:16px; line-height:34px; color: #333;}
.khzx ul{ width:785px; margin:0 auto; margin-top:50px;}
.khzx ul li{ float:left; width:124px; height:124px; border:1px solid #0d3691; border-radius:50%; margin-left:38px;}
.khzx ul li span:nth-child(1){ float:left; width:100%; text-align:center; color:#5769a6; font-weight:bold; font-size:14px; line-height:20px;margin-top:30px;}
.khzx ul li span:nth-child(2){ float:left; width:100%; text-align:center; font-weight:bold; font-size:14px; line-height:20px;}
.khzx ul li:nth-child(1){ margin-left:0;}
.khzx ul li:nth-child(1) span:nth-child(1),.khzx ul li:nth-child(5) span:nth-child(1){ margin-top:40px;}
.khzx #bat_p5{  color: #000;}

.khzx_ul{ width:1300px; margin:0 auto;}
.khzx_ul .span{ float:left; width:100%; text-align:center; font-size:36px; margin-bottom:30px;}
.khzx_ul .span_a{ float:left; width:100%; text-align:center; font-size:16px; line-height:34px; margin-bottom:60px;}
.khzx_ul ul{ width:785px; margin:0 auto; margin-top:50px;}
.khzx_ul ul li{ float:left; width:124px; height:124px; border:1px solid #0d3691; border-radius:50%; margin-left:38px;}
.khzx_ul ul li span:nth-child(1){ float:left; width:100%; text-align:center; color:#5769a6; font-weight:bold; font-size:14px; line-height:20px;margin-top:30px;}
.khzx_ul ul li span:nth-child(2){ float:left; width:100%; text-align:center; font-weight:bold; font-size:14px; line-height:20px;}
.khzx_ul ul li:nth-child(1){ margin-left:0;}
.khzx_ul ul li:nth-child(1) span:nth-child(1),.khzx ul li:nth-child(5) span:nth-child(1){ margin-top:40px;}


.ppsjzx{ float:left; width:100%; height:740px; background:url(../image/ppsjzx.jpg) center no-repeat;}
.ppsjzx .span{ float:left; width:100%; text-align:center; font-size:36px; margin-top:175px;margin-bottom:35px;}
.ppsjzx .span_a{ display:table; width:890px; margin:0 auto; text-align:center; font-size:16px; line-height:34px; color: #000;}
.ppsjzx ul{ width:713px; margin:0 auto; margin-top:50px;}
.ppsjzx ul li{ float:left; width:124px; height:124px; border:1px solid #0d3691; border-radius:50%; margin-left:38px;}
.ppsjzx ul li span{ float:left; width:100%; text-align:center; font-weight:bold; font-size:14px; line-height:22px; margin-top:40px;}
.ppsjzx #bat_p5{  color: #000;}
.ppsjzx_ul{ width:1300px; margin:0 auto;}
.ppsjzx_ul img{ float:left; width:100%;}
.ppsjzx_ul .div{ float:left; width:100%;}
.ppsjzx_ul .div_a{ float:left;padding:75px 75px 75px 65px; width:503px; height:478px;  background:#f7f7f7;}
.ppsjzx_ul .div_a span{ float:left; width:100%;}
.ppsjzx_ul .div_a span:nth-child(1){font-size:36px; color:#19110b;}
.ppsjzx_ul .div_a span:nth-child(2),.ppsjzx_ul .div_a span:nth-child(4){ font-weight:bold;font-size:24px; color:#012c8c; margin-top:50px; margin-bottom:20px;}
.ppsjzx_ul .div_a span:nth-child(3),.ppsjzx_ul .div_a span:nth-child(5){ font-size:16px; color:#19110b; line-height:34px;}
.ppsjzx_ul .div_b{ float:left;padding:75px 75px 75px 65px; width:503px; height:470px;  border:4px solid #f7f7f7;}
.ppsjzx_ul .div_b span{ float:left; width:100%;}
.ppsjzx_ul .div_b span:nth-child(1){font-size:36px; color:#19110b;}
.ppsjzx_ul .div_b span:nth-child(2),.ppsjzx_ul .div_b span:nth-child(4){ font-weight:bold;font-size:24px; color:#012c8c; margin-top:50px; margin-bottom:20px;}
.ppsjzx_ul .div_b span:nth-child(4){ margin-top:63px;}
.ppsjzx_ul .div_b span:nth-child(3),.ppsjzx_ul .div_b span:nth-child(5){ font-size:16px; color:#19110b; line-height:34px;}

/*.ppgl{ float:left; width:100%; height:740px; background:url(../image/ppgl.jpg) center no-repeat;}*/
.ppgl{ float:left; width:100%; height:740px; background: #fff;}
.ppgl .span{ float:left; width:100%; text-align:center;font-size:36px; margin-top:175px;margin-bottom:35px; color:#000;}
.ppgl .span_a{ display:table; width:890px; margin:0 auto; text-align:center; font-size:16px; line-height:34px; color:#000;}
.ppgl ul{ width:495px; margin:0 auto; margin-top:50px; color:#000;}
.ppgl ul li{ float:left; width:124px; height:124px; border:3px solid #002fde; border-radius:50%; margin-left:50px;}
.ppgl ul li span{ float:left; width:100%; text-align:center; font-size:14px; line-height:20px;margin-top:40px;}
.ppgl ul li:nth-child(1){ margin-left:0;}
.ppgl_ul{ width:1300px; margin:0 auto;}
.ppgl_ul .span{ float:left; width:100%; text-align:center; font-size:36px;}
.ppgl_ul .span_a{ float:left; width:100%; text-align:center; font-size:16px; line-height:34px; margin-top:20px;}
.ppgl_ul img{ float:left; width:100%;}

.xls{ float:left; width:100%; height:740px; background:url(../image/xls.jpg) center no-repeat;}
.xls .span{ float:left; width:100%; text-align:center; font-size:36px; margin-top:175px;margin-bottom:35px; color:#FFF;}
.xls .span_a{ display:table; width:890px; margin:0 auto; text-align:center; font-size:16px; line-height:34px; color:#FFF;}
.xls ul{ width:495px; margin:0 auto; margin-top:50px; color:#FFF;}
.xls ul li{ float:left; width:124px; height:124px; border:3px solid #002fde; border-radius:50%; margin-left:50px;}
.xls ul li span{ float:left; width:100%; text-align:center; font-size:14px; line-height:20px;margin-top:40px;}
.xls ul li:nth-child(1){ margin-left:0;}
















#bat_p5{ float:left; width:100%; text-align:center; margin-top:10px; color:#FFF;} 
#gdtw1{ margin-bottom:22px;}
#gdtw1,#gdtw2{width:100%;height:308px;}
#gdtw1 ul,#gdtw2 ul{padding:5px}
#gdtw1 ul li,#gdtw2 ul li{list-style-image: none;list-style-type: none;float:left;margin:0 10px;width:466px;height:308px;}
#gdtw1 ul li img,#gdtw2 ul li img{width:466px;height:308px;}

.open { position: relative; margin:0 auto; background-color: #333; width:144px; height:40px; overflow:hidden; border-radius:5px; margin-top:100px;}
.open span{  position: absolute; z-index: 5;color: #fff;line-height: 40px;font-size: 14px;font-weight: 400; margin:0; margin-left:35px; }
.open img{ position: absolute;z-index: 5;margin-left: 80px; margin-top:10px;width: 20px;height: 20px;overflow: hidden;}
.open .over{transition: all .6s;width: 144px;height: 40px;overflow: hidden;background-color: #555;position: absolute;bottom: -40px;left: 0;z-index: 2;}
.open:hover .over{bottom: 0;left: 0;z-index: 4;}



.breathe {position:relative;width:310px;height:310px;margin:40px auto;line-height:40px;border:10px solid #002fde;border-radius:50%;color:#fff;font-size:20px;text-align:center;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;top:-325px; left:-8px;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-name:breathe;
	-webkit-animation-duration:1000ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
}

.breathe-btn {position:relative;width:322px;height:322px;margin:40px auto;line-height:40px;border:9px solid #002fde;border-radius:50%;color:#fff;font-size:20px;text-align:center;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;top:-309px;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-name:breathe;
	-webkit-animation-duration:1000ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
}

@-webkit-keyframes breathe {
	0% {
	opacity:.2;
	box-shadow:0 1px 2px rgba(255,255,255,0.1);
}
100% {
	opacity:1;
	border:9px solid rgba(0,47,222,1);
	box-shadow:0 1px 30px rgba(0,47,222,1);
}
}


.demo-class .layui-layer-setwin {top: 85%;right:48.5%;}
.demo-class .layui-layer-setwin .layui-layer-close2{ width:50px; height:90px;background:url(../image/db.png) no-repeat;top: 36px;}
.demo-class .layui-layer-setwin .layui-layer-close2:hover{background-position:0;}







/*产品研发*/
.styles{ display:block; width:100%; height:725px; overflow:hidden; background:url(../image/window_1.jpg) center no-repeat;}
.styles span{ float:left; width:100%; margin-left:10%;}
.styles span:nth-child(1){ width:212px; margin-top:129px;}
.styles span:nth-child(2){ font-size:36px; font-weight:bold; margin-top:88px;}
.styles span:nth-child(3){ font-size:30px; width:575px; margin-top:45px;}
.styles samp{ display:block; margin-left:10%; width:210px; margin-top:170px;}
.window_ul{ width:1300px; margin:0 auto;}
.window_ul .span{ float:left; width:100%; text-align:center; font-size:36px;}
.window_ul .span_a{ float:left; width:100%; text-align:center; font-size:16px; line-height:34px; margin-top:20px;}
.window_ul ul{ float:left; width:100%; margin-top:20px;}
.window_ul ul li{ float:left; width:178px; height:168px; margin-left:6px;}
.window_ul ul li:nth-child(1){ margin-left:0;}
.window_ul ul li img{ float:left; width:100%; height:138px;}
.window_ul ul li span{ float:left; width:100%; color:#FFF; text-align:center; line-height:30px; background:#012c8c; font-size:14px;}
/*服务体验*/
.fwtycyh_ul{ width:1300px; margin:0 auto; position: relative;}
.fwtycyh_ul .span{ float:left; width:100%; text-align:center; font-size:36px;}
.fwtycyh_ul .span_a{ float:left; width:100%; text-align:center; font-size:16px; line-height:34px; margin-top:20px;}
.fwtycyh_ul ul{ display:block; width:1277px; margin:0 auto; margin-top:65px;}
.fwtycyh_ul ul li{ float:left; width:118px; height:180px; background:url(../image/jt.jpg) 140px 54px no-repeat; padding-right:46px;}
.fwtycyh_ul ul li samp{ float:left; width:114px; height:114px; border:2px solid #d3d3d3; border-radius:50%; background:url(../image/fwtycyh_1.jpg) 30px 30px no-repeat;}
.fwtycyh_ul ul li span{ float:left; width:100%; text-align:center; font-size:14px; line-height:20px; margin-top:22px;}
.fwtycyh_ul ul li:last-child{ padding-right:0; background:0;}
.fwtycyh_ul ul li:nth-child(2) samp{ background-position:-134px 30px;}
.fwtycyh_ul ul li:nth-child(3) samp{ background-position:-295px 30px;}
.fwtycyh_ul ul li:nth-child(4) samp{ background-position:-460px 30px;}
.fwtycyh_ul ul li:nth-child(5) samp{ background-position:-635px 30px;}
.fwtycyh_ul ul li:nth-child(6) samp{ background-position:-800px 30px;}
.fwtycyh_ul ul li:nth-child(7) samp{ background-position:-965px 30px;}
.fwtycyh_ul ul li:nth-child(8) samp{ background-position:-1130px 30px;}
.mgxx1{ position: relative;}
.mgxxa1{ position: absolute;left: 16.6%; bottom: 0; color: #fff; font-size: 48px; line-height: 48px;}
.mgxx2{ position: relative;}
.mgxx2 img{ position: relative;}
.mgxxa2{ position: absolute; top: 45px; left: 16.6%; color: #fff; font-size: 16px; line-height: 32px;}
.mgxx5{ position: relative;}
.mgxxa5{ position: absolute;left: 16.6%; top: 33px; color: #fff; font-size: 48px; line-height: 60px;}
.mgxx6{ position: relative;}
.mgxxa6{ position: absolute;left: 16.6%; top: 75px; color: #fff; }
.mgxxa6 span:nth-child(1){ float: left; width: 100%; font-size: 48px; margin-bottom: 9px;}
.mgxxa6 span:nth-child(2){ float: left; font-size: 36px; padding-right: 60px; background:url("../image/mgxxa6.png") 124px center no-repeat;}
.mgxxa6 span:nth-child(3){ float: left; font-size: 36px; padding-right: 60px; background:url("../image/mgxxa6.png") 120px center no-repeat;}
.mgxxa6 span:nth-child(4){ float: left; font-size: 36px;}
.mgxxa6 span:nth-child(5){ float: left; width: 100%; font-size: 16px; margin-top: 52px;}

/*开启合作*/
.kqhz_a{ width:1100px; margin:0 auto;}
.kqhz_a span{ float:left; width:100%; text-align:center;}
.kqhz_a span:nth-child(1){ font-size:36px;}
.kqhz_a span:nth-child(2){ font-size:16px; line-height:32px; margin-top:45px;}
.kqhz{width:100%;background:url(../image/kqhz_bg.png) no-repeat;background-size:100%;padding-bottom: 16%;padding-top: 6%;}
.kqhz img{display:block}
.kqhz .kqhz_b{width:100%;}
.kqhz .kqhz_b .kqhz_bb{ margin-left:50%;}
.kqhz .kqhz_b .kqhz_bb form{width:60%;}
.kqhz .kqhz_b .kqhz_bb form input{ float:left; width:50%; height:30px; margin:0; padding:0; border:0; margin-bottom:10px; border-radius:5px; padding-left:20px; font-size:14px; background:rgba(255,255,255,0.8);}
.kqhz .kqhz_b .kqhz_bb form input:nth-child(2n){ float:right;}
.kqhz .kqhz_b .kqhz_bb form input:nth-child(-n+4){ width:50%;}
.kqhz .kqhz_b .kqhz_bb form textarea{ float:left; width:97%; height:90px; margin:0; padding:0; border:0; margin-bottom:10px; border-radius:5px; padding-left:20px; font-size:14px; background:rgba(255,255,255,0.8); padding-top:10px;}
.kqhz .kqhz_b .kqhz_bb form button{ float:left; width:60%; height:30px; line-height:30px; text-align:center; font-size:14px; color:#FFF; border:0; margin:0; padding:0; background:linear-gradient(to right, #001d5f , #184da7); border-radius:5px;}
#sjld{float:left; width:100%;    margin-bottom: 18px;}
.m_zlxg{float:left; width:29%;height: 44px;line-height: 44px;border-radius: 5px;padding-left: 20px;font-size: 16px;background: rgba(255,255,255,0.8); position:relative;}
.m_zlxg:nth-child(2){ margin:0 12px;}
.m_zlxg span {float: left;font-size: 16px;line-height: 61px;width: 96px;}
.m_zlxg p{float: left;width: 100%;font-size: 16px;margin: 0;padding: 0;text-align: left;border: 0;}
.m_zlxg2{ position:absolute; top:44px; left: 0; border:1px solid #ded3c1;background:#fff; width:100%; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap; z-index: 9;}
.m_zlxg2 li{line-height:28px;white-space:nowrap; padding-left:10px;font-family:"微软雅黑";color:#333333; font-size:12px;}
.m_zlxg2 li:hover{ color:#7a5a21;}




.city-picker-selector .selector-item:nth-child(2){ margin:0 12px;}
.city-picker-selector .selector-item {float: left; font-size: 16px; width: 29%;height: 30px; line-height: 30px; border-radius: 5px; padding-left: 20px;background: rgba(255,255,255,0.8); position: relative;    margin-bottom: 10px;}
.city-picker-selector .selector-name {color: #333;font-size: 14px;display: block;text-indent: 5%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.city-picker-selector .hide {display: none;}
.city-picker-selector .selector-list {border: 1px solid #ccc;background: #fff;width: 100%;position: absolute;top: 36px;left: -1px;z-index: 1;}
.city-picker-selector ul {max-height: 160px;overflow-x: hidden;overflow-y: auto;}
.city-picker-selector li:first-child {border-top: none;}
.city-picker-selector li {border-top: 1px solid #ccc;color: #333;cursor: pointer;width: 90%;padding: 0 5%;height: 30px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}