939496@charset "utf-8";
@font-face {font-family: 'georgia';
    src: url('../font/georgia.eot'); /* IE9*/
    src: url('../font/georgia.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/georgia.woff') format('woff'), /* chrome、firefox */
    url('../font/georgia.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/georgia.svg') format('svg'); /* iOS 4.1- */
}

html{-webkit-font-smoothing:antialiased;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle;/* max-width: 100%;*/}
button,input[type=submit],input[type=search],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{font-size: 14px; color:#333;line-height:1.3;background:#fff; min-width: 1205px; overflow: auto;}
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a{ color: #333; }
.hover{color:#A5342A;}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,.snav,.snav li,.m_nav1,.footer .right .fsub,.case_list li,.menu ul li{ transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; }
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.baseWidth{ width: 100%; max-width: 100%; margin: 0 auto; }


.boxWidth{ width: 90%; max-width: 90%; margin: 0 auto; }
.main .baseWidth{ min-width: 1205px; }
.txt_overflow{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.over{ overflow: hidden; }
.img_box{ display: block; overflow: hidden; }
.img_box img{ width: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.img_box:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.company p{
    line-height: 25px;
}
/*footer*/
.footer{ padding: 20px 0 20px; background: url(../images/bottombg.jpg); color: #9a9a9a; }
.footer .baseWidth{ font-size: 0; }
.footer .left{ box-sizing: border-box; font-size: 14px; width: 38%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.footer .left img{ margin-bottom: 30px;margin-right: 20px; float: right;}
.footer .left{ font-size: 22px; }
.footer .mid{ box-sizing: border-box;  font-size: 14px; width: 53%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
.footer .mid p{ line-height: 28px; }
.footer .mid .phone{ margin-top: 16px; font-size: 24px; background: url(../images/icon9.png) left center no-repeat; text-indent: 40px; }
.footer .right{ box-sizing: border-box; border-left: 1px solid #000; font-size: 14px; width: 23%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.footer .right textarea{ width: 100%; box-sizing: border-box; resize: none; border: 1px solid #272b30; background: none; outline: none; color: #fff; border-radius: 5px; height: 90px; margin-bottom: 5px; padding: 6px; box-sizing: border-box;box-shadow: 0 0 1px #000;}
.footer .right .fsub{ margin-top: 12px; width: 94px; height: 32px; line-height: 32px; _line-height: 32px; *line-height: 32px; color: #fff; background: #fcc800; border-radius: 4px; border: none; cursor: pointer; }
.footer .right .fsub:hover{ background: #0a3269; }
.footer .fmsg{ margin: 0 18%; width: 42%; }
.footer .fewm{ width: 20%; }
.footer .fewm img{ max-width: 100%; }
.footer span a {color:#9a9a9a;}
.footm {float:left;width: 38%;height: 130px;overflow: hidden;} 
.footm ul {float: left;width: 105px;margin-left: 40px;display: inline;overflow: hidden;}
.footm li.tou {font-weight: bold;}
.footm li {
    float: left;
    width: 105px;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}
.footm li.tou span {
    padding-left: 10px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.footm li a{
    color:#9a9a9a;
}
.company{
	float:right;
	width: 33%;
	height: 100%;
    margin-right: 3%
}
.qward{
	float:right;
	width: 25%;
	height: 100%;
}
.qward img{
    width: 35%;
    height: 70%;
}
.qward img+img{
    margin-left: 50px;
}
.link{
    padding-left:50px;
    display: flex;
    flex-wrap: wrap;

}
.link span{
    display: block;
    width: 140px;
}


/*pre_load*/
.pre_bg{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; background: #fff url(../images/pre_bg.png); }
.pre_wrap{ width: 298px; height: 298px; line-height: 298px; font-size: 0; position: absolute; left: 50%; top: 50%; margin-top: -149px; margin-left: -149px; }
.pre_round{ position: absolute; width: 100%; height: 100%; background: url(../images/pre_round.png) center no-repeat; background-size: cover; -o-animation: spin 6s linear infinite; -webkit-animation: spin 6s linear infinite; -moz-animation: spin 6s linear infinite; animation: spin 6s linear infinite; transition: 900ms ease all; }
.pre_wrap i{ position: absolute; width: 100%; height: 100%; background: url(../images/pre_logo.png) center no-repeat; display: none; }
@-moz-keyframes spin{ 
	100% {-moz-transform: rotate(360deg) } 
}
@-webkit-keyframes spin{ 
	100% {-webkit-transform: rotate(360deg) } 
}
@keyframes spin{ 
	100%{-webkit-transform: rotate(360deg);transform: rotate(360deg) } 
}

/*��ҳ*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-dots { height: 14px; text-align: center; width: 100%; bottom: 40px; position: absolute; width: 100%; list-style: none; display: block; padding: 0px 8px; box-sizing: border-box; }
.slick-dots li{ cursor: pointer; width: 14px; /*overflow: hidden;*/ height: 14px; background: #535353; border-radius: 50%; display: inline-block; zoom: 1; *display: inline; margin: 0 2.5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active{ /*overflow: hidden;*/ background: #fff; border: none;}
.banner{ /*background: url(../images/loading.gif) center no-repeat;*/ min-height: 550px; min-width: 1000px; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.banner .banner-wrap{ min-height: 550px; min-width: 1000px;}
.banner .slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 9px; height: 6px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s;transition: all .5s; cursor: pointer; position: absolute; z-index: 10;}
.banner-wrap .banner-bg{ height: 900px; /*min-height: 550px;*/ min-width: 1000px; background-size:cover;background-position: center center; height: 100%; width: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc);}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {  border: 0;  outline : 0; } 
.slick-arrow{ outline: none; background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; cursor: pointer; position: absolute; z-index: 10;}
.slick-arrow{ width: 35px; height: 69px; }
.slick-prev{ top: 50%; margin-top: -34.5px; left: -120px; }
.slick-next{ top: 50%; margin-top: -34.5px; right: -120px;}
.slick-prev:hover{ opacity: 1; }
.slick-next:hover{ opacity: 1; }
.sco_slide .slick-dots{ bottom: -40px; }
.scoimg .slick-dots{ bottom: 40px; }
.section{ min-height: 550px; }

.sec_main .logo{ left: 40px; top: 8.87%; z-index: 9999; width: 11%; }


.sec_main .menu{ display: none; min-width: 288px; background: url(../images/bg01.jpg); position: absolute; left: 0; top: 0; height: 100%; z-index: 1100; }
.sec_main .menu ul{ width: 200px; position: absolute; top: 22.3%; left: 50%; margin-left: -100px; height: 40%; }
.sec_main .menu ul li{ border-bottom: 1px solid #ffffff; height: 22%; display: table; width: 100%;}
.sec_main .menu ul li.on,.menu ul li:hover{ border-color: #fff; }
.sec_main .menu ul a{ display: block; padding: 0 8%; color: #fff; display: table-cell; vertical-align: middle; }
.sec_main .menu ul h2{ font-size: 15px; line-height: 19px; margin-bottom: 4px; }
.sec_main .menu ul p{ font-size: 12px; text-transform: uppercase; line-height: 15px; }
.sec_main .menu .contact{ position: absolute; left: 50%; margin-left: -110px; width: 220px; bottom: 6.54%;}
.sec_main .menu .contact .top{ margin-bottom: 14px; }
.sec_main .menu .contact p{ font-size: 14px; line-height: 25px; color: #fff; }
.sec_main .menu .contact a{ font-size: 0; float: left; margin-right: 7px; }
/*section1*/
/*.section1{min-height:550px;min-width: 1000px;margin: 0px; }*/
.down{ padding: 10px 0; width: 100px; height: 70px; text-align: center; color: #fff; font-size: 13px; bottom: 40px; left: 50%; margin-left: -50px; z-index: 999; cursor: pointer; }
.down img{ margin-top: 12px; }
.down:hover img{ animation: 1000ms linear bounceInDown infinite; }
@-webkit-keyframes bounceInDown{
0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}
100%{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}
}
@keyframes bounceInDown{
0%{opacity:0;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
100%{opacity:1;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
/*section2*/
.section2{display: block;margin: 0px;height:640px}
.i_title{ width: 320px; margin: 0 auto; padding-top: 2%; height: 34.6%; box-sizing: border-box; }
.i_title h1{ font-size: 30px; color: #000; margin-bottom: 0.7%; }
.i_title h2{ height: 25px; border-bottom: 3px solid #eee; margin-bottom: 10px; font-size: 18px; color: #000; text-transform: uppercase; }
.i_title h2 span{ background: #eee; padding: 0 40px; }
.section2,.section3{ background: url(../images/bg1.jpg); }
.section2 .top{ height: 50%;}
.section2 .bottom{ height: 56%; background: #ffffff no-repeat; background-size: cover; }
.sec2_list{ font-size: 0; height: 65.4%;}
.sec2_list li{ overflow: hidden; position: relative; width: 12.6%; max-width: 185px; display: inline-block; *display: inline; *zoom: 1; margin: 0 2.3%; height: 100%; }
.sec2_list p{ font-size: 20px; color: #3a3a3a; }
.sec2_list .round{ margin: 0 auto 7%; width: 100%; height: 60%; box-sizing: border-box; border: 1px solid #ccc; border-radius: 50%;  background-repeat: no-repeat; background-position: center; background-size: 46%; }
.sec2_list .tit{ display: none; position: absolute; left: 50%; margin-left: -12.5px; bottom: -12.5px; width: 25px; height: 25px; background: url(../images/icon18.png) no-repeat; }
.sec2_list li.on .round,.sec2_list li:hover .round{ background: #ffffff; border-color: #ffffff; background-repeat: no-repeat; background-position: center; background-size: 46%; }
.sec2_list li.on .tit{ display: block; }
.sec2_img{ font-size: 0; width: 72.9%; height: 100%; overflow: hidden;}
.sec2_img > li{ display: none; opacity: 0.8; filter: alpha(opacity=80); background-size: cover; position: relative; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; }
.sec2_img > li:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }
.sec2_img .box{ position: absolute; height: 100%; width: 100%; padding: 3% 0; box-sizing: border-box;}
.sec2_slick{ width: 45.6%; max-height: 100%; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.sec2_slick img{ width: 100%; height: 100%; }
.sec2_slick .slick-dots{ bottom: 15px; }
.sec2_txt{ max-height: 260px; overflow: auto; font-size: 14px; line-height:23px; width: 52.3%; margin-left: 2.1%; display: inline-block; vertical-align: middle;}
/*section3*/
.section3{display: block;margin: 0px;height:650px}
.section3 .top{ height: 39%; }
.section3 .bottom{ height: 61%;width:85%;margin: 0 auto;}
.section3 .i_title{ height: 48.1%; }
.sec3_list{ font-size: 0; height: 36.1%; }
.sec3_list li{ margin: 0 1%; position: relative; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; border-radius: 4px; width: 12%; max-width: 230px; height: 100%; max-height: 150px; }
.sec3_list h2{ font-size: 20px; font-weight: bold;   color:#fff;}
.sec3_list p{ font-size: 18px;color:#fff; }
.sec3_list .tit{ display: none; position: absolute; left: 50%; margin-left: -12.5px; bottom: -12.5px; width: 25px; height: 25px; background: url(../images/icon18_case.png) no-repeat;opacity: 0.5; }
.sec3_list .box{ display: table; width: 100%; height: 100%; }
.sec3_list .box em{ display: table-cell; vertical-align: middle; }
.sec3_list li.on,.sec3_list li:hover{background: #0c3977!important;opacity: 0.5; }


.sec3_list li.on .tit{ display: block; }
.section3 .bottom{position:relative;overflow:hidden;zoom:1;}
.icase_box{ height: 100%; }
.icase_box .m_wrap26{ display: none; opacity: 0.5; filter: alpha(opacity=50); }
.icase_box .m_wrap26:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }
.m_wrap26{width:65.6%;height:100%;margin:auto;position:relative;}
.m_wrap26 .bg{ background: #0c3977; width:33.3%; height:100%; position:absolute; top:0; left:0; z-index:998;}
.m_wrap26 .text{ width: 33.3%; height: 100%; position:absolute; top:0; left:0; z-index:99;}
.m_wrap26 li a{display:block;width:1260px;height:100%;overflow:hidden;}
.m_wrap26 ul{width:100%;height:100%;}
.wrappic{overflow:visible;position:relative; width: 100%; height: 100%; }
.wrappic .slick-list{ height: 100%; overflow: visible; }
.wrappic .slick-track{ height: 100%; }
.wrappic .slick-arrow{ width: 35px; height: 77px; }
.wrappic li{ background-size: cover; background-position: center; background-repeat: no-repeat; }
.wraptxt .text{ display: none; opacity: 0.5; filter: alpha(opacity=50); }
.wraptxt .text:first-child{ display: block; opacity: 1; filter: alpha(opacity=100); }
.wraptxt .text .box{display: block; width:100%; height:100%; box-sizing: border-box; color:#FFF; padding:0 9%; z-index:999;}
.wraptxt .text .box .img{ height: 4.4%; font-size: 0; margin-bottom: 6.5%; margin-top: 18%; }
.wraptxt .text .box .img img{ max-width:100%; max-height:100%;}
.wraptxt .text .box h2{ width: 100%; font-size:18px;}
.wraptxt .text .box .line{ margin: 5% 0 8.5%; width: 94px; height: 1px; background: #fff; }
.wraptxt .text .box p{ font-size:14px; line-height:20px; }
.wraptxt .text .box .more{ margin-top: 10%; text-align: center; width:145px; height:39px; line-height: 39px; border-radius: 20px; color: #000; display:block; background: #f3c40c; opacity: 0.85; filter: alpha(opacity=85);}
.bottom .more{ margin: 0.5%;text-align: center; width:145px; height:39px; line-height: 39px; border-radius: 20px; color: #000; display:block; background: #f3c40c; opacity: 0.85; filter: alpha(opacity=85);}

/*.wraptxt .text .box .more:hover{ background: #f3c40c; border-color: #f3c40c; color: #f3c40c; }*/
.wraptxt .text .box .more i{ font-family: '微软雅黑'; margin-left: 12px; }
.mask-left,.mask-right{z-index:1;position:absolute;top:0;left:0;width:17.2%;height:100%;overflow:hidden;left:0;}
.mask-right,.mask-left{z-index:4;left:0;overflow:hidden;}
.mask-right{ left:auto; right: 0;}
.m_wrap26 .slick-prev{left:-90px;}
.m_wrap26 .slick-next{right:-90px;}
.t_box{ max-height: 35%; overflow: hidden; line-height: 20px; text-indent:24px; font-size:13px; }
/*section4*/
.bg_f6f6f6{  background: url(../images/bg1.jpg);  }
.bg_f6f6f6 .i_title{ height: 14%; padding: 0 0 1%; }
.bg_f6f6f6 .i_title h2 span{ }
.logobox{ width: 100%; height: 90%; }
.l_box{ width: 85%; height: 95%; margin:0 auto;}
.l_box img{  width: 100%; height: 100%;}
.sec4_box{ height: 85%; }
.sec4_bottom{ height: 7.6%; }
.sec4_box ul{ text-align: center; height: 100%;  width: 85%; margin: 0 auto; }
.sec4_box ul li{ vertical-align: top;  display: inline-block; *display: inline; *zoom: 1; width: 23.4%; margin: 0.45% 0.5%; padding: 0.4% 0; box-sizing: border-box; height: 50%; }
.sec4_box ul li .i_box{ overflow: hidden; box-shadow: 0 2px 20px #ececec; width: 100%; height: 100%;/* display: table; text-align: center;*/ background: #fff; }
.sec4_box ul li img{ max-width: 100%; max-height: 100%; vertical-align: middle; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
.sec4_box ul li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

.vm_span{ vertical-align: middle; width: 1px; margin-left: -1px; height: 100%; display: inline-block; *display: inline; *zoom: 1; }
.inx_footer{ position: absolute; width: 100%; left: 0; }

/*��ҳheader*/
.sheader{position: fixed;top:0;   height:110px; line-height: 9%; font-size: 0;z-index:999;width:100%;background:#ffffff ;}
.sheader h1 a h2{ color:;}
.sheader_div{ position:relative; height:110px; width:100%;}

.sheader .slogo{ margin: 0 1%; width:190px; display:block; float:left; margin-top:5px;}

.sheader h1{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;  font-size: 20px;float:right;  padding:0px 3% 0px 1%;}


.sheader h1 a{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;  font-size: 18px;    }

.sheader .snav{ font-size: 20px;float:right;  padding: 2%;z-index:999;   }
.sheader .snav li{  float:left;}
.sheader .snav a{ display: inline-block; padding: 0.8%;  }
.sheader .snav h2{ font-size: 15px; line-height: 1%; margin-bottom: 0.2%; }
.sheader .snav p{ font-size: 12px; text-transform: uppercase; line-height: 15px; }
.l_tel{ font-size:26px; font-weight:bold; color:#C40E24; display:inline-block; font-weight:;letter-spacing: 0px; float:right;
    overflow: hidden; margin:10px 3% 0px 0px;
    line-height:34px;
    text-align: center; font-family: ;}
.sheader .lgoclul li{float:left;padding:15px 10px 30px 10px; position:relative;}
.sheader .lgoclul li div{ position:absolute; left:0px; top:45px; background:#ffffff; z-index:100; line-height:2; width:100px; display:none;}
.sheader .lgoclul li div a{ font-size:14px; display:block; clear:both;  text-indent:8px; width:100px; height:30px; line-height:30px; overflow:hidden;}
.sheader .lgoclul li div a:hover{ background:#f5f5f5;}
.l_tel img{ display:inline-block; float:right;margin-right:5px;}
.l_tel span{display:inline-block; float:right; }
.sheader .l_a1{ height:100%; display:inline-block; float:left;margin-left: 2%; width:410px;}
.sheader .l_a1 span{ display:block; float:left; width:200px; padding-top:4px; overflow:hidden; margin-top:12px; padding-left:6px;border-left: 1px solid #333;}
.sheader .l_a1 span *{ display:block; clear:both; font-size:18px; line-height:1.2; color:#000000;}
.sheader .l_a1 span b{ font-weight:bold;}
/*wbanner*/
.wbanner{ position:relative; background-size:100%;  height: 450px; color: #eee; }
.wbanner img{height: 100%;width: 100%;}
.wbanner h1{ font-size: 48px; text-transform: uppercase; padding-top: 180px; margin-bottom: 10px; }
.wbanner h2{ font-size: 30px; letter-spacing: 3px; }
.wbanner .baseWidth{ height: 100%; position: relative; }
.square{ position: absolute; bottom: 0; left: 10%; text-align: left; box-sizing: border-box; background-color:rgba(255,255,255,0);  width: 12%; height: 18%; }
.square .box{ position: absolute; left: 0; bottom: 0; padding: 0 28px;}
.square h3{ margin-bottom: 7px; line-height: 28px; color: #eeeeee; font-size: 20px; text-transform: uppercase; }

.square p{ font-size: 24px;}
.square .tit{ margin: 10px 0 25px; display: block; width: 18px; height: 9px; background: url(../images/icon2.png) no-repeat; }

.square:hover .m_nav1{ display: block; }
.m_nav1{ display: none; background:url("../images/sbg2.png"); position:absolute; padding-bottom: 20px; top:99.3%; left:0; min-width:185px; z-index:99;}
.m_nav1 .arrow{ background:url("../images/icon3.png") no-repeat;   width:26px; height:12px; margin-left:23px;}
.m_nav1 ul{ padding-right: 0px; width:auto; background:url("../images/icon4.png") 35px top repeat-y; margin:20px 0;}
.m_nav1 ul li{ font-size: 0; padding:22px 0 0 0; height: 28px; line-height: 28px;    white-space: pre;}
.m_nav1 ul li.last{ padding-bottom:25px;}
.m_nav1 ul li a{ font-size:13px; display:inline-block; text-indent:10px; vertical-align: middle; line-height: 1.3; white-space: pre;}
.m_nav1 ul li i{ width:19px; height:19px; display:inline-block; vertical-align: middle; margin:0 15px 0 27px;}
.m_nav1 ul li:hover a{ color: #0a3269; }
.path{ padding-left: 22px; position: absolute; bottom: 50px; right: 0; background:#B45B3E left center no-repeat; }
.path a{position: relative; color: #fff; font-size: 14px; display: inline-block; *display: inline; *zoom: 1; padding: 2px 0; vertical-align: middle; overflow: hidden; }
.path a:hover{ color: #fcc800; }
.path a:before{content:'';position:absolute;width:100%; background: #B45B3E;height:1px;bottom:0;left:-100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.path a:hover:before{left:0px;}
.path span{ vertical-align: middle; }
.path font{ margin: 0 10px; vertical-align: middle; }

about_main{ padding: 65px 0; }
.about_main img{ max-width: 100%; }
.about_main p{ line-height: 27px; color: #666; }

/*����Χ*/
.ser_main{ padding: 20px 0; background: url(../images/bg1.jpg); }
.ser_list{ background: #fff; padding: 10px 53px; }
.ser_list li{ padding: 34px 0; border-bottom: 1px solid #eee;}
.ser_list li a.img_box{ display: block; overflow: hidden; float: left; }
.ser_list li img{ width: 324px; height: 183px; vertical-align: top;}
.ser_list li div.fr{ width: 750px; vertical-align: top;}
.ser_list li div.fr a{ display: block; font-size: 18px; margin-bottom: 14px; margin-top: 6px;}
.ser_list li div.fr a:hover{ color: #0a3269; }
.ser_list li div.fr p{ color: #666; line-height: 25px; margin-bottom: 40px; }
.ser_list li div.fr span{ display: block; color: #666; background: url(../images/icon10.png) left center no-repeat; text-indent: 20px; }
.ser_top{ padding: 20px 5px 15px; }
.ser_top em{ cursor: pointer; font-size: 16px; color: #666; padding: 0 30px; }
.ser_top em:hover{ color: #0a3269; }
.gotop{ background: url(../images/icon11.png) left center no-repeat; }
.showmore{ background: url(../images/icon12.png) right center no-repeat; }

/*��������*/
.ser_detail{ background: #eee; padding: 1% 5% 4%; box-sizing: border-box; }
.ser_detail .info{ color: #666; text-align: center; margin-bottom: 42px; }
.ser_detail .info h1{ font-size: 40px; color: #000; margin-bottom: 0.7%; }
.ser_detail .info h2{ height: 10px;  margin-bottom: 10px; font-size: 18px; color: #000; text-transform: uppercase; }.ser_detail .info h2 span{ background: #eee; padding: 0 40px; }

.ser_detail .text{ text-align: center; width:100%;    line-height: 2.1em; }
.ser_detail .more{color:#A5342B;}
.ser_detail p{ color: #666; line-height: 24px; }
.ser_detail img{ max-width: 100%; }


.box_detail{ padding: 5px 2px 5px;overflow:hidden; box-sizing: border-box;border-bottom:2px solid #a6352a00;}
.box_detail .div_l{float:left;font-size: 16px;}
.box_detail .div_r{text-align: right;float:right;font-size: 16px;}

/*����չʾ*/
.case_main{ padding: 46px 0; }
.bg_f4f4f4{ background: #f4f4f4; }

.case_list{ 
padding-bottom: 32px; 
border-bottom: 1px solid #e0e0e0; 
margin-bottom: 32px; 

}

.case_list li{ margin-right: 14px; background: #f5f5f5; border: 1px solid #e0e0e0; color: #666; float: left; height: 42px; line-height: 42px; min-width: 187px; text-align: center; }


.case_list li a{ display: block; }

.case_list li.on,.case_list li:hover{ background: #fcc800; border-color: #e5c754; }
.case_list li.on a,.case_list li:hover a{ color: #fff;}
#freewall { width: 100%; background:#f5f5f5; margin-bottom: 50px; }
.list_div{
width:100%;
overflow:hidden;
height:450px;
}
.list_left{
float:left;
height:450px;
width:50%;
min-height:10px;
}


.list_right{
float:right;
width:49%;
height:490px; 
}

.m_list1{ width:100%; margin:0 10px 10px 0px; background:#f5f5f5;height: 400px;box-sizing:content-box; }
.m_list1 .img{ overflow:hidden; width:100%;height:100%}
.m_list1 .img img{ width:100%; transition:all 0.5s;height:100%;}
.m_list1 .con{ padding:0 18px;height:50px}
.m_list1 .con .p1{ width: 100%; height:50px; line-height:50px; font-size:24px; color:#666; float:left;text-align: center;}
.m_list1 .con .p2{ font-size:16px; color:#999;}
.m_list1:hover{ background:#e1e1e1;}
.m_list1:hover img{transform:scale(1.1);}


.m_list2{ width:47%;float:left;margin:0 5px 5px 10px; background:#f5f5f5; height:224px;box-sizing:content-box }
.m_list2 .img{ overflow:hidden;height: 180px;}
.m_list2 .img img{ width:100%; transition:all 0.5s;height: 180px;}
.m_list2 .con{ padding:0 10px;}
.m_list2 .con .p1{ width: 100%; height:25px; line-height:25px; padding:5px 0; font-size:16px; color:#666; float:left;text-align: center;}
.m_list2 .con .p2{ font-size:14px; color:#999;}
.m_list2:hover{ background:#e1e1e1;}
.m_list2:hover img{transform:scale(1.1);}


.rlist_div{
height:auto;
width:100%;
overflow:hidden;
}

.r_list{ width:32.3%;float:left;margin:0 10px 10px 0; background:#f5f5f5; height:25%; }

.r_list .img{ overflow:hidden;}

.r_list .img img{ width:100%; transition:all 0.5s;}

.r_list .con{ padding:0 10px;}

.r_list .con .p1{ width: 100%; height:30px; line-height:30px; padding:5px 0; font-size:16px; color:#666; float:left;}
.r_list .con .p2{ font-size:14px; color:#999;}

.r_list:hover{ background:#e1e1e1;}

.r_list:hover img{transform:scale(1.1);}

.newslist_div{
height:auto;
width:100%;
overflow:hidden;
}
.news_list{
float:left;
width:48.5%;
overflow:hidden;
background:#f5f5f5;
margin:0.7% 0.7%;

}

.news_list_l{

 width:64.8%;
float:left;
margin:0 0.1%;
}

.news_list_l .title {
 
font-size:16px; color:#666; float:left; width:100%;line-height:60px; border-bottom:1px dashed #000000; text-indent:4px;

}

.news_list_l .content {
 
 font-size:13px; color:#666; float:left;width:98%;padding: 8px 0 0px 1%; height:56px; overflow:hidden;}
 



.news_list_r{

 width:35%;
  float:left;
}

.news_list_r .img{ overflow:hidden;}

.news_list_r .img img{ width:100%; transition:all 0.5s; display:none;}

.news_list_r .img a{ display:inline-block; width:100%; height:126px; background:url() no-repeat center center; background-size:cover;}


.pages {padding: 30px 0 30px;text-align: center}
.pages li {display: inline}
.pages li.thisclass, .pages a:hover{padding: 5px 10px; border: 1px solid #da484b;	background: #da484b;color: #fff;text-decoration: none}
.pages a{padding: 5px 10px;border: 1px solid #CCC;background: #fff;color: #A4A4A4;line-height: 18px}



.m_wrap15{ padding:50px 0;}
.m_bg5{ background: url(../images/line1.png) top center no-repeat #f5f5f5; }
.m_wrap15 li{ float:left; padding-right:12px;}
.m_wrap15 li .list{ width:250px; position:relative; overflow:hidden;}
.m_wrap15 li .list .img{ overflow:hidden;}
.m_wrap15 li .list .img img{ transition:all 0.5s; max-width: 100%; }
.m_wrap15 li .list .con{ position:absolute; bottom:-55px; left:0; width:100%; height:55px; line-height:23px;}
.m_wrap15 li .list .con .p1{ font-size:14px; padding-top:5px; margin:0 10px;}
.m_wrap15 li .list .con .p2{ font-size: 12px; margin:0 10px; color: #999; }
.m_wrap15 li .list .bg1{ background:url("../images/sbg3.png"); color:#323232;}
.m_wrap15 li .list .bg2{ background:url("../images/sbg4.png"); color:#FFF;}
.m_wrap15 li .list .bg3{ background:url("../images/sbg5.png"); color:#FFF;}
.m_wrap15 li .list .bg2 p,.m_wrap15 li .list .bg3 p{ color: #fff!important; }
.m_wrap15 li .list:hover img{transform:scale(1.1);}
.m_wrap15 li .list1{ width: 460px; box-shadow:#9b9b9b 2px 2px 5px;}
.m_wrap15 li .list1 .img{ overflow:hidden;}
.m_wrap15 li .list1 .img img{ transition:all 0.5s; max-width: 100%;}
.m_wrap15 li .list1 .con{ background:#FFF; height:55px; line-height:23px;}
.m_wrap15 li .list1 .con .p1{ font-size:14px; padding-top:7px; margin:0 10px; color:#323232;}
.m_wrap15 li .list1 .con .p2{ font-size: 12px; color:#999; margin:0 10px; line-height: 15px; }
.m_wrap15 li .list1:hover img{transform:scale(1.1);}
.h15{ height: 15px; }
.m_wrap15 li.pr0{ padding-right: 0; }

/*�˲ſ�����*/
.cia_main{ background: url(../images/bg1.jpg);}
.cia_list{ padding: 80px 0 60px; }
.cia_list li{ position: relative; display: table; text-align: center; background: #fff; margin: 0 102.3px; width: 197px; height: 197px; border-radius: 50%; border: 1px solid #d3d3d3; box-sizing: border-box; float: left; }
.cia_list li p{ font-size: 20px; color: #666; }
.cia_list li img{ margin-bottom: 23px; }
.cia_list li .box{ display: table-cell; vertical-align: middle; }
.cia_list li .tit{ display: none; position: absolute; left: 50%; margin-left: -12.5px; bottom: -73px; width: 25px; height: 25px; background: url(../images/icon18.png) no-repeat; }
.cia_list li.on,.cia_list li:hover{ background: #0c3977; }
.cia_list li.on .tit{ display: block; }
.cia_list li.on p,.cia_list li:hover p{ color: #fff; }
.bg_0a3269{ background: #0a3269; color: #fff; padding-bottom: 80px; }
.re_list{ padding: 35px 0 50px; }
.re_list li{ background: url(../images/icon19.png) 99.3% 27px no-repeat; padding: 10px 0; border-bottom: 1px solid #35527b; }
.re_list li.on{ background: url(../images/icon19on.png) 99.5% 27px no-repeat; }
/*.re_list li.on .detail{ display: block; }*/
.re_list h2{ margin-bottom: 23px; font-size: 17px; color: #fcc800; }
.re_list li .top{ cursor: pointer; padding: 24px 0; }
.re_list .info p > span{ float: left; border-left: 2px solid #d2d6de; padding: 0 30px; }
.re_list .info p > span:first-child{ border-left: none; padding-left: 0; }
.re_list .detail{ display: none; margin: 24px auto; line-height: 22px; }
.re_list .detail h3{ font-size: 15px; margin-bottom: 8px; }

/*�����̿�����*/
.team_box{ padding: 70px 0 20px; }
.team_box p{ line-height: 36px; font-size: 16px; }

/*��˾��ַ���绰*/
.bg_dedede{ background: #dedede; padding: 70px 0 80px; }
#allmap{ width: 100%; height: 612px; box-shadow: 0 0 0px #999;}

/*����Χ*/
.sco_main{ background: url(../images/bg1.jpg); padding: 60px 0 70px; }
.sco_slide{ width: 1205px; margin: 0 auto; }
.scoimg{ width: 780px; height: 633px; }

.scotxt{ padding: 80px 40px 40px; box-sizing: border-box; background: #0c3977; color: #fff; width: 425px; height: 633px; }
.scotxt a{ color: #fff;}
.scotxt h1{ font-weight: bold; font-size: 45px; margin-bottom: 26px; }
.scotxt h2{ font-size: 18px; }
.scotxt .line{ width: 94px; height: 1px; background: #fff; margin: 0px 0 22px; }
.scotxt .text{ max-height: 345px; overflow: hidden; }
.scotxt p{ line-height: 25px; }
.mCustomScrollBox{font-size: 13px;
    line-height: 1.8em;}


@media screen and (min-width: 1460px){
.sec2_list li{ max-height:; max-width:300px; width: 6.6%;    margin: 0 5.3%;}
.sec2_list .round{    margin-top: 20px;}
.sheader h1{ display:block; clear:both;}
}
@media screen and (max-width: 1459px){
.sheader h1 a{ font-size:16px;}
.footm{ width:36%;}
.qward{width:24%;}
.company{    width: 38%;    margin-right: 2%;}
}
@media screen and (max-width: 350px){

}