html{-webkit-text-size-adjust:none; }
 body{ color:#333;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } em,i{ font-style:normal;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}
.colwrapper { overflow:hidden; zoom:1 ; margin:5px auto; } 
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; }

.tal{ text-align:left} .tar{ text-align:right;}


.justify {
	text-align:justify;
	text-justify:distribute-all-lines;
	text-align-last:justify;
	-moz-text-align-last:justify;
	-webkit-text-align-last:justify;
}

.toe{
	
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

img {
    max-width: 100%;
	height:auto;
}
strong{ font-weight:normal;}


  a{ color:#333; -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    text-decoration: none;}
  a:hover{ color:#c40008; text-decoration:none;}

a:hover {
    text-decoration: none; color:#c40008;
}

select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}
body{font-family:'微软雅黑'; line-height:1.5; font-size:14px; color:#333; background:#fff;}

.img img,.thumb img{webkit-transform:translateZ(0);-webkit-transition:.2s;-moz-transform:translateZ(0);-moz-transition:.2s;-ms-transform:translateZ(0);-ms-transition:.2s;-webkit-transform-style:preserve-3d;}
.img img:hover,.thumb img:hover{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}

 .lft,.fl{ float:left;}
 .rgt,.fr{ float:right;}
.wrapper{
	margin:0 auto;	width:1200px; 
}
.header{ height:180px; background:#fff; 
}
.header .header-top{ height:98px; border-bottom:1px solid #ddd; margin-bottom:17px;}
.header .header-content{ clear:both;}
.header .wrapper{ position:relative;}
.header .logo{ float:left; margin-top:25px;}
.header .logo img{}
.header .search{ border:1px solid #ddd; border-radius:5px; width:238px; float:right; margin-top:30px; position:relative;}
.header .search .text{ height:32px; line-height:32px; height:20px; padding:6px; width:160px; border:none; outline:none; background:none; outline:none;}
.header .search .btn{ display:block; height:32px; line-height:32px; width:32px; background:url(../image/search.png) no-repeat center center; cursor:pointer; border:none; position:absolute; right:0; top:0; text-indent:99999px;}


.header .nav { font-size:18px; height:40px; line-height:40px; text-align:center;color:#8c8c8c; float:left;}
.header .nav ul{} 
.header .nav li{ float:left;height:40px; line-height:40px; padding-right:20px; margin-right:20px; background:url(../image/line.png) no-repeat right center;}
.header .nav li a{ display:block; height:40px; line-height:40px; overflow:hidden;  color:#8c8c8c;}
.header .nav li a:hover,.header .nav li.selected a{color:#5b9bd5; }
.header .tel{ background:url(../image/tel.png) no-repeat left center; line-height:40px; float:right; padding-left:24px; color:#8c8c8c; font-size:18px;}

.fullSlide{ position:relative; margin:0 auto; overflow:hidden;  }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li { position:relative; overflow:hidden;}
.fullSlide .bd li img{width:100%; display:block;} 
.fullSlide .bd li  a{ display:block; }
.fullSlide .hd { width:100%;position: absolute; height:24px; padding-top:8px; bottom:12px; text-align: center; font-size:0; z-index:1;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd li{margin: 0 3px; background: url(../image/d1.png) no-repeat center center; height: 16px; overflow: hidden; width: 13px; cursor: pointer;display:inline-block; *display:inline; zoom:1; }
.fullSlide .hd .on{ background: url(../image/d2.png) no-repeat center center;  }
.fullSlide .prev,
.fullSlide .next { width: 60px; height: 90px; margin: -45px 0 0; display: none; background: url(../image/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.fullSlide .prev { left:3%; }
.fullSlide .next { background-position: 0 -90px; right:3%;}
.fullSlide .prev:hover,
.fullSlide .next:hover { filter:alpha(opacity=80) !important;opacity:0.8 !important;  }


.home_mod{ padding:60px 0; padding-bottom:50px; }
.home_mod .head{ text-align:center; margin-bottom:36px;}
.home_mod .head .title{ height:60px; line-height:60px; border-bottom:1px solid #d8d8d8; margin-bottom:12px; }
.home_mod .head .title strong{ height:59px; line-height:59px; font-size:28px; color:#333333; position:relative; top:1px; display:inline-block; *display:inline; zoom:1; vertical-align:top;position:relative; zoom:1; }
.home_mod .head .title strong:after{ content:""; display:block; clear:both; border-bottom:3px solid #222222; width:110px; position:absolute; left:50%; margin-left:-55px; bottom:-1px;}
.home_mod .head span{ font-size:14px; color:#b4b4b4; text-transform:uppercase;}
.team_mod1{ background:#eaf3f7;}
.team_mod1 .head .title{ border-bottom:1px solid #6d6b6a;}
.team_mod1 .head .title strong:after{ border-bottom:5px solid #6d6b6a; width:80px; margin-left:-40px;bottom:-3px;} 
.team_mod2 .head .title strong:after,.partner_mod1 .head .title strong:after{ border-bottom:3px solid #8eb6d0; } 
.about_mod2 .head .title strong:after{border-bottom:3px solid #0a5ca1}
.content_wp{}

.home_about{ font-size:14px; color:#8c8c8c; line-height:1.5;}
.home_about .infobox .left{ float:left; width:400px;}
.home_about .infobox .left h3{ color:#6e6e6e; font-size:26px; margin-bottom:10px;}
.t2{ text-indent:2em;}
.home_about .infobox .right{ float:right; width:780px; padding-top:50px;}
.home_about .infobox .tips{ background:#6e6e6e; padding:10px 35px; border-radius:8px; color:#fff; font-size:20px; text-align:left; width:200px; margin-top:40px; }




.home_menu{   background:#a9d4e9; padding:200px 0;}
.home_menu ul li{ float:left; width:287px; height:286px; position:relative; margin-right:146px;}
.home_menu ul li .desc{ position:absolute; left:0; top:0; width:287px; height:206px; color:#fff; padding-top:80px; background:url(../image/s_bg.png) no-repeat center center;opacity:0; filter:alpha(opacity=0);transition: all 0.3s ease-in-out 0s;}
.home_menu ul li .desc h4 { text-align:center; padding-bottom:24px; border-bottom:1px solid #fff; width:180px; margin:0 auto; margin-bottom:15px;}
.home_menu ul li .desc h4 img{ vertical-align:top;}
.home_menu ul li .desc p{ width:180px; margin:0 auto;}
.home_menu ul li.last{ margin:0;}
.home_menu ul li:hover .desc{opacity:1; filter:alpha(opacity=100);}
.home_img1{ text-align:center; vertical-align:top;}
.home_img4{ background:#e0e8ed; text-align:center;}
.home_img1 img,.home_img4 img{vertical-align:top;}
.home_img2{ height:590px;}
.home_img3{ height:750px;}
.home_img5{ height:616px;}
.home_img6{ height:597px;}

.home_coop ul { padding-left:60px;}
.home_coop ul li{ float:left; width:168px; padding:0 50px;position:relative; }
.home_coop ul li .imgs{ text-align:center; padding-bottom:15px;}
.home_coop ul li .desc{ font-size:14px; color:#666666;}
.home_coop ul li .desc h4{ font-size:20px; margin-bottom:5px; font-weight:bold;}

.home_case{ } 
.home_case .body h2{ background:url(/images/ss.png) no-repeat left center;color:#333333; font-size:20px; padding-left:33px; margin-bottom:20px; clear:both; overflow:hidden;}
.home_case .body ul{ width:104%;}
.home_case .body ul li{ float:left; width:25%; text-align:center; font-size:16px; color:#333333; position:relative; text-align:center;}
.home_case .body ul li .thumb{ display:block; position:relative; }
.home_case .body ul li .thumb img{ display:block; margin:0 auto; }
.home_case .body ul li .desc{ height:30px; line-height:30px; overflow:hidden; padding-top:12px; font-size:27px; text-align:center;}



.content_form{ clear:both;}
.content_form .head{ background:#12181f; padding-top:35px;}
.content_form .head img{ display:block; margin:0 auto;}
.content_form .body{ background:#12181f url(../image/mapbox.jpg) no-repeat center top; height:712px;}
.content_form .imgs{ float:right; margin-top:90px;}
.content_form .form{ width:600px;}
.content_form .form h3{ font-size:20px; color:#fff; margin-bottom:15px;}
.content_form .form{ float:left; width:570px; padding-top:110px;}
.content_form .form .text{ background:#fff; padding:5px 10px; height:20px; line-height:20px; border:none; width:156px;  font-size:14px; color:#666; font-family:"microsoft yahei",Arial, Helvetica, sans-serif;}
.content_form .form .text:focus{ background:#fff; color:#333;}
.content_form .form li{ float:left; margin-bottom:25px; margin-right:21px;}
.content_form .form li.last{ margin-right:0;}
.content_form .form .text2{ height:120px; width:550px; height:200px;}
.content_form .form .btns{ text-align:right; padding-top:45px; font-size:0;}
.content_form .form .btn{ border:1px solid #fff; width:110px; height:40px;color:#fff; background:none; font-size:20px; font-weight:bold; margin-left:10px;}
.content_form .form .btn:hover{border:1px solid #5b9bd5; color:#fff; background:#5b9bd5;cursor:pointer;}



.footer {
   
    background:#12181f; padding-top:30px; color:#fff;  position:relative;line-height:1.7; font-size:12px; text-align:left;
}
.footer .foot-info{ border-bottom:1px solid #aaaaaa; }
.footer .foot-info .lft{ float:left; width:630px;}
.footer .foot-info .lft .imgs{ border-right:1px solid #fff; height:150px; float:left;}
.footer .foot-info .lft .item { float:left; width:129px; text-align:center; margin-right:50px; font-size:18px; color:#fff;}
.footer .foot-info .lft .item img{ display:block; width:129px; height:129px; margin-bottom:10px;}
.footer .foot-info .lft .care{ float:left; padding-left:45px;}
.footer .foot-info .lft .care h4{ font-size:20px; margin-bottom:30px;}
.footer .foot-info .lft .care ul li{ float:left; margin-right:16px;}
.footer .foot-info .rgt{ padding-left:25px; border-left:1px solid #aaaaaa; float:right;height:150px;}
.footer .foot-info .rgt .tel{ float:left; background:url(../image/tel2.png) no-repeat left 0; margin-top:5px; padding-left:48px; width:150px; padding-right:20px; font-size:18px; line-height:24px;}
.footer .foot-info .rgt ul{ float:left;}
.footer .foot-info .rgt ul li{ font-size:18px; padding:5px 0; padding-left:44px;}
.footer .foot-info .rgt ul li.i1{ background:url(../image/ss2.png) no-repeat left center;}
.footer .foot-info .rgt ul li.i2{ background:url(../image/ss3.png) no-repeat left center;}
.footer .foot-info .rgt ul li.i3{ background:url(../image/ss4.png) no-repeat left center;}
.footer .foot-info .info{ clear:both; color:#ebe9e6; font-size:18px; text-align:center; padding:16px 0; padding-top:34px;}
.footer .foot-info .info strong{ font-size:20px; margin-right:15px;}
.footer .footer-copyright{ padding:24px; text-align:center; color:#9c9c9c; font-size:12px;}

.fullSlide1{ height:506px; }
.fullSlide2{ height:506px; }
.fullSlide4{ height:629px; }
.sbg{ background:#fff9ed;}
.section1{ padding:75px 0; font-size:18px; line-height:1.6;}
.section1 .imgs{ float:left; padding-top:70px; }
.section1 .imgs2{ float:right;  padding-top:20px;}
.section1 .desc{ float:right; width:700px;}
.section2 .desc{ float:left; width:700px;}
.section1 h3{ font-size:36px; color:#23a6d1; text-align:center; margin-bottom:18px;}
.section1 .txt strong{ font-size:21px; font-weight:bold;}
.section1 .txt strong.t1{ font-weight:normal; color:#23a6d1; font-size:18px;}
.section1 .txt { margin-bottom:22px;}
.section1 .list li{ background:url(../image/pic4.png) no-repeat left center; padding-left:20px; margin-bottom:8px;}
.section1 .list li strong{ font-size:21px; font-weight:bold;}
.section1 .list{ margin-bottom:24px;}

.team_mod2{ background:#eaf3f7;}
.team_mod1 ul{ width:1000px; margin:0 auto; padding-top:40px;}
.team_mod1 ul li{ margin-bottom:50px;}
.team_mod1 ul li .imgs{ float:left; margin-right:70px;}
.team_mod1 ul li .desc{ font-size:18px; padding-top:50px; width:700px; float:left;}
.team_mod1 ul li .desc h3{ margin-bottom:18px;}
.team_mod1 ul li .desc .txt{ text-indent:2em;}
.team_mod1 ul li.n2 .imgs{ float:right; margin-left:70px; margin-right:0;}
.team_mod1 ul li.n2 .desc{ float:left;}

.team_mod2 ul{ padding:30px 0;}
.team_mod2 ul li{ float:left; width:16.6666%; text-align:center; color:#4f4f4f;}
.team_mod2 ul li img{ vertical-align:top; display:block; margin:0 auto; margin-bottom:10px;}

.fullSlide3{ height:513px;}
.about_mod1{}
.about_mod1 .head .title strong:after{ border-bottom:3px solid #8eb6d0; } 
.about_mod1 .body{ padding-top:50px;}
.about_mod1 .body ul li { margin-bottom:30px;}
.about_mod1 .body ul li .imgs{ text-align:center; margin-bottom:10px;}
.about_mod1 .body ul li .txt{ background:url(../image/box.png) no-repeat center top; width:760px; height:188px; padding:30px 120px; margin:0 auto; font-size:20px; line-height:1.4;}
.about_mod1 .body ul li.n2 .txt{background:url(../image/box2.png) no-repeat center top; width:760px; height:148px;}
.about_mod2 .body{ text-align:center; padding-top:30px; padding-bottom:20px;}
.about_mod2 .txt{ font-size:24px; margin-bottom:70px; padding:0 100px;}
.about_mod2{ background-size:cover !important;}

.partner_mod1{ background:#fafafa;}
.partner_mod1 ul li{ padding-bottom:80px; background:url(../image/line2.png) no-repeat center bottom; zoom:1; padding-top:30px; margin-bottom:30px;}
.partner_mod1 ul li .imgs{ float:right;}
.partner_mod1 ul li:after{ clear:both; content:""; display:block;}
.partner_mod1 ul li .desc{ float:left; width:800px;}
.partner_mod1 ul li .desc h3 { font-size:22px; margin-bottom:10px;font-weight:bold;}
.partner_mod1 ul li .desc h3 strong{ font-size:30px;font-weight:bold;}
.partner_mod1 ul li .desc .st span{ background:#2b7abd; padding:2px 10px;font-size:16px; color:#fff;}
.partner_mod1 ul li .desc .st span strong{ font-size:20px;}
.partner_mod1 ul li .desc .st { margin-bottom:15px;} 
.partner_mod1 ul li .desc .txt{ text-indent:2em; font-size:16px;}
.partner_mod1 ul li .desc .txt strong{ font-weight:bold;}

.partner_mod1 ul li.n2 .imgs{ float:left;}
.partner_mod1 ul li.n2 .desc{ float:right; }
.partner_mod1 ul li.last{ margin-bottom:0; padding-bottom:0; background:none;}
.partner_mod2 .title2 { text-align:center; width:480px; margin:0 auto;}
.partner_mod2 .title2 strong{ display:block; font-size:40px; color:#fff; border-bottom:1px dashed #f7f8fa; padding-bottom:15px; margin-bottom:15px;}
.partner_mod2{ padding:100px 0; padding-bottom:120px;}
.partner_mod2 .title2 span{ color:#06365f; font-size:30px; display:block;}
.newsScroll{}
.newsScroll .bd ul{ padding:10px 0 !important;}
.newsScroll .bd ul li{ float:left; width:227px; height:129px; box-shadow:0 5px 5px rgba(35,152,219,0.6); margin-right:13px; margin-bottom:12px; }
.newsScroll .hd { text-align:center;}
.newsScroll .hd { width:100%;height:24px; padding-top:8px; text-align: center; font-size:0; z-index:1; margin-top:50px;}
.newsScroll .hd ul{ text-align:center; }
.newsScroll .hd li{margin: 0 8px; background:#a4c3da; height: 10px; overflow: hidden; width: 10px; cursor: pointer;display:inline-block; *display:inline; zoom:1; border-radius:100%; }
.newsScroll .hd .on{ background:#fff; border:1px solid #fff; margin-top:-1px; margin-bottom:-1px; margin-right:-1px; margin-left:-1px;  }

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(16px);
    transform: translateY(1em);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.01)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.01)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}}

@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}
100%{opacity:1;-moz-transform:translateY(0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight}