/* CSS reset for c_b */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:0;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em  , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#333; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}



/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}

-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;


/*其他*/

.curp{cursor:pointer};

/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:1.4rem/2rem arial,Verdana,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,Verdana,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/
h1 { font-size:2.2rem;}
h2 { font-size:2.2rem;}
h3 { font-size:1.8rem;}
h4 { font-size:1.4rem;}
h5 { font-size:1.4rem;}
h6 { font-size:1rem;}
/*end reset*/



/* CSS Document */
body{background-color:#fff; overflow-x:hidden; color:#333; font-size:1.4rem;line-height:2.8rem;font-family: Arial; position:relative;}/*网站字体颜色*/

.top-bar {display: inline-flex;width: 100%;background-color:#005bac;padding: 0.5rem 0;}
.top-bar .top-right-nav p {color: #ffffff;margin:0.15rem 0;font-size: 1.4rem;}
.top-bar .top-right-nav.text-right {float:right;width:60%;}
.top-bar .top-right-nav ul {margin: 0;zoom:1;}
.top-bar .top-right-nav ul:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.top-bar ul li {float: left;margin-right:0.5rem;}
.top-bar .top-right-nav li:first-child {position: relative;}
.top-bar .top-right-nav ul li {width:15%;margin-right:1%;}
.top-bar .top-right-nav ul li img{height:100%;width:auto;}

.top-bar ul.left-bar{display:none;}

.top-bar .top-right-nav li a {color: #fff;display:block;line-height:2rem;border-radius: 50%;height:2rem;font-size:1.2rem;text-align:center;}
.top-bar .top-right-nav li:last-child {margin-right: 0;}
.top-bar ul li a:hover {color: #fff;}


.header{}
.container{width:96%;padding:0 2%; margin:0 auto;zoom:1;}
.container:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.header_logo{ float:left; padding-top:0;width:28%;margin-right:2%;}
.header_logo img{width:100%;}


.nav {float:right;width:70%;}
.nav ul {list-style: none;padding-left: 0;margin-top: 0;margin-bottom: 0;}
.nav a {display: block;padding: 0;line-height: inherit;cursor: pointer;}
.nav_menu {padding-top:1rem;}
.nav_menu li{float:left;width:25%;text-align:center;}
.nav_menu-item {}
.nav_menu-item a{line-height:3rem;font-size:1.2rem;text-transform:uppercase;padding-bottom: 0;}
.nav_submenu {display:none;}
.nav_submenu-item a{line-height:3rem;padding: 0;color: rgba(255, 255, 255, 0.9);font-size:1.2rem;text-align:left;}
.nav_submenu-item a:hover {color:#fff;border-bottom:none;}
.nav_submenu-item p a{ine-height:3rem;padding:0;color: rgba(255, 255, 255, 0.9);font-size:1.2rem;text-align:left;text-transform:none;}


#flashs{ position:relative; height:647px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:9999; bottom:30px; left:85%; padding:0px 6px; border:none;}
#flashs .btn span{ color:#fff;text-indent: -99999em;  background:url(banner_btn01.png) no-repeat center;  cursor: pointer;display: inline-block;margin:0 5px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:url(banner_btn02.png) no-repeat center;text-indent: -99999em;}

.about_sy{ padding-top:6rem;}
.about_left{width:100%;}
.about_left_title{ font-size:3rem; text-transform:uppercase; font-weight: bold;text-align:center;}
.about_left_title p{width:20%;height:2px;background-color:#005bac;margin:1.5rem auto 0;}
.about_left_nr{ padding-top:5rem; }
.about_left_nr h2{ font-size:1.8rem; font-weight:normal; padding-bottom:1rem; text-transform:uppercase; }
.about_left_nr p{ font-size:1.2rem; color:#666; line-height:2.4rem; }
.about_left_more{ padding-top:3rem;}
.about_right{ float:right; width:96%;padding:2rem 2%;}
.about_right img{width:100%;height:auto;}

.pro{padding: 2rem 0;overflow: hidden; margin-top:4rem; }
.pro_title{ font-size:3rem;height:4rem;line-height:3rem;text-align:center; text-transform:uppercase; font-weight:bold;}
.pro_title p{width:20%;margin:0 auto; height:2px; background-color:#005bac; margin-top: 1rem;}
.pro_cp{padding-top:3rem;}
.pro_cp ul{zoom:1;}
.pro_cp ul:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.pro_cp li{float:left; position:relative;width:46%;height:auto;margin:0 2%;margin-bottom:1rem;}
.pro_cp li img{ width: 100%; height: auto;border:1px solid #ccc;}
.pro_cp li div.pro_zz{ width:100%; display: block;text-align:center; font-size:1.4rem;line-height:2.8rem;}
.pro_cp li div.pro_zz p{display:none;}

.pro_cp li.pro_cp_wz{ width:92%;background-color:#005bac; color:#fff;margin:0 0 1rem 0;padding:2rem 4%;} 
.pro_cp li.pro_cp_wz b{ font-weight:normal; font-size:14px; text-transform:uppercase;}
.pro_cp_wz_line{ width:20%; height:2px; background-color:#fff; margin-top:8px;}
.pro_cp li.pro_cp_wz p{ font-size:1.4rem; line-height:2.8rem; padding-top:1rem; padding-bottom:1rem;}
.pro_cp li.pro_cp_wz span{ font-size:12px;}

.news{margin-top:4rem;}
.news_title{font-size:3rem;height:4rem;line-height:3rem;text-align:center; text-transform:uppercase;font-weight:bold;}
.news_title p{width:20%;height: 2px; background-color:#005bac; margin:1rem auto;}
.news_content{ margin-top:3rem;}
.news_content li{float:left;width:96%; height:auto; background-color:#f2f2f2; padding:1.5rem 2% 2rem;margin-bottom:1rem;border-top:4px solid #f2f2f2;}
.news_content ul{list-style-type:none; counter-reset:sectioncounter;}
.news_content ul li:before{ content:"0" counter(sectioncounter); counter-increment:sectioncounter; font-size:3rem; color:#b7b6b6; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.news_content li h2{font-size:1.8rem;font-weight:normal; padding-top:1rem;}
.news_content li p{font-size:1.2rem; color:#666; line-height:2.4rem; padding-top:1rem; padding-bottom:1rem;}
.news_content li span{font-size:1.4rem;line-height:2.8rem;margin-top:2rem;color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;float:left;}
.news_more{ float:right;margin-top:2rem;width:2rem; height:2rem;text-align:center;line-height:2rem; border-radius:50%; border:1px solid #7f7f7f; color:#7f7f7f; text-align:center;}

.case{display:none;}
/* .hangye_title{font-size:3rem;height:4rem;line-height:3rem;text-align:center; text-transform:uppercase;font-weight:bold;}
.hangye_title p{width:20%;height: 2px; background-color:#005bac; margin:1rem auto;}

.c_nav{height:5rem;background:url(../images/case_nav.gif) repeat-x 0 top; overflow: hidden; margin-top:3rem;}

.more1{width:10%;height: 5rem;background: url(../images/case_line.gif) no-repeat right top;overflow: hidden; font-size: 1.4rem; line-height: 5rem;text-align: center;}
.more1 a{ color:#111111;}

.c_nav ul{background:url(../images/case_line.gif) no-repeat left top;width:90%; float: left;overflow: hidden;}
.c_nav li{ float:left;background:url(../images/case_line.gif) no-repeat right top;width:25%;}
.c_nav li a{display:inline-block;height:5rem; font-size: 1.6rem;line-height: 5rem;width:96%;text-align: center; color:#111;padding:0 2%;}
.c_nav li a:hover, .c_nav li.cur a{background: url(../images/case_cur.jpg) no-repeat center top; color:#fff;text-decoration: none;}

.case_c{margin-top:1.5rem;line-height: 0; overflow: hidden;}
.case_c dt{width:100%; overflow: hidden;}
.case_c dt img{width:100%;}
.case_c dd{width:96%;background-color:#f0f0f0; float: left;padding:2rem 2%;}
.case_c dd span{display: block;background: url(../images/case_rq.png) no-repeat 0 top;height:48px; font-size: 30px;font-weight: bold; color:#333333;text-align: right; font-family: "Arial";width:73px;overflow: hidden;line-height: 30px;padding-right: 5px;}
.case_c dd span i{display: block;text-align: left; font-size: 18px; line-height: 18px;font-weight: normal;font-style:normal ;padding-left: 10px;}
.case_c dd h3{height:4rem;background: url(../images/case_line01.gif) no-repeat 0 bottom; font-size: 2rem;line-height: 4rem;}
.case_c dd h3 a{ color:#333333; font-weight: normal;}
.case_c dd p{padding-top: 1rem; font-size: 1.4rem; color:#555555; line-height: 2.8rem; overflow: hidden;padding-bottom:2rem;}
.case_c dd em{display: block;width:94px;height:20px; border:1px solid #c30101;text-align: center;line-height: 20px; color:#c30101;vertical-align: middle;}
.case_c dd em a{ color:#c30101;} */

.ph-case{width:100%;height:auto;}
.ph-case-sub{width:96%;padding:1rem 2% 0;background-color:#f0f0f0;}
.ph-case-sub img{width:100%;height:auto;}
.ph-case-sub h4{font-size:2.2rem;height:4rem;line-height:4rem;text-align:center;padding-top:1rem;}
.ph-case-sub p{padding-top:1rem; font-size: 1.4rem; color:#555555; line-height: 2.8rem; overflow: hidden;padding-bottom:2rem;}

.ph-case .swiper-button-next, .ph-case .swiper-button-prev{color:#fff;}


/* .col-md-8 {width: 71.66666667%;float: left;}
.col-md-4 {width: 24.5%;float: left;} */

footer{float:left;width:100%;margin:0 auto;margin-top:3rem;}

.footer1{width:100%;margin:0 auto 0 auto;overflow:hidden;background-color: #f2f2f2;padding-top:4rem;}
.footer1_fl{margin-bottom:2rem;overflow:hidden;border-right:1px dashed #dedede;}
.footer1_fl li{padding:0px 10% 0 0;text-align:center;float:left;width:40%;margin-bottom:1rem;}
.footer1_fl li a{display:block;color:#000;font-size:1.6rem;text-align:left;background:url(../images/ftitle.jpg) no-repeat bottom left;padding-bottom:1rem;text-transform: uppercase;}
.menulist{margin-top:0.5rem;}
.menulist ul li{float:none;width:100%;padding:0;margin:0;font-size:1.6rem;line-height:3.2rem;text-align:center;border:none;}
.menulist ul li a{display:block;font-size:1.4rem;color:#939393;width:100%;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background:none;padding:0;text-transform:capitalize;}
.menulist ul li a:hover{color:#1468aa;}

.footer1_fc{margin-bottom:1rem;overflow:hidden;}
.footer1_fc_lianxi{}
.footer1_fc_lianxi h3{font-size:1.8rem;color:#686868;font-weight:normal;}                                                                     
.footer1_fc_lianxi h3 span{font-size:2.2rem;color:#1468aa;font-weight:bold;}
.footer1_fc_lianxi h4{font-size:1.6rem;color:#000;font-weight:normal;margin-bottom:1rem;text-transform: uppercase;}
.footer1_fc_lianxi p{color:#939393;line-height:3.2rem;font-size:1.6rem;}
.footer1_fc_lianxi p.lianxi1{background:url(../images/lianxi1.png) no-repeat left center;padding-left:8%;}
.footer1_fc_lianxi p.lianxi2{background:url(../images/lianxi2.png) no-repeat left center;padding-left:8%;}
.footer1_fc_lianxi p.lianxi3{background:url(../images/lianxi3.png) no-repeat left center;padding-left:8%;}
.footer1_fc_lianxi p.lianxi4{background:url(../images/lianxi4.png) no-repeat left center;padding-left:8%;}
.footer1_fc_lianxi p.lianxi5{background:url(../images/lianxi5.png) no-repeat left center;padding-left:8%;}

.footer2{width:100%;margin:0 auto;background-color:#005bac;padding:0.5rem 0px;}
.footer2 p{color:#fff;line-height:2.8rem;text-align:center;font-size: 1.4rem;text-transform: uppercase;}

.advantage{ background-color: #f6f3f1;}
.ad_title{ text-align: center; font-size: 2rem; font-weight: bold; text-transform:  uppercase; padding-top:2rem;line-height:3.5rem; }
.ad_title p{ font-size: 1.2rem;line-height:2.4rem; font-weight: normal; text-transform: none; }

.ad_content{ width:96%;padding:0 2%; margin: 0 auto; margin-top:2rem;zoom:1;}
.ad_content:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.ad_content li{width:96%;background-color:#fff; padding: 1rem 2%;margin-bottom:1rem;zoom:1;}
.ad_content li:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}

.ad_left{float:left;width:20%;padding-top:0.5rem;}
.ad_right{float:left;width:77%;padding-left:3%;}
.ad_right h1{font-size:1.4rem;font-weight:normal;padding-top:0.2rem;}
.ad_right p{font-size:1.2rem; padding-top:0.1rem; }


.slide-main{height:18.5rem;position:relative;}
.prev,.next{display:block;width:2rem;height:2rem;position:absolute;z-index:222;top:45%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev img,.next img{width:100%;}
.prev{left:2%;}
.next{right:2%;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:17.5rem;left:0;text-align:center;}
.item a{display:inline-block;width:10%;height:5px;margin-right:1%;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:18.5rem;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:18.5rem;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background: url(../images/b1.jpg) center;background-size:170% auto;background-repeat:no-repeat;}
#bgstyleb{background: url(../images/b2.jpg) center;background-size:170% auto;background-repeat:no-repeat;}
#bgstylec{background: url(../images/b3.jpg) center;background-size:170% auto;background-repeat:no-repeat;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:280px;}
.obj-b{top:526px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


#Content30{ width: 100%;}
#Content30 .contCon .w_1200{ margin: 0 auto; width: 100%;}
#Content30 .contCon{ width: 100%;}
#Content30 .contCon .over{ width: 100%; float: left;}
#Content30 .contCon .over .left{ width: 96%; padding:2rem 2%;background: #f2f2f2; border: 1px solid #eff0f7;}
#Content30 .contCon .over .left .img{ width: 578px; margin: 0 auto; line-height: 0; margin-bottom: 2rem;}
#Content30 .contCon .over .left .img2{ width: 100%; margin: 0 auto; line-height: 0; margin-top: 20px;}
#Content30 .contCon .over .left .img2 li{ float: left; width: 39%; padding-right: 2%; text-align: center; }
#Content30 .contCon .over .left .l1{ width:96%; overflow: hidden; padding: 0.5rem  2%; background: #fff; border: 1px solid #eff0f7;}
#Content30 .contCon .over .left .ico{ width:9%; height: 3rem; margin-right: 2%; line-height: 0; float: left;}
#Content30 .contCon .over .left .tit{ float: left; font-size: 1.6rem; line-height: 3rem;}
#Content30 .contCon .over .right{ padding:2rem 2%; width: 96%;background: #f2f2f2; margin-top: 4rem;}
#Content30 .contCon .over .right .tit{ font-size: 2.2rem; margin-bottom: 1rem; color: #181818; text-align: center;}
#Content30 .contCon .over .right .name{ font-size: 1.6rem; line-height: 1.8rem; margin: 1rem 0 0.6rem 0;}
#Content30 .contCon .over .right .fv1{ width: 94%; height: 4rem; line-height: 4rem; padding: 0 2%; background: #fff; border: 1px solid #eff0f7; border-radius: 3px;}
#Content30 .contCon .over .right .fv2{ width: 94%; height: 12rem; line-height: 4rem; padding: 0 2%; background: #fff; border: 1px solid #eff0f7; border-radius: 3px;}
#Content30 .contCon .over .right .fv3{ float: left; width: 158px; height: 42px; line-height: 42px; padding: 0 10px; background: #fff; border: 1px solid #eff0f7; border-radius: 3px;}
#Content30 .contCon .over .right .img{ width: 100px; height: 42px; overflow: hidden; float: left; line-height: 0;}
#Content30 .contCon .over .right .a{ font-size: 14px; height: 42px; line-height: 42px; padding-left: 16px; color: #181818;}
#Content30 .contCon .over .right .a:hover{ text-decoration: underline;}
#Content30 .contCon .over .right .fv4{ display: block; margin: 2rem auto 0 auto; height: 4rem; line-height: 4rem; padding: 0 20%; font-size: 1.6rem; border-radius: 3rem; background: #005bac; color: #fff; border: none;}
#Content30 .contCon .over .right .fv4:hover{ opacity: 0.8;}
#Content30 .contCon .dt{ width: 100%; float: left; margin: 30px 0 80px 0; position: relative;}
#Content30 .contCon .bdmap{ height: 480px;}
#Content30 .contCon .dz{ position: absolute; top: 200px; left: 656px; width: 336px; height: 80px; font-size: 14px; line-height: 22px; padding: 16px 20px 0 114px; background: url(1337_cont8.png) no-repeat left center;}