@charset "utf-8";
.newstitle{ width: 100%; text-align:center;padding-bottom: 10px; margin-top: 35px;}
.newstitle li{ font-size: 18px; color: #666666; display: inline-block;width: 120px; margin: 0 10px; font-weight: normal;}
.onli{ color:#ffffff !important; width: 120px; height:36px; line-height: 36px; display: inline-block; border-radius: 20px; background:url(../images/news_b.png);/* background: -webkit-linear-gradient(top right, #3f95fd , #65d5ff);
	background: -o-linear-gradient(top right,   #3f95fd , #65d5ff);
	background: -moz-linear-gradient(top right,  #3f95fd , #65d5ff);
	background: linear-gradient(top right,  #3f95fd , #65d5ff);*/ }
.onli a{ color:#ffffff !important; width: 120px; height:36px; line-height: 36px; display: inline-block; border-radius: 20px; background:#00d3d6; font-weight: normal;/* background: -webkit-linear-gradient(top right, #3f95fd , #65d5ff);
	background: -o-linear-gradient(top right,   #3f95fd , #65d5ff);
	background: -moz-linear-gradient(top right,  #3f95fd , #65d5ff);
	background: linear-gradient(top right,  #3f95fd , #65d5ff);*/ }
.news_main{ width: 100%; margin-top: 40px; padding-left: 30px;}
.news_main .item{ width: 574px; padding:10px;box-shadow: 0 0 12px rgba(12, 95, 90, .15); float: left;  border: 1px solid #f0f5f5 ;background: #ffffff; margin-bottom: 25px; border-radius: 5px; font-weight:normal; }
.news_main .item:hover{ box-shadow: 0 0 12px rgba(12, 95, 90, .2);  border: 1px solid #00d3d5 ;border-radius: 5px;}
.news_main:nth-child(1){margin-right: 20px;}
.news_main .item:nth-of-type(odd){margin-right: 20px;}

.news_main .item img{ width: 185px; height: 110px; float: left}
.news_main .item .mainbox{ width: 367px;padding-left: 10px; float: left}
.news_main .item .mainbox .title{ font-size: 16px; padding-top:8px;}
.news_main .item .mainbox .titlesub{font-size: 14px; color: #a8a8a8; margin: 5px 0}
.news_main .item .mainbox .submargin{ margin-top: 10px;}
a.morea:link {color:#00d3d5;float: right; font-size: 14px; }
a.morea:visited {color:#00d3d5;}
a.morea:hover {color:#333333;}
a.morea:active {color:#1fb5a4;}
/*fouryi*/
.fouryi-title{width:1210px;}
.fouryi-title ul{ margin:0; padding:0}
.fouryi-title ul li{width:201px; height:90px; display:inline-block; margin:60px 0px 15px 0px; cursor:pointer}
.fouryi-title ul li:hover .title a{color:#ffffff}
.five-right{margin-right:47px !important}
.foryili01{background:url(../images/bb01.png);}
.foryili02{background:url(../images/bb02.png);}
.foryili03{background:url(../images/bb03.png);}
.foryili04{background:url(../images/bb04.png);}
.foryili05{background:url(../images/bb05.png);}
.foryili01.on{background:url(../images/bb0101.png);}
.foryili02.on{background:url(../images/bb0201.png);}
.foryili03.on{background:url(../images/bb0301.png);}
.foryili04.on{background:url(../images/bb0401.png);}
.foryili05.on{background:url(../images/bb0501.png);}
.fouryi-title ul li.on .title a{color:#00bfa8}
.foryili01:hover{background:url(../images/bb0101.png);}
.foryili02:hover{background:url(../images/bb0201.png);}
.foryili03:hover{background:url(../images/bb0301.png);}
.foryili04:hover{background:url(../images/bb0401.png);}
.foryili05:hover{background:url(../images/bb0501.png);}
.fouryi-title ul li .title a{ font-size:19px; color:#666666; font-weight:500; display:block; padding-top:65px;text-align: center}
.fouryi-title ul li:nth-child(5n) {
    margin-right:0% !important;
}


.fouryi{width:1210px;  display:none; position:relative; border-top: 3px solid #f2f2f2;height:488px;}
.fouryi .lihen{ background:#00d3d5; height:3px; width:201px; position:absolute;top:-3px;}
.fouryi .titlebox{ padding-top:15px; padding-left:59px; padding-right:40px; float:left; height:460px;}
.titleboxtext{ font-size:20px; padding-left:10px; padding-top:5px; line-height:180%; color: #333333;padding-bottom: 17px;}
.titleboxtext_more{margin-top:0px;margin-right:100px;display:block;clear:both;overflow:hidden; border:2px #00d3d5 solid; width:110px; height:35px; font-size:16px; color:#00d3d5; display:inline-block; border-radius:5px; line-height:35px ; text-align:center; vertical-align: middle; cursor:pointer
	 }
 .titleboxtext_more:hover{ background:#00d3d5; color:#ffffff}
.title_five{background:url(../images/title_ba.png); width:111px; height:39px; font-size:24px; color:#333333;
	font-weight: 600; text-indent:8px;}
.fouryi .contact{ color:#666666; font-size:14px; float:left; margin-left:50px;margin-top:40px;}
.fouryi .contact li{padding-left: 5px;}
.fouryi .contact li h3{ font-size:18px; color:#333333; font-weight:500}
.fouryi .contact li p{ padding-left:29px; padding-bottom:25px;}
.fouryi .contact li h3 img{ vertical-align:middle; margin-right: 5px;}
.five_left{position:absolute;left:0;top:550px;cursor:pointer}
.five_right{position:absolute;right:0;top:550px;cursor:pointer}

/*fouryi*/
/* CSS Document */
#cnzz_stat_icon_1254797344{ margin-left:30px;}
.titlets{letter-spacing:-25px; padding-right:25px; color:#238d81 !important; font-size:34px  !important; display:inline-block  !important;}
.zxbox{ background:#00d3d5; font-size:16px; line-height:20px !important; padding-top:5px; height:45px;} 

.qqbox{ background:url(../images/fix-ico.png) -100px 8px #00d3d5; height:50px;} 
.qqbox:hover{background:url(../images/fix-ico.png) 0px 8px #00d3d5}
.qqbox:hover .qq_box { display:block; right:145px; }
.qq_box{ background:#00d3d5; width:150px; height:50px;line-height:50px; color:#FFF; text-align:center; display:none; position:relative; font-size:18px;}

.wxbox{ background:url(../images/fix-ico.png) -100px -50px #00d3d5; height:50px;} 
.wxbox:hover{background:url(../images/fix-ico.png) 0px -50px #00d3d5}
.wxbox:hover .wx_box { display:block; right:160px; top:-80px; }
.wx_box{ background:#00d3d5; width:150px; height:150px; color:#FFF; text-align:center; display:none; position:relative; font-size:18px; padding:10px 0}
.telbox{ background:url(../images/fix-ico.png) -100px -110px #00d3d5; height:50px;} 
.telbox:hover{background:url(../images/fix-ico.png) -0px -110px #00d3d5}
.telbox:hover .tel_box { display:block; right:145px; }
.tel_box{ background:#00d3d5; width:150px; height:50px;line-height:50px; color:#FFF; text-align:center; display:none; position:relative; font-size:18px;}
.phonebox{ background:url(../images/fix-ico.png) -100px -218px #00d3d5; height:50px;} 
.phonebox:hover{background:url(../images/fix-ico.png) -0px -218px #00d3d5}
.phonebox:hover .phone_box { display:block; right:145px; }
.phone_box{ background:#00d3d5; width:150px; height:50px;line-height:50px; color:#FFF; text-align:center; display:none; position:relative; font-size:18px;}
.zck_box{ width:50px; position:fixed; right:10px; top:200px; z-index:999}
.zck_box li{width:50px; border-radius:10px; margin:5px;  color:#FFF; text-align:center;-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;     font-weight: normal;}
.zck_box li:hover{ }

/*beiinghome*/
body{color:#111111;background: #fff; font-size:13px;-webkit-text-size-adjust: none; margin:0; padding:0; font-family:微软雅黑;}
body,html{height:100% }
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
img{border:0px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
.clear{ clear:both; line-height:0; height:0; font-size:0;}
a,area{blr:expression(this.onFocus=this.blur())}


a{text-decoration:none; color:#444;font-family:微软雅黑;}
a:hover{text-decoration:none; color:#00d3d5;font-family:微软雅黑;}
li{ list-style:none; font-family:微软雅黑;}
h1,h2,h3,h4,h5,h6,p,span,li,ul,em,div,table{font-family:微软雅黑;}
img{ border:0}
.backToTop {display: none; width: 18px; line-height: 1.2; padding: 10px 10px; background-color: #000; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 20px; bottom: 10px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60);}
.backToTop:hover{ background-color: #000;}

/*头尾公用文件*/
.logoright{float:left;width:200px; color:#ffffff; margin-right:20px; line-height:100%; height:60px; padding-top:15px;}
.logoright01{float:left;width:200px; color:#666666; margin-right:20px; line-height:100%; height:60px; padding-top:15px;}

.logoright .img{ background:url(../images/list.png); float:left;width:3px; height:54px}
.logoright01 .img{ background:url(../images/list01.jpg); float:left;width:3px; height:54px}

.logorighttext{float:left; padding-top:5px; padding-left:8px; text-align:center}
.main_box{ width:100%; clear:both; overflow:hidden}
.main_boxg{ width:100%; background:#fafafa; margin:20px auto; clear:both;overflow:hidden}
.main{ margin:0 auto; clear:both;width:1280px;}
.headerher{ clear:both;position: fixed; z-index: 100;left: 0px; top: 0px; width:100%;}
.hfix{ background:#ffffff;-webkit-box-shadow: 0 0 8px rgba(134, 134, 134, .3);
-moz-box-shadow: 0 0 8px rgba(134, 134, 134, .3);
box-shadow: 0 0 8px rgba(134, 134, 134, .3); height:75px;}
.header{ height:75px; line-height:75px; width:1200px;margin:0 auto;}

.header li{	padding: 0px 20px; vertical-align: top; display: inline-block; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;position:relative}
.header li a{ font-size:14px; color:#ffffff; padding: 0px 0px; height: 78px; text-align: center; color: rgb(255, 255, 255); line-height: 78px; overflow: hidden; display: block; position: relative; cursor: pointer; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.header li a::before{background: rgb(255, 255, 255); left: 0px; width: 0px; height: 2px; bottom: 13px; display: block; position: absolute; content: "\20"; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;
}
.header li:hover a::before {width: 100%;}
.header li.hover a::before {width: 100%;}
.header li.hover a {	}
.header li:hover a {	}


.hfixc{ height:75px; line-height:75px; width:1200px;margin:0 auto;}

.hfixc li{	padding: 0px 20px; vertical-align: top; display: inline-block; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.hfixc li a{ font-size:14px; color:#333333; padding: 0px 0px; height: 78px; text-align: center; line-height: 78px; overflow: hidden; display: block; position: relative; cursor: pointer; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.hfixc li a::before{/*background: rgb(38, 194, 186);*/ left: 0px; width: 0px; height: 2px; bottom: 13px; display: block; position: absolute; content: "\20"; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;
}
.hfixc li:hover a::before {width: 100%;}
.hfixc li.hover a::before {width: 100%;}
.hfixc li.hover a {color:#00d3d6}
.hfixc li:hover a {color:#00d3d6}
.hfixc li:hover{ font-size:19px; color:#ffffff;}
.hfixc .right01{padding:0 10px; text-align:center; float:right; height:44px; line-height:44px; width:111px; color:#FFF; font-size:16px; margin-top:15px; margin-left:30px; border:2px solid #ffffff; border-radius:8px; position: relative; left:0px;}
.hfixc .right01:hover{padding:0 10px; text-align:center; float:right; height:44px;line-height:44px; width:111px; color:#12afc8; background:#ffffff; font-size:16px; margin-top:15px; margin-left:30px; border:2px solid #ffffff; border-radius:8px; position: relative; left:0px;}
.hfixc .right02{padding:0 10px; text-align:center; background:url(../images/mfsy.png);float:right; height:48px; line-height:48px; width:115px; color:#ffffff;font-size:16px; margin-top:15px; margin-left:30px; border:0px solid #ffffff;  position: relative; left:0px;}
.hfixc .right02:hover{padding:0 10px; text-align:center; background:url(../images/mfsy.png); float:right; height:48px; line-height:48px; width:115px; color:#ffffff;font-size:16px; margin-top:15px; margin-left:30px; border:0px solid #ffffff;  position: relative; left:0px;}


.header li:hover{ font-size:19px; color:#ffffff; }
.header .right01{padding:0 10px; text-align:center; float:right; height:44px; line-height:44px; width:95px; color:#12afc8; background:#ffffff; font-size:14px; margin-top:15px; margin-left:30px; border:2px solid #ffffff; border-radius:8px; position: relative; left:0px;}
.header .right01:hover{padding:0 10px; text-align:center; float:right; height:44px; line-height:44px; width:95px; color: #ffffff; background:rgba(255,255,255,0.2); font-size:14px; margin-top:15px; margin-left:30px; border:2px solid #ffffff; border-radius:8px; position: relative; left:0px;}
.header .right02{padding:0 10px; text-align:center; background:#00d3d5; background-size:100%; float:right; height:48px; line-height:48px; width:95px; color:#ffffff;font-size:14px; margin-top:15px; margin-left:30px; border:0px solid #ffffff;  position: relative; left:0px;}
.header .right02:hover{padding:0 10px; text-align:center; background:url(../images/mfsy.png); float:right; height:48px; line-height:48px; width:95px; color:#ffffff;font-size:14px; margin-top:15px; margin-left:30px; border:0px solid #ffffff;  position: relative; left:0px;}

.logoimg01 img,.logoimg img{ opacity:0;
  filter:alpha(opacity=0);}
/*下拉菜单
.cpjs{ position: relative;display: inline-block;}
.xialacd{ display: none; position: absolute;background: rgba(255,255, 255, 0.4); min-width: 100px; text-align:center; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3); padding: 5px 0; z-index:999}
.cpjs:hover .xialacd{ display: block;}
.xialacd p{ margin:0; padding:0; height:40px; line-height:40px;}
.xialacd p a{ color:#FFF; font-size:15px;}
.xialacd p a:hover{ color:#3e8dcc; font-size:15px;}

.news{ position: relative;display: inline-block;}
.xialacd01{ display: none; position: absolute;background: rgba(255,255, 255, 0.4); min-width: 100px; text-align:center; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3); padding: 5px 0; z-index:999}
.news:hover .xialacd01{ display: block;}
.xialacd01 p{ margin:0; padding:0; height:35px; line-height:35px;}
.xialacd01 p a{ color:#FFF; font-size:15px;}
.xialacd01 p a:hover{ color:#3e8dcc; font-size:15px;}
.about{ position: relative;display: inline-block;}
.xialacd02{ display: none; position: absolute;background: rgba(255,255, 255, 0.4); min-width: 100px; text-align:center; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3); padding: 5px 0; z-index:999}
.about:hover .xialacd02{ display: block;}
.xialacd02 p{ margin:0; padding:0; height:35px; line-height:35px;}
.xialacd02 p a{ color:#FFF; font-size:15px;}
.xialacd02 p a:hover{ color:#3e8dcc; font-size:15px;}
下拉菜单*/

.footer{ background:#2f2f34; width:100%}
.footermain{ width:1220px; margin:0 auto; overflow:hidden; padding-bottom:20px;  font-size:14px;}
.footermain ul{ width:1220px;  border-bottom:1px solid #404045;font-size:14px;}
.footermain a{ color:#cccccc}
.footermain .a01{color:#111111; text-align:left; width:109px; float:left;  margin-top:30px; margin-right:120px;font-size:14px; margin-top: 85px;}
.footermain .a02{ width:165px; float:left; margin-top:40px;color:#cccccc; }
.footermain .a02 h3{ width:95px; font-size:15px;  padding-bottom:10px; margin-bottom:10px; color:#ffffff}
.footermain .a02 span{ display:block; line-height:200% ; width:82px; float:left;font-size:14px; font-weight: normal;}
.footermain .a02 span img{ margin-bottom:-5px;}
.footermain .a03 h3{  font-size:15px;  padding-bottom:10px; margin-bottom:10px; color:#ffffff}
.footermain .a03{ width:367px; float:left; margin-top:40px; color:#cccccc; margin-left:64px; line-height:200%; font-weight: normal;}
.footer_link{ border-top:1px solid #404045; width:1220px; margin:0 auto; color:#cccccc;line-height:220%; font-size:14px; padding-top:20px; padding-bottom:50px; font-weight: normal;}
.footermain  a:link{ color:#cccccc; font-size:14px}
.footermain  a:visited{ color:#cccccc; font-size:14px}
.footermain  a:hover{ color:#cccccc; font-size:14px}
.footermain  a:active{ color:#cccccc; font-size:14px}
.footer_link a:link{ color:#cccccc; font-size:14px}
.footer_link a:visited{ color:#cccccc; font-size:14px}
.footer_link a:hover{ color:#ffffff; font-size:14px}
.footer_link a:active{ color:#cccccc; font-size:14px}
/**/ 
.top_fivebox{ width:100%; margin-top:0; padding-bottom:10px; height:auto;}
.top_fivebox ul{ margin:0; padding:0;}
.top_fivebox ul li:hover{-webkit-transform: scale(1) ; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) ;box-shadow:8px 8px 12px rgba(168, 168, 168,0.5); z-index:10000; padding:0 0 5px 0; border-bottom:#58d1ca 8px solid; height:298px;}
.top_fivebox ul li{ width:289px; height:296px; text-align:center; float:left; border:0px solid #dddddd; margin:0 36px 0 0;padding:0 0 5px 0; background:#FFF; margin-left:-1px;transition: all .2s; border-radius:10px;box-shadow:1px 1px 4px rgba(168, 168, 168,0.5);}
.top_fivebox ul li h4{ font-family:微软雅黑; font-size:19px; font-weight:500; margin:0 auto; padding:0;color:#111111; padding-top:15px;}
.top_fivebox ul li p{font-size:14px; color:#111111; line-height:180%; text-align: center; padding:0 20px; margin:5px 0; margin-top:8px;}
.top_fivebox ul li .em01{ background: url(../images/by0202.png); height:118px; width:118px; display:inline-block; margin-top:32px;}
.top_fivebox ul li:hover .em01{ background: url(../images/by0101.gif); height:118px; width:118px; display:inline-block; margin-top:32px;}
.top_fivebox ul li .em02{ background: url(../images/by0203.png); height:118px; width:118px; display:inline-block; margin-top:32px;}
.top_fivebox ul li:hover .em02{ background: url(../images/by0102.gif); height:118px; width:118px; display:inline-block; margin-top:32px;}
.top_fivebox ul li .em03{ background: url(../images/by0204.png); height:118px; width:118px; display:inline-block; margin-top:32px;}
.top_fivebox ul li:hover .em03{ background: url(../images/by0104.gif); height:118px; width:118px; display:inline-block; margin-top:32px;}
.top_fivebox ul li .em04{ background: url(../images/by0205.png); height:118px; width:118px; display:inline-block; margin-top:32px;}
.top_fivebox ul li:hover .em04{ background: url(../images/by0105.gif); height:118px; width:118px; display:inline-block; margin-top:32px;}
.top_fivebox ul li:hover h4{ color:#58d1ca}

.hometitle_box{ text-align:center;  font-size:19px;font-family:"微软雅黑"; margin:40px auto; clear:both; margin-bottom:0; line-height:180%; font-weight: normal;}
.hometitle_box span{ display:block; text-align:center; font-family:"微软雅黑"; font-size:20px; color:#333333; margin-top:7px;}
.hometitle_box p{ text-align:center;padding:0 20px; background:#FFF; margin-top:-15px; margin-bottom:10px; font-size:16px; color:#a0a0a0;width:auto; display:inline-block !important; display:inline; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif}
.homenew_title{  font-family:'微软雅黑'; padding-top:0px; padding-bottom:10px; text-align:center;font-size:32px; color:#00d3d5}
.homenewg_title{ color:#ffffff; font-family:'微软雅黑'; padding-top:40px; padding-bottom:10px; text-align:center;font-size:32px; }

.hr01{height:2px;border:none; width:40px; margin-top:15px;border-top:3px solid #00d3d5;}
.hr02{height:2px;border:none; width:40px; margin-top:15px;border-top:3px solid #ffffff;}
.gnmk{ margin-top:20px; clear:both; margin-bottom:20px;height:450px; }
.gnmk .right{width:684px; float:left; background:#ffffff}
.gnmk .right ul{ margin:0; padding:0;width:308px; margin-left:5px; float:left;}
.gnmk .right ul h3{ height:50px; font-size:19px;box-shadow:1px 1px 4px rgba(168, 168, 168,0.5); line-height:50px; text-indent:10px; margin-top:15px; cursor:pointer;}
.gnmk .right ul h3 span{ display:block; width:12px; height:7px; background:url(../images/jt.jpg);float:right; margin:20px 10px 0 0}
.gnmkrightspan{ display:block; width:12px; height:7px; background:url(../images/jt1.jpg) !important}
.gnmk .right ul li{width:308px; font-size:14px;box-shadow:1px 1px 4px rgba(168, 168, 168,0.5); overflow:hidden; padding-bottom:10px; border-top:2px solid #58d1ca ; margin-top:2px; display:none; margin-bottom:40px;}
.gnmk .right p{ width:270px; float:left; padding-left:20px; line-height:28px; padding-top:10px; }
.gnmk .right li:before{ content:"  ."; color:#58d1ca; font-size:30px; float:left; position: relative;top:-2px; left:10px;}
.gnmk .right p:hover{ color:#58d1ca;}
.gnmk_img{float:left;  display: none; opacity:1; filter:alpha(opacity=100);}
.mfsymid{ background: url(../images/mfsydd.jpg); text-align:center;height:79px; line-height:79px; width:220px; color:#FFF; font-size:24px;  /*clear:both;*/ margin:20px auto; overflow:hidden}

a.mfsymida:link {color:#ffffff; height:72px; line-height:72px; width:220px; display:block; text-indent:22px;}
a.mfsymida:visited {color:#ffffff;height:72px; line-height:72px; width:220px; display:block; text-indent:22px;}
a.mfsymida:hover {color:#f1f1f1;height:72px; line-height:72px; width:220px; display:block; text-indent:22px;}
a.mfsymida:active {color:#ffffff;height:72px; line-height:72px; width:220px; display:block; text-indent:22px;}
a.morep:link {color:#59d1ca; font-size:20px;  display:block; float:right; padding-right:10px;}
a.morep:visited {color:#59d1ca; font-size:20px;  display:block;float:right; padding-right:10px;}
a.morep:hover {color:#3cb29f; font-size:20px;  display:block;float:right; padding-right:10px;}
a.morep:active {color:#59d1ca; font-size:20px;  display:block;float:right; padding-right:10px;}
.morepleft{ float:left !important;padding-left:50px;}
a.gnmk_a:link {color:#333333;}
a.gnmk_a:visited {color:#333333;}
a.gnmk_a:hover {color:#333333;}
a.gnmk_a:active {color:#333333;}
.main_box01{ background:url(../images/by08_d.jpg); width:100%; height:428px; background-position:center center;}
.main_box01 .box{ width:1298px; margin:0 auto; padding-top:65px;} 
.main_box01 .box li{ margin:0 55px; float:left}
.main_box01 .box li h3{ font-size:60px; text-align:center; margin:0; padding:0; font-weight:500}
.main_box01 .box li h3 span{ color:#00d3d5; font-weight:900px; font-size:60px; display:inline-block; background:#ffffff; width:60px; height:80px; border-radius:10px; margin:5px; }
.main_box01 .box li h4{ font-size:28px; text-align:center; margin:0; padding:0; font-weight:500; color:#ffffff}
.main_box01 .box li h3 hr{}



.ggdx{ width:1170px; margin:30px auto;overflow: hidden; padding: 30px;}
.ggdx ul{ margin:0; padding:0;  }
.ggdx ul li{float: left; width: 255px; height: 255px; border-radius: 15px;box-shadow: 0 0 15px rgba(134, 134, 134, .2);
    text-align: center; }
.ggdx ul li h3{ font-size:18px; color: #2ca995; line-height: 300%}
.ggdx ul li p{ color: #8c8c8c; font-size: 14px;}
.ggdx ul li img{ margin-top: 50px; margin-bottom: 10px;}
.margin50{ margin-right: 50px;}
.margin30{ margin-right: 30px;}
.marginbottom50{ margin-bottom: 67px;}
.marginmfdy{ margin: 70px auto 40px auto;overflow: hidden
}

.main_box02{ background:#f8f8f8; width:100%;  background-position:center center; padding-top: 10px;}
.main_box02_box{ width:1220px;padding: 20px; background-position:center center; margin:0 auto; margin-top:60px; padding-bottom: 50px;}
.main_box02_box ul{ margin:0; padding:0; overflow:hidden; padding-bottom:5px;}
.main_box02_box ul li{ width:380px; height:190px;-webkit-box-shadow: 0 0 8px rgba(134, 134, 134, .2);
-moz-box-shadow: 0 0 8px rgba(134, 134, 134, .2);
box-shadow: 0 0 8px rgba(134, 134, 134, .2); background:#ffffff; border-radius:0 6px 6px 0; float:left;
    margin-bottom: 40px;}
.main_box02_box ul li em{width: 190px;float: left}
.main_box02_box ul li .mainbox{width: 170px;float: left; height: 158px; padding-left: 20px; padding-top: 32px;
    cursor: pointer; }
.main_box02_box ul li .mainbox .title{font-size: 18px; color: #000000; padding-bottom: 10px; font-weight: 600}
.main_box02_box ul li .mainbox .titlesub{font-size: 14px; color: #8c8c8c; padding-bottom: 30px;}
.main_box02_box ul li .mainbox .mbox{color:#1fb5a4; font-size: 14px;}

.main_box02_box ul li .mainbox:hover{ background:#53c4be; height: 158px;border-radius:0 6px 6px 0;}
.main_box02_box ul li .mainbox:hover .title{ color: #ffffff}
.main_box02_box ul li .mainbox:hover .titlesub{ color: #ffffff}
.main_box02_box ul li .mainbox:hover  .mbox{color:#ffffff; }

a.mbox:link {color:#1fb5a4; font-size: 14px; }
a.mbox:visited {color:#1fb5a4;}
a.mbox:hover {color:#333333;}
a.mbox:active {color:#1fb5a4;}
/*客户见*/
.khjz_box{ background: url(../images/by12.jpg); height:233px; width:620px; margin-left:330px; margin-top:20px;}
.khjz_box h3{ font-size:19px; line-height:50px; margin:0px 50px 0 70px; border-bottom:1px solid #58d1ca; padding-top:20px;}
.khjz_box p{ font-size:14px; margin:10px 50px 10px 70px; line-height:180%;}
.khjz_img{height:267px; width:267px;-webkit-box-shadow: 3px 3px 10px rgba(134, 134, 134, .3);
-moz-box-shadow: 3px 3px 10px rgba(134, 134, 134, .3);
box-shadow: 3px 3px 10px rgba(134, 134, 134, .3); margin-left:20px; float:left; border-radius:50%;}
.khjz_img img{ border-radius:50%;}
/*客户见证轮播*/

/*-----------------*/

.slider, .slider .slider-img {
    overflow: hidden   ;
    height:340px;
}
.slider {
width:1150px;height:340px;position:relative;
    margin: 0 auto; margin-top:50px;
   
}
.slider:hover .slider-btn {
    color: #fff;
    text-shadow: 0 0 5px #666;
}
.slider .slider-img { width: 12000px; position: relative;}
.slider .slider-img .slider-img-ul { position: absolute;left: 0; top: 0; overflow: hidden;}
.slider .slider-img .slider-img-ul li { float: left;}
.slider-img-ul li{ margin:8px 100px;}
.slider .slider-img .slider-img-ul li img {

}
.slider .slider-dot ul {
    position: absolute;right: 50px; bottom: 30px; display:none
}
.slider .slider-dot ul li { cursor: pointer; width: 10px; height: 10px; border-radius: 50%;  background: #ccc;  border: 2px solid #fff;  float: left; margin-left: 10px;
}
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover {
    background: #fff;
}
.slider .slider-btn {
    position: absolute;
    width: 29px;
    height: 56px;
    top: 50%;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    text-decoration: none;
    font-family: '黑体';
    color: rgba(255, 255, 255, .5);
}
.slider .slider-btn:hover {
    background: rgba(125, 125, 125, .3);
}
.slider .slider-btn.slider-btn-left {
    left: 0px; background:url(../images/left1.png);
    margin-top: -50px;
}
.slider .slider-btn.slider-btn-right {
    right: 0px;background:url(../images/right1.png);
    margin-top: -50px;
}

/*客户见证轮播*/

/*时间轴*/
.main_box03{ background:url(../images/by13_d.jpg); width:100%; height:693px; background-position:center center;}
.fzlc_img{ margin:55px auto; width:1212px; height:366px; background:url(../images/by13.png)}
/*.jszbox{ width:189px; height:118px; background:url(../images/sjzbox.png); position:relative}
.jszbox h5{ color:#ffffff; font-size:19px; font-weight:500; padding:10px 0 0 15px;}
.jszbox p{ font-size:14px; color:#ffffff;padding:5px 10px 0 15px; line-height:180%}
.jszbox01{top:150px; left:30px;}
.jszbox02{top:-5px; left:155px;}
.jszbox03{top:-190px; left:470px;}
.jszbox04{top:-390px; left:728px;}
.jszbox05{top:-550px; left:830px;}
.jszbox06{top:-690px; left:945px;}*/
/*_______________________________________________________________________________________________________________________________________________________________*/


/*头尾公用文件*/
/*首页轮播图*/
.adv_home{width:100%;  text-align:center;/*min-height:572px; height:100%;*//*max-height:721px;*/ clear:both;  background-position:center; z-index:-10px;  background:#00d3d5; height: auto;}
.adv_home ul{ padding:0; margin:0}
#top{width:100%;text-align:center;}
.focus{height:100%;overflow:hidden;position:relative;}
/* focus_s */
.focus_s{position:absolute;left:48%;bottom:4%;height:13px;overflow:hidden;width:110px;z-index:9;margin:0 0 0 -30px ;}
.focus_s li{float:left;cursor:pointer;height:13px;width:12px;overflow:hidden;margin-right:10px;background:url(../images/dian.png) no-repeat;}
.focus_s li.active{background-position:-12px 0;}
/* focus_m */
.focus_m {height:100%}
.focus_m ul{opacity:1;filter:alpha(opacity=100); background:#50cdc5;height:100%}
.focus_m li{width:100%;height:100%;position:absolute;top:0;left:0; text-align:center}
.focus_m li .icon{ height:15%;/*calc(100% - 427px)*/}
/*
.focus_mlibg01{background:url('../images/baner01.png') 0 50% ; background-position:center center; text-align:center}
.focus_mlibg02{background:url('../images/baner02.png') 0 50% ;background-position:center center;text-align:center}
.focus_mlibg03{background:url('../images/baner03.png') 0 50% ;background-position:center center;text-align:center}
.focus_mlibg04{background:url('../images/baner04.png') 0 50% ;background-position:center center;text-align:center}
.focus_mlibg05{background:url('../images/baner05.png') 0 50% ;background-position:center center;text-align:center}
/* focus_l focus_r */
.focus_l,.focus_r{position:absolute;display:block;width:50px;height:75px;overflow:hidden;z-index:2;top:150px;}
.focus_l{left:0;}
.focus_r{right:0;}
.focus_l b,.focus_r b{position:absolute;z-index:1;display:block;width:50px;height:75px;overflow:hidden;background:#000;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.focus_l span,.focus_r span{display:inline-block;position:relative;z-index:2;width:40px;height:40px;top:21px;cursor:pointer; margin-right:28px;opacity:0;filter:alpha(opacity=0);}
.focus_l span{left:5px;background-image:url(../images/l.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/images/images2018/l.png');opacity:0;filter:alpha(opacity=0);}
.focus_r span{left:7px;background:url(../images/r.png) 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/images/images2018/r.png');opacity:0;filter:alpha(opacity=0);}
.focus_l:hover b,.focus_r:hover b{opacity:0;filter:alpha(opacity=0);}
/*首页轮播图*/


/*案例*/
.homeal{ width:1230px; clear:both; margin:0 auto; margin-bottom:30px;-webkit-box-shadow: 0 0 20px rgba(134, 134, 134, .8);
-moz-box-shadow: 0 0 20px rgba(134, 134, 134, .8);
box-shadow: 0 0 20px rgba(134, 134, 134, .3); background:#ffffff; border-top:5px solid #58d1ca ; overflow: inherit}
.homealtitle{ height:50px;font-size:19px; color:#eeeeee ; line-height:50px; border-bottom:1px solid #eeeeee}
.homealtitle b{ color:#001111; display:inline-block; text-indent:10px;}
.homealtitle a{ font-size:19px;}
.homeal ul{ margin:0; padding:0; padding-left:10px; padding-bottom:15px; padding-top:10px;overflow: inherit}
.homeal li{width: 224px;
float: left;
margin: 15px 8px;
border: 1px solid #fff; border-radius:5px;
-webkit-box-shadow: 0 0 8px rgba(134, 134, 134, .3);
-moz-box-shadow: 0 0 8px rgba(134, 134, 134, .3);
box-shadow: 0 0 8px rgba(134, 134, 134, .3);}
.homeal li:hover{width: 224px;
float: left;
margin: 15px 8px;;
border: 1px solid #fff; border-radius:5px;
-webkit-box-shadow: 0 0 20px rgba(134, 134, 134, .8);
-moz-box-shadow: 0 0 20px rgba(134, 134, 134, .8);
box-shadow: 0 0 20px rgba(134, 134, 134, .8); }

.homeal img{border-radius:5px;}


/*新闻*/
.new{width:1210px; height:470px; margin:0 auto}
.newsbox{ width:380px; float:left; margin-top:35px;border: 1px solid #fff; border-radius:5px;
-webkit-box-shadow: 0 0 5px rgba(134, 134, 134, .3);
-moz-box-shadow: 0 0 5px rgba(134, 134, 134, .3);
box-shadow: 0 0 5px rgba(134, 134, 134, .3); padding-bottom:30px; margin-right:30px; height:370px;}
.imgg{ height:208px; width:325px; position:relative; margin-bottom:10px !important;margin:0px 30px 0 30px; border:1px solid #C6C6C6}
.imgg:before{ content:""}
.imgg p{ position:absolute ; top:185px; background:#ffffff;opacity:0.5; height:25px;  width:338px;filter:alpha(opacity=50);}
.imgg p span{ color:#111111 !important; float:left !important; text-indent:4px;}
.newsbox h3{ font-size:19px; color:#111111; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin:30px 30px 20px 30px;}
.newsbox h3 p{ display: block; height:21px; border-left: 8px solid #58d1ca; padding-left:10px; line-height:20px;}
.newsbox h3 span{ float:right}
.newsbox h3 span a{ color:#58d1ca;font-size:14px;}
.newsbox li{ line-height:230%;margin:0px 30px 0 30px;}
.newsbox li:before{ content:"■ " ; font-size:8px; color:#58d1ca }
.newsbox li span{ float:right; color:#666666}
.newsboxwt{ width:380px; float:left; margin-top:35px;border: 1px solid #fff; border-radius:5px;
-webkit-box-shadow: 0 0 5px rgba(134, 134, 134, .3);
-moz-box-shadow: 0 0 5px rgba(134, 134, 134, .3);
box-shadow: 0 0 5px rgba(134, 134, 134, .3); padding-bottom:30px; margin-right:0px;height:370px;}
.newsboxwt h3{ font-size:19px; color:#111111; padding-bottom:10px; border-bottom:1px solid #eeeeee; margin:30px 30px 20px 30px;}
.newsboxwt h3 p{ display: block; height:21px; border-left: 8px solid #58d1ca; padding-left:10px; line-height:20px;margin:0;}
.newsboxwt h3 p:before{ content:""}
.newsboxwt h3 span{ float:right}
.newsboxwt h3 span a{ color:#58d1ca;font-size:14px;}
.newsboxwt li{ line-height:230%;margin:0px 30px 0 30px;}
.newsboxwt li:before{ content:url('../../images/images/images2018/qq.jpg') ; font-size:8px; color:#58d1ca; position:relative; top:3px; }
.newsboxwt li span{ float:right; color:#666666}
.newsboxwt p{ line-height:230%;margin:0px 30px 0 30px; margin-bottom:17px}
.newsboxwt p:before{ content:url('../../images/images/images2018/aa.jpg') ; font-size:8px; color:#58d1ca; position:relative; top:3px; }


/*时间轴*/

.slides-box {
    width: 1212px;
    height: 366px;
	 background: url(../images/by13.png);
    margin:auto;
    overflow: ;
}
.slides {
    position: relative;
     width:  189px;
    height: 118px;
    margin: auto;
    float: left;
}
.slides li {
	position: absolute;
    width:  189px;
    height: 118px; background:url(../images/sjzbox.png)
}

.slides li h5{ color:#ffffff; font-size:19px; font-weight:500; padding:10px 0 0 15px; margin:0;}
.slides li p{ font-size:14px; color:#ffffff;padding:5px 10px 0 15px; line-height:180%; margin:0;}
.jszbox01{top:180px; left:30px;}
.jszbox02{top:145px; left:155px;}
.jszbox03{top:100px; left:470px;}
.jszbox04{top:15px; left:728px;}
.jszbox05{top:-30px; left:830px;}
.jszbox06{top:-60px; left:945px;}
.slides li img{
    display: block;
    width: 100%;
    margin: auto;
}
.prev, .next {
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -40px;
    left: 0;
    height: 70px;
    width: 30px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    opacity: .5;
}
.prev:hover, .next:hover{
	opacity: .0;
}
.prev{
	background-image: url("");	opacity: .0;
}
.next {
    left: auto;
    right: 0;
    background-image: url("");	opacity: .0;
}
.pagination{ background:#0CF;
	position: absolute; 	bottom:120px;   
	z-index: 99;   height:0; 
}
.pagination li{
    padding: 5px 3px;
	float: left; position: relative;  /*filter:alpha(Opacity=100);-moz-opacity:0.9;opacity: 0.9; */
}
.pagination li em{ display:block; width:100px; font-size:20px;  text-align:left; color:#ffffff }
.pagination li:nth-child(1) em{position: absolute;  top:10px; left:20px;}
.pagination li:nth-child(2) em{position: absolute;  top:-20px; left:40px;}
.pagination li:nth-child(3) em{position: absolute;   top:20px; left:60px;}
.pagination li:nth-child(4) em{position: absolute;  top:-10px; left:-30px;}
.pagination li:nth-child(5) em{position: absolute;   top:15px; left:100px;}
.pagination li:nth-child(6) em{position: absolute;   top:-30px; left:110px;}
/*.pagination li:nth-child(1):before{ content:"45454545"}*/
/*.chengli01{ display: block; width:100px; font-size:19px; position:relative}
.pagination li a:nth-child(1) .chengli01{  top:50px; left:119px;}
.chengli01:nth-child(2){ top:15px; left:214px;}
.chengli01:nth-child(3){ top:-38px; left:506px;}
.chengli01:nth-child(4){ top:-118px; left:740px;}
.chengli01:nth-child(5){ top:-160px; left:812px;}
.chengli01:nth-child(6){ top:-190px; left:905px;}
.pagination .active .chengli01{ display:none; width:100px;}
.pagination li a:hover .chengli01{ display:none; width:100px;}*/
.pagination li:nth-child(1){  top:50px; left:119px;}
.pagination li:nth-child(2){ top:15px; left:214px;}
.pagination li:nth-child(3){ top:-38px; left:506px;}
.pagination li:nth-child(4){ top:-118px; left:740px;}
.pagination li:nth-child(5){ top:-160px; left:812px;}
.pagination li:nth-child(6){ top:-190px; left:905px;}
.pagination li a{
    display: block;
    width: 15px;
    height: 15px;
    line-height: 12px;
    border-radius: 25px;
    background: #ffffff;border:2px solid #4b5e5a; box-shadow: 0 0 0 10px rgba(0, 0, 0, .2)
	;color: #fff;
    text-align: center;
    font-family: Arial;
	text-decoration: none;
}
.pagination li a:hover{
    display: block;
    width: 15px;
    height: 15px;
    line-height: 12px;
    border-radius: 25px;
    background: #58d1ca;border:2px solid #4b5e5a; box-shadow: 0 0 0 15px rgba(0, 0, 0, .1)
	;color: #58d1ca;
    text-align: center;
    font-family: Arial;
	text-decoration: none;
}
.pagination .active{
	background:#58d1ca !important; color:#58d1ca; font-size:8px; width:15px; height:15px; border:2px solid #4b5e5a; box-shadow: 0 0 0 10px rgba(0, 0, 0, .2);
}
/*时间轴*/




/*内页框架*/
.main1220{ width:1220px; margin:0 auto; clear:both; overflow: hidden; padding:20px 0}
.main1220 img{ float:left}
.main1220ul{ width:700px; margin:0; padding:0; float:left}
.main1220ul h3{ color:#238d81; font-size:32px; font-weight:500; padding-left:30px; padding-bottom:30px;}
.main1220ul li{ font-size:19px; line-height:50px;}
.main1220ul li:before{ content:"■　"; color:#59d1ca; font-size:16px;}
.main1220ul p{ padding-left:30px; font-size:14px; line-height:180%;}
.main1220ulleft{ margin-left:20px;}
.main1220ulright{ margin-right:20px;}

.xxjs_cp{ background: url(../images/mfsydd.jpg); text-align:center;height:79px; line-height:79px; width:220px; color:#FFF; font-size:26px;  clear:both; margin:0 auto; overflow:hidden;
margin-top:10px;
 margin-bottom:100px;}
/*产品介绍bottom*/
.cpjs_fivebox{ width:100%; margin-top:0; padding-bottom:10px; height:auto;}
.cpjs_fivebox ul{ margin:0; padding:0;}
.cpjs_fivebox ul li:hover{-webkit-transform: scale(1) ; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) ;box-shadow:8px 8px 12px rgba(168, 168, 168,0.5); z-index:10000; height:135px;}
.cpjs_fivebox ul li{ width:270px; height:135px; text-align:center; float:left; border:0px solid #dddddd; margin:16px; background:#FFF;transition: all .2s; border-radius:10px;box-shadow:1px 1px 4px rgba(168, 168, 168,0.5);}
.cpjs_fivebox ul li h4{ font-family:微软雅黑; font-size:24px; font-weight:500; margin:0 auto; padding:0;color:#111111; margin-top:50px;}
/*解决方案*/
.jjfabox01{ width:600px; margin:0; padding:0; float:left}

.jjfabox01 h3{ color:#238d81; font-size:32px; font-weight:500; margin-top:20px;}
.jjfabox01 li{ width:600px; border-bottom:1px #238d81 solid; overflow:hidden; padding:15px 0;}

.jjfabox01 li span{ font-size:19px; line-height:50px; display:inline-block; float:left}

.jjfabox01 li span:before{ content:"■　"; color:#238d81; font-size:16px;}
.jjfabox01 li p{ padding-left:30px; font-size:14px; line-height:180%; display:inline-block; width:330px; float:left}

.jjfa_fivebox{ width:100%; margin-top:0; padding-bottom:10px; height:auto;}
.jjfa_fivebox ul{ margin:20px; padding:0;}
/*.jjfa_fivebox ul li:hover{-webkit-transform: scale(1) ; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) ;box-shadow:8px 8px 12px rgba(168, 168, 168,0.5); z-index:10000; height:200px;}*/
.jjfa_fivebox ul li{ width:280px; height:200px; text-align:center; float:left; border:0px solid #dddddd; margin:16px; background:#FFF;transition: all .2s; border-radius:10px;box-shadow:1px 1px 4px rgba(168, 168, 168,0.5); border-top:4px solid #58d1ca; position:relative; margin:0 50px; margin-bottom:100px;}
.jjfa_fivebox ul li:hover{ width:280px; height:200px; text-align:center; float:left; border:0px solid #dddddd; margin:16px; background:#FFF;transition: all .2s; border-radius:10px;box-shadow:3px 3px 10px rgba(168, 168, 168,0.5); border-top:4px solid #58d1ca; position:relative; margin:0 50px; margin-bottom:100px;}

.jjfa_fivebox ul li p{ position:absolute; bottom:-50px; font-size:14px; text-align:center; width:280px;}
.jjfa_fivebox ul li img{ margin:20px 80px;clear:both}
.jjfa_fivebox ul li h4{ font-family:微软雅黑; font-size:24px; font-weight:500; margin:0 auto; padding:0;color:#111111; margin:165px 110px -10px 110px; border-bottom:3px solid #58d1ca; clear:both}

/*校秀易*/
.main1220xxy{ width:1220px; margin:0 auto; clear:both; overflow: hidden; padding:20px 0}
.homexxy_title{ color:#25aaa5; font-family:'微软雅黑'; padding-bottom:30px;padding-top:30px; text-align:center;font-size:30px; border-bottom:1px #c9c9c9 solid;}
.hometitlexxy_box span{ display:block; text-align:center; font-family:"微软雅黑"; font-size:20px; color:#a0a0a0; margin-top:7px;}
.hometitlexxy_box p{  text-align:center;padding:0 20px; background:#FFF; margin-top:-15px; margin-bottom:10px; font-size:16px; color:#a0a0a0;width:auto; display:inline-block !important; display:inline; text-transform:uppercase; font-family:Verdana, Geneva, sans-serif}
.hometitlexxy_box{ text-align:center}
.xxy_box01{ width:970px; height:433px; background:url(../images/xxy01.jpg); margin:40px 0}
.xxy_box02{ width:970px; height:433px; background:url(../images/xxy02.jpg); margin:40px  0 40px 240px;}
.xxy_box03{ width:970px; height:433px; background:url(../images/xxy03.jpg); margin:40px 0}
.xxy_box04{ width:970px; height:433px; background:url(../images/xxy04.jpg); margin:40px  0 40px 240px;}
.xuy_box01{ width:981px; height:433px; background:url(../images/xuy01.jpg); margin:40px 0}
.xuy_box02{ width:981px; height:433px; background:url(../images/xuy02.jpg);margin:40px  0 40px 240px;}
.xuy_box03{ width:981px; height:433px; background:url(../images/xuy03.jpg); margin:40px 0}
.xuy_box04{ width:981px; height:433px; background:url(../images/xuy04.jpg);margin:40px  0 40px 240px;}
.xuy_box05{ width:981px; height:433px; background:url(../images/xuy05.jpg); margin:40px 0}
.xuy_box06{ width:981px; height:433px; background:url(../images/xuy06.jpg);margin:40px  0 40px 240px;}
.zsy_box01{ width:970px; height:433px; background:url(../images/zsy01.jpg); margin:40px 0}
.zsy_box02{ width:970px; height:433px; background:url(../images/zsy02.jpg); margin:40px  0 40px 240px;}
.zsy_box03{ width:970px; height:433px; background:url(../images/zsy03.jpg); margin:40px 0}
.zsy_box04{ width:970px; height:433px; background:url(../images/zsy04.jpg); margin:40px  0 40px 240px;}
.yuy_box01{ width:970px; height:433px; background:url(../images/yuy01.jpg);margin:40px  0 40px 240px;}
.yuy_box02{ width:970px; height:433px; background:url(../images/yuy02.jpg);  margin:40px 0}
.yuy_box03{ width:970px; height:433px; background:url(../images/yuy03.jpg);margin:40px  0 40px 240px;}
.yuy_box04{ width:970px; height:433px; background:url(../images/yuy04.jpg);  margin:40px 0}
.xxy_box{ width:300px; margin:0 0 0 500px; padding-top:130px;}
.xxy_box li h3{ font-size:32px; line-height:50px; color:#238d81  }
.xxy_box li h3:before{ content:"■　"; color:#238d81; font-size:16px;}
.xxy_box li p{ font-size:19px; margin-left:30px; line-height:180%}
.xxy_boxright{ width:300px; margin:0 0 0 180px; padding-top:130px;}
.xxy_boxright li h3{ font-size:32px; line-height:50px; color:#238d81  }
.xxy_boxright li h3:before{ content:"■　"; color:#238d81; font-size:16px;}
.xxy_boxright li p{ font-size:19px; margin-left:30px; line-height:180%}
/*内页baner*/ 
.adv_pro{width:100%; background:#0067b5; text-align:center;  height:575px; background:url(../images/baner_d.jpg); background-position:center;}
.adv_fzxd_box h2{ font-size:55px; word-spacing:3px; letter-spacing:3px;color:#FFF;  font-family:微软雅黑; font-weight:bold; margin:0px auto;padding-top:60px;animation:myfirst 1s;
	-webkit-animation:myfirst 1s;}
.adv_fzxd_box h3{text-transform : uppercase; font-size:16px; color:#FFF;  font-family:微软雅黑; font-weight:200; margin:0px auto; border:0;animation:mytwo 1s;
	-webkit-animation:mytwo 2s;}
.adv_fzxd_box ul{ margin:20px auto;animation:mythree 1s;
	-webkit-animation:mythree 2s;}
.adv_fzxd_box ul li{ margin:10px 20px;position:relative; display:inline-block;*display:inline;*zoom:1;}
.adv_fzxd_box ul li span{ display:block;font-size:15px; color:#FFF; font-weight:200; padding-top:5px; font-family:微软雅黑;}
.adv_fzxd_box .mfan{ cursor:pointer; margin:0 auto; margin-top:50px;font-family:微软雅黑; width:216px; text-align:left; text-indent:1em; height:67px;   font-size:22px; line-height:65px; background:url(../images/yuanjiao_banerx.png); color:#FFF; animation:myfor 2s;
	-webkit-animation:myfor 2s;}
.adv_fzxd_box .mfan:hover{cursor:pointer; margin:0 auto; margin-top:50px;font-family:微软雅黑;width:216px; text-align:left; text-indent:1em; height:67px;   font-size:22px; line-height:65px; background:url(../images/yuanjiao_banerxmf.png); color:#50cdc5;}

.adv_fzxd_box{ padding-top:100px;}

@keyframes myfirst
{
	0% { opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
	100% { opacity:100;-webkit-transform: scale(1) ; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}   

}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	0%{ opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}

	100% { opacity:100;-webkit-transform: scale(1) ; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}   
}
@keyframes mytwo
{
	0% { opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
	50%{ opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
	100% { opacity:100;-webkit-transform: scale(1) ; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}   

}

@-webkit-keyframes mytwo /* Safari and Chrome */
{
	0%{ opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
	50%{ opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
	100% { opacity:100;-webkit-transform: scale(1) ; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}   
}
@keyframes mythree
{
	0% { opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
	50%{ opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
	100% { opacity:100;-webkit-transform: scale(1) ; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}   

}

@-webkit-keyframes mythree /* Safari and Chrome */
{
	0%{ opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
	50%{ opacity:0;-webkit-transform: scale(1.2) ; -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
	100% { opacity:100;-webkit-transform: scale(1) ; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}   
}
@keyframes myfor
{
	0% { opacity:0;}
	50%{ opacity:0; }
	100% { opacity:100; }   

}

@-webkit-keyframes myfor /* Safari and Chrome */
{
	0%{ opacity:0;}
	50%{ opacity:0;}
	100% { opacity:100;}   
}
/*内页baner*/
/*面包导航*/
.mbdh_box{ width:100%; border-bottom:1px solid #cccccc; margin:10px 0; line-height:50px; }
.mbdh{ width:1100px; margin:10px auto;}
.mbdh:before{ content:url(../../images/images/images2018/home.jpg);}
.mbdh span{ display:inline-block; border-bottom:#4ce4db solid 1px;  float:right; color:#4ce4db; line-height:60px; margin-bottom:-1px;}

.mbdg{ line-height:60px;}

.new2018_box01{ background:url(../images/01.jpg); width:100%; height:154px; color:#ffffff; text-align:center; margin-bottom:3px;}
.new2018_box01 h5{color:#ffffff; font-size:24px; text-align:center;padding-top:15px;}
.new2018_box01 p{font-size:18px; display:inline-block;padding-top:15px;}
.new2018_box01 p span{ color:#ffdcb2}
.new2018_box02{ background:url(../images/02.jpg); width:100%; height:400px; color:#ffffff; text-align:center}
.new2018_box02 h5{color:#ffffff; font-size:20px; text-align:center;padding-top:2px;}
.new2018_box02 ul{ margin:0; padding:0;}
.new2018_box02 ul li{}
.hxnewshow01{ text-align:center; background:#ffffff; border:1px solid #4abcb5; margin-top:2px; font-size:16px; overflow:hidden; clear:both; height:160px; margin-top:-2px;}
.hxnewshow01 ul{ margin:0; padding:0; background:#ffffff; overflow:hidden}
.hxnewshow01 ul li{ text-align:left; padding:10px 22px 0 22px;}
.hxnewshow01 ul li img{ float:right;margin-top:-10px;}
.hxnewshow01 h4{ background:url(../images/07.jpg); border-radius:0 20px 20px 0; width:120px; height:32px; font-size:18px;color:#ffffff; line-height:32px; margin-top:15px;}
.hxnewshow01 p{ font-size:13px; padding-top:10px; margin-top:10px; border-top:1px solid #ffdcb2}
.hxnewshow01 p span{color:#ffdcb2}

.hitpm{margin-left:15px;}
.hitpm ul{ margin:0; padding:0; background:url(../images/08.jpg); background-repeat:no-repeat; overflow:hidden; }
.hitpm ul li{ margin:0; padding:0; float:left; width:49%;}
.hitpm ul li h2{ margin:0; padding:0; font-weight:0; font-size:13px; text-indent:20px;}
.xgnexs{ width:100%; overflow:hidden; margin-left:15px;}
.xgnexs li{ float:left; width:49%;}
.hitpm h3,.xgnexs h3{background:url(../images/07.jpg); margin-top:20px;border-radius:10px;;height:30px; color:#ffffff; line-height:30px;  width:91px; text-align:center; font-size:13px; font-weight:500}
.xgnexs ul li:before{ content:url(../../images/images/images2018/news/09.jpg);}


.mfsyan{padding:0 10px; text-align:center; height:44px; line-height:44px; width:111px; color:#ffffff;background: transparent;font-size:16px; position:absolute;bottom:100px;left:46%;border:2px solid #ffffff; border-radius:8px;  }
.mfsyan:hover{padding:0 10px; text-align:center; height:44px;line-height:44px; width:111px; color:#ffffff; background:rgba(255,255,255,0.2); position:absolute;bottom:100px; left:46%; font-size:16px; border:2px solid #ffffff; border-radius:8px; display:inline-block;}
/*首页解决方案效果*/
.main3qj{ width:1350px; text-align:center; clear:both; margin:0 auto; padding:0px 0}
.mrmfboxxhomehome_box{ position:relative; width:196px;height:280px;float:left;z-index:1;  padding:0 60px;}

.mrmfboxxhomehome{width:270px;height:248px; padding:0 22px;background:#ffffff; display: inline-block;*display:inline;*zoom:1;text-align:center; color:#111111; cursor:pointer;transition: all .2s;z-index:1;}
.mrmfboxxhomehome:hover{ width:270px; padding:0 22px; border:0px #fee5ee solid;height:250px;box-shadow: 0 0px 20px rgba(24, 182, 166, 0);-webkit-box-shadow: 0 0px 20px rgba(24, 182, 166, 0);
-moz-box-shadow: 0  0px 20px rgba(24, 182, 166, 0);
background:#ffffff;display: inline-block;*display:inline;*zoom:1;text-align:center; color:#111111; cursor:pointer; z-index:100;}

.mrmfboxxhomehome .img{margin: 23px auto; margin-bottom:0; transition: all .3s;width:110px;height:110px;}
.mrmfboxxhomehome .imgxx01{ background:url(../images/a01.jpg)}
.mrmfboxxhomehome:hover .imgxx01{ background:url(../images/a02.jpg)}
.mrmfboxxhomehome .imgxx02{ background:url(../images/b01.jpg)}
.mrmfboxxhomehome:hover .imgxx02{ background:url(../images/b02.jpg)}
.mrmfboxxhomehome .imgxx03{ background:url(../images/c01.jpg)}
.mrmfboxxhomehome:hover .imgxx03{ background:url(../images/c02.jpg)}
.mrmfboxxhomehome .imgxx04{ background:url(../images/d01.jpg)}
.mrmfboxxhomehome:hover .imgxx04{ background:url(../images/d02.jpg)}
.mrmfboxxhomehome .imgxx05{ background:url(../images/e01.jpg)}
.mrmfboxxhomehome:hover .imgxx05{ background:url(../images/e02.jpg)}
.mrmfboxxhomehome .imgxx06{ background:url(../images/f01.jpg)}
.mrmfboxxhomehome:hover .imgxx06{ background:url(../images/f02.jpg)}
.mrmfboxxhomehome .imgxx07{ background:url(../images/g01.jpg)}
.mrmfboxxhomehome:hover .imgxx07{ background:url(../images/g02.jpg)}
.mrmfboxxhomehome .imgxx08{ background:url(../images/h01.jpg)}
.mrmfboxxhomehome:hover .imgxx08{ background:url(../images/h02.jpg)}
.mrmfboxxhomehome:hover img{margin: 23px 0px 0px 0; }

.mrmfboxxhomehome h3{ clear:both;margin:7px 0 0px 0; border:0; font-weight:500;  font-size:20px; font-family:"微软雅黑"; color:#333333; border-bottom:0;  overflow:hidden;transition: all 0.01s;}
.mrmfboxxhomehome:hover h3{ color:#00d3d5;clear:both; margin:7px 0 0px 0; border:0; font-weight:500;  font-size:20px; font-family:"微软雅黑"; border-bottom:0;  overflow:hidden; }
.mrmfboxxhomehome:hover p{ color:#00d3d5; font-size:14px;  line-height:200%;font-family:"微软雅黑"; opacity: 1; filter: Alpha(opacity=100);  animation:mymove 1s 1;
	-webkit-animation:mymove 1s 1; text-align:center}
.mrmfboxxhomehome p{color:#333333; font-size:14px;  line-height:200%;font-family:"微软雅黑";opacity: 1; filter: Alpha(opacity=1); text-align:center }
.mrmfboxxhomehome .list{ color:#666666; text-align:center}
@keyframes mymove
{
	from {opacity: 1; filter: Alpha(opacity=1)}
	to {opacity: 1; filter: Alpha(opacity=1)}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {opacity: 0; filter: Alpha(opacity=1)}
	to {opacity: 1; filter: Alpha(opacity=1)}
}
/*.mrmfboxxhomehome:hover p{ color:#666666; text-align:left; font-size:14px;  line-height:180%;margin:10px 25px;font-family:"微软雅黑"; opacity: 1; filter: Alpha(opacity=100);  position:absolute;top:145px;left:0}
.mrmfboxxhomehome p{color:#666666;text-align:left; font-size:14px;  line-height:180%;margin:10px 25px;font-family:"微软雅黑";opacity: 0; filter: Alpha(opacity=0);  transition: all .5s; position:absolute;top:145px;left:0}*/

/*首页解决方案效果*/
/*首页跑动小圆点*/
.ydlodinghome{padding-left:60px;padding-top:100px;}
.ydlodinghome:hover p{ color:#1fb5a4}
.zzsc6home {height:60px; float:right; clear:both; text-align:center; width:100%;

}

.zzsc6home .k-linehome {
  width: 27px;
  height: 27px;
  background-color: #1fb5a4;

  border-radius: 100%;
  display: inline-block;
}
.backphome{background:#ffffff !important; font-size:22px !important; float:left; padding:0 !important;color:#666666 !important;}
.ydlodinghome:hover .zzsc6home > div {
  width: 27px;
  height: 27px;
  background-color: #1fb5a4;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.ydlodinghome:hover .zzsc6home .bounce1home {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.ydlodinghome:hover .zzsc6home .bounce2home {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.onhome{ border-radius:50px; background:#fb4381; width:15px !important; height:15px !important; display:inline-block; margin:3px; margin-bottom:5px;}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.55) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*首页跑动小圆点*/
.tagmenu{
	border-radius:10px 10px 0 0;
	background:#fdf7f7;
	line-height:60px;
	width:1220px;
	overflow:hidden
	}
.tagmenu ul{ margin:0; padding:0;white-space:nowrap;  
	}
.tagmenu ul li{ border-top:4px solid #fdf7f7;  display:inline-block;font-size:21px; color:#888888; text-align:center; padding:0 13px; }
.tagmenu ul li.on{ border-top:10px solid #25aaa5; color:#25aaa5}
/*成功案例*/
.contactmain{width:653px; height:481px; background:url(../images/03.jpg); border:1px solid #e3e7e7; position:relative; display:none}
.contactmain .imagebig{ border-radius:300px; width:140px; height:140px; vertical-align:bottom; margin-right:15px;}
.contactmain .logo{ position:absolute;top:20px; right:20px;}
.contactmain .messagetitle{ margin:54px 0 30px 54px ; overflow:hidden}
.contactmain .title{ color:#666666; font-size:17px; padding-top:70px; padding-bottom:15px;}
.contactmain .subtitle{color:#25aaa5; font-size:15px;}
.contactmain .message{ font-size:18px; clear:both; overflow:hidden; line-height:200%; padding:0 50px;}
.contactmaintag{width:458px; height:155px; background:#f2f3f3; /*border:1px solid #e3e7e7;*/ margin:8px 0;-webkit-box-shadow: 0 0 3px rgba(134, 134, 134, .5)inset;
-moz-box-shadow: 0 0 3px rgba(134, 134, 134, .5) inset;
box-shadow: 0 0 3px rgba(134, 134, 134, .5) inset; cursor:pointer}
.contactmaintag.on{width:458px; height:155px; background:#66d3cd; /*border:1px solid #57c9c2;*/-webkit-box-shadow: 0 0 3px rgba(76, 197, 190, .7)inset;
-moz-box-shadow: 0 0 2px rgba(76, 197, 190, .7)inset;
box-shadow: 0 0 3px rgba(76, 197, 190, .7)inset;}
.contactmaintag.on .title{ color:#ffffff}
.contactmaintag .title{ color:#333333; font-size:21px; line-height:100px;  text-align:center}
.contactmaintag .imagebig{border-radius:300px; width:110px; height:110px;}
.contactmaintag .messagetitle{ padding:20px 0 30px 20px ; overflow:hidden}
.khjztag{width:465px;padding-left:5px;height:493px; overflow:hidden; float:left; position:relative}
.khjztag ul{ margin:0;padding:0; position:absolute}
#nexttagaa,#pretagaa,#nexttag,#pretag{ cursor:pointer}
/*成功案例*/
.gywm_box{ width: 1210px; margin: 0 auto;}
.gywmtitle{text-align: center;width: 300px; margin: 0 auto}
.gywm_box_title{ color: #238d81; font-size: 30px;  text-align: center}
.gywm_box_titlesub{ font-size: 16px; color: #999999;  text-align: center;  
border-bottom:1px solid #238d81;position: relative; height: 20px;}
.titlepo{background: #ffffff; padding: 0 25px;display: inline-block; color: #999999;position: relative;top:8px;z-index: 99;text-transform:uppercase}
.colorw{ color: #fff;}
.bggreen{ background: #46c2ba}
.borderbottom{border-bottom: 1px solid #ffffff}
.main_box003{ width:100%; height:240px;}
.main_box003 .boxbb{ width:1298px; margin:0 auto; padding-top:65px;} 
.main_box003 .boxbb li{ margin:0 68px; float:left}
.main_box003 .boxbb li h3{ font-size:60px; text-align:center; margin:0; padding:0; font-weight:500}
.main_box003 .boxbb li h3 span{ color:#46c2ba; font-weight:900px; font-size:48px; display:inline-block; background:#ffffff; width:40px; height:63px; border-radius:10px; margin:5px; font-weight: 600 }
.main_box003 .boxbb li h4{ font-size:16px; text-align:center; margin:0; padding:0; font-weight:500; color:#ffffff; padding-top: 10px;}
.main_box003 .boxbb li h3 hr{}


.idx-section {
    text-align: center;
}.section-tit {
    color: #00d3d5;
    font-size: 30px;
    line-height: 30px;
    padding-top: 60px;
}
.section-description {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 60px;
}
.project-list {
    text-align: center;
	padding-bottom: 60px;
}.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}.project-list .project-list-item {
    display: inline-block;
    margin: 0 28px 10px 28px;
    transition: all .5s;
    vertical-align: top;
}
.project-list .shishuofont {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid currentColor;
    line-height: 120px;
    font-size: 50px;
    display: inline-block;
}

.project-list .project-tit {
    margin-top: 15px;
}
.project-list .project-list-item:hover {
    margin-top: -20px;
}
.project-list .shishuofont img{ margin:0px auto}

.clear50 {
    clear: both;
    overflow: hidden;
    height: 50px;
}
.title01 {
    font-size: 30px;
    color: #00d3d5;
    text-align: center;
}
.clear30 {
    clear: both;
    overflow: hidden;
    height: 30px;
}
 .page07{background: #f4f6f9;}
.flipInY{-webkit-animation: flipInY 5s ease both infinite;}
.flipInY01{-webkit-animation: flipInY 5s 1s ease both infinite;}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
    100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
 .page07 dl{height:410px;}
 .page07 dl .icom{width: 375px;height: 402px;position: absolute;top: 114px;left: 410px;background:url(../images/img03.png) no-repeat center top;}
 .page07 dl dd{width: 340px;float: left;position: absolute;}
 .page07 dl dd.d01{left: 20px;top:top: 114px;}
 .page07 dl dd.d02{right: 20px;    top: 114px;}
 .page07 dl dd.d03{left: 20px;    top: 318px;}
 .page07 dl dd.d04{right: 20px;    top: 318px;}
 .page07 dl dd h3{width: 336px;height: 66px;font-size: 24px;color: #00d3d5;line-height: 66px;text-align: center;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
 .page07 dl dd h3:hover{-webkit-transform: translateY(-15px);}
 .page07 dl dd.d01 h3{background:url(../images/ys01.png) no-repeat center top;}
 .page07 dl dd.d02 h3{background:url(../images/ys02.png) no-repeat center top;}
 .page07 dl dd.d03 h3{background:url(../images/ys03.png) no-repeat center top;}
 .page07 dl dd.d04 h3{background:url(../images/ys04.png) no-repeat center top;}
 .page07 dl dd p{font-size: 14px;color: #828aaa;margin: 10px;line-height: 20px;}

#securityService {
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
  height:600px;
}
#securityService .main {
  text-align: center;
}
#securityService .hend {
  text-align: center;
  margin-top: 20px;
}
#securityService .hend h2 {
  font-size: 34px;
  line-height: 30px;
}
#securityService .hend h2 span {
  display: inline-block;
  font-size: 34px;
  position: relative;
}
#securityService .hend h2 span:before {
  content: '';
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  margin-bottom: -5px;
  background-color: #029bfc;
}
#securityService .hend .security {
  font-size: 24px;
  line-height: 60px;
}
#securityService .hend .solid {
  margin: 0 auto;
  width: 40px;
  height: 2px;
  border-bottom: 1px solid #000;
}
#securityService .safety {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin: 36px;
}
#securityService .safety > div {
  width: 30%;
  max-width: 330px;
  height: 50px;
  border-radius: 0px 24px 24px 0px;
  text-align: center;
  position: relative;
}
#securityService .safety > div .security {
  line-height: 50px;
  color: #fff;
  font-size: 24px;
  margin: auto;
  width: 50%;
}
#securityService .safety > div .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 0 0 30px 30px;
  border-style: solid;
  border-color: transparent transparent transparent #7f7f7f;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -webkit-transform: rotate(90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(90deg);
}
#securityService .safety > div .content {
  box-sizing: border-box;
  width: 80%;
  max-width: 276px;
  height: 350px;
  text-align: left;
  padding: 20px 20px 30px 20px;
  background: #f2f2f2;
  margin-left: 30px;
  line-height: 36px;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
}
#securityService .safety .capital {
  background: #ffc107;
}
#securityService .safety .capital01 {
  background: #ffc107;
}
#securityService .safety .message {
  background: #2842a2;
}
#bookList {
  background: #ececec;
  margin-top: 430px;
}
#certificate {
  width: 80%;
  max-width: 1400px;
  margin: auto;
  text-align: center;
}
#certificate .title {
  font-size: 24px;
  color: #2842a2;
  line-height: 150px;
  font-weight: bold;
}
#certificate .name {
  color: #999;
  font-size: 18px;
  padding-bottom: 30px;
}

.support, .report{
        padding-top: 80px;
        width: 100%;
        min-width: 1200px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /*大字的样式*/
    .support .title, .report .title{
        color: #505050;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 34px;
        position: relative;
        font-weight: normal;
		padding-bottom: 10px;
		letter-spacing: 5px;
    }
    /*文字上方的蓝色条*/
    .support .title:before , .report .title:before{
        content: "";
        position: absolute;
     /*   top: -20px;*/
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 5px;
        font-size: 0;
        text-align: center;
        background-color: #00d3d5;
		bottom:-4px;
    }
    .support .subTitle, .report .subTitle{
        font-size: 16px;
        color: #505050;
    }
    /*服务实施支持整个模块*/
    #supportList {
        margin: 50px 0 80px;
        display: flex;
    }
    .support_info{
        position: relative;
        left: -30px;
        opacity: 0;
        width: 214px;
        text-align: center;
    }
    /*服务实施支持模块图片展示*/
    .support_info .support_img{
        box-sizing: border-box;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        border: 2px solid #00d3d5;
        margin: 0 auto;
        text-align: center;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-size: 50px auto;
        background-position: center;
    }
    
    /*服务实施文字展示*/
    .support_info span{
        display: block;
    }
    .support_info .support_text{
        display: inline-block;
        color: #8C8C8C;
        font-size: 14px;
        letter-spacing: .1rem;
    }
    .support_info .support_text .support_title {
        font-size: 18px;
        color: #505050;
        margin: 20px 0 16px;
    }
    /*尖括号*/
    .support_info:not(:last-child) .support_img:after{
        content: "";
        position: absolute;
        top: 48px;
        right: -6px;
        width: 13px;
        height: 25px;
        font-size: 0;
        background: url('../images/icon_gt.png') no-repeat;
        background-size: 100% 100%;
    }
    /*动态报道*/
    .report{
        color: #505050;
        background: #FAFAFA;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .report .report_img{
        width: 370px;
        height: 182px;
    }
    #reportList{
        display: flex;
        flex-wrap: wrap;
        width: 1180px;
        margin-top: 50px;
        margin-bottom: 40px;
    }
    /*动态报道的每个小模块*/
    .report .report_text{
        margin-top: 10px;
    }
    .report .report_text span{
        display: block;
    }
    /*每个报道的上下间距*/
    #reportList .report_info{
        padding-bottom: 40px;
        padding-right: 35px;
    }
    #reportList .report_info:nth-of-type(3n){
        padding-right: 0;
    }
    #reportList .report_text .report_title{
        display: inline-block;
        position: relative;
        padding-left: 20px;
        height: 26px;
        line-height: 26px;
        color: #505050;
        font-size: 16px;
    }
    #reportList .report_text .report_title:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 26px;
        background-color: #488BFF;
    }
    #reportList .report_text .report_time{
        margin: 7px 20px;
        font-size: 14px;
        color: #8c8c8c;
    }
	.tdcy{ margin:40px auto;}
	.tdcy h2{    height: 85px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    text-indent: 40px; }
	
	.zsge h2{    width: 100%;
    text-align: center;
    font-size: 38px;
    color: #333;
    height: 53px;
    line-height: 53px;
    margin-bottom: 50px;}
	.gzxz span{    width: 72px;
    height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 25px;
    margin-right: 60px; float:left; display:block;}
	.gzxz ul { float:left; display:block; width:80%;}
	.gzxz ul li{display: inline-block;}
	.gzxz ul li a{    width: 60px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    margin-right: 60px;}
	.aunbu a{    border: 1px solid #00d3d5!important;
    color: #00d3d5!important;}
	.gzxz01 {
    margin-top: 37px;
    margin-bottom: 60px;
}
	.gzxz01 span{    width: 72px;
    height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 25px;
    margin-right: 60px; float:left; display:block;}
	.gzxz01 ul { float:left; display:block; width:80%;}
	.gzxz01 ul li{display: inline-block;}
	.gzxz01 ul li a{    width: 60px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    margin-right: 60px;}
	
	
	.erji{ display:none;background: #fff;
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,.09);

    padding: 13px 40px 40px;
    width: 1189px;
    margin-left: 6px;
    box-sizing: border-box;}
	.houbu span{    font-weight: 600;
    font-size: 16px;}
.jjj{display: inline-block;    background: url(../images/jantou.png) right no-repeat;}
.jjj:hover{background: url(../images/jantou01.png) right no-repeat;}
.houbu{ background:#f5f7fa}
.swmc span{width: 19.5%;
    font-size: 14px;
    color: #666;
    line-height: 42px;
    border: 0;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    font-family: PingFangSC-Regular;}
	
.swmc:hover{ background:#f5f7fa}	
	.sdn{width: 542px;
    margin: 0 auto;}
	.sdnle{ float:left; font-size: 20px;}
	.sdnri{ float:right; font-size: 20px;}
	
.content-module:nth-child(2n + 1) {
    background-color: #fff;
}
.content-module.content-module-8 .module-model {
    width: 100%;
    background: url(../images/1212.jpg);
}
.module-model .big-img {
    position: relative;
    width: 100%;
    height: 240px;
}

.module-model .big-img .wrap {
    border: 1px solid transparent;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
}
.module-model .big-img .wrap .text {
    margin: 0 auto;
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    margin-top: 80px;
	font-weight: normal;
}
.module-img {
    width: 1200px;
    margin: 0 auto;
}.module-model .big-img .wrap .module-img .btn-wrap {
    display: inline-block;
    width: 100%;
    color: #fff;
}
.module-model .big-img .wrap .module-img .btn-wrap .btn-click {
    width: 160px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 2px;
    text-align: center;
    margin: 0 auto;
    line-height: 34px;
    margin-bottom: 80px;
    cursor: pointer;
}


.right03{    padding: 0 10px;
    text-align: center;
    /* background: url(../images/mfsy.png); */
    float: right;
    height: 48px;
    line-height: 48px;
    width: 201px;
    color: #000;
    font-size: 17px;
    margin-top: 15px;
    margin-left: 30px;
    border: 0px solid #ffffff;
    position: relative;
    left: 0px;}



 /*大字的样式*/
   .title2, .title2{
        color: #505050;
        margin-top: 20px;
        margin-bottom: .5rem;
        font-size: 34px;
        position: relative;
        font-weight: normal;
		    padding-bottom: 10px;
			letter-spacing: 5px;
    }
    /*文字上方的蓝色条*/
    .title2:before ,.title2:before{
        content: "";
        position: absolute;
        /*top: -20px;*/
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 5px;
        font-size: 0;
        text-align: center;
        background-color: #00d3d5;
		bottom:-7px;
    }

.subTitle2{    font-size: 16px;
    color: #505050; display:block;    line-height: 50px; margin-top: 25px;}
	