@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
body {
	font-family: 'Lato', sans-serif ;
	font-weight: normal;
}
/*General*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
body,html{ overflow-x:hidden;}
body{ color:#333;  height:auto; box-sizing:border-box; background-color:#fff; padding-top:94px;}
.course{-moz-user-select: none; /*火狐*/
  -webkit-user-select: none;  /*webkit浏览器*/
  -ms-user-select: none;   /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#007bb6; transition: all 0.3s ease;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;}
i,em{ font-style:normal;}



.header,
.logo img,
.slider-nav h3,
.ipro_list .pd,
.inews_list .img i,
.inews_list .em,
.inews_list .h3,
.more1 a,
body,
.news_list .em{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.qualifications_con .slick-slide,
.qualifications_con .slick-slide .pd,
.qualifications_con .img:after{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}




.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:10px;right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #000;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#007bb6;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#007bb6;
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}

.menu .h3 a i,
.menu .h3 a em,
.ibanner .slick-arrow,
.ipro_list .slick-arrow,
.case_tit .h3 em i,
.qualifications_con .slick-arrow,
.footer_nav .h3 i,
.footer_nav .h3 em{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.fll{ float:left;}
.fr{ float:right;}

.wp{ width:1250px; position:relative; margin:0 auto;}

.fix_body{ padding-top:66px;}
.fix_body .top_right{ display:none;}
.fix_body .menu{ padding-top:17px;}
.fix_body .logo{ padding-top:5px;}
.fix_body .logo img{ height:51px;}

.header{ background:#ffffff; position:fixed; left:0px; top:0px; right:0px; z-index:15; box-shadow:0 0 10px rgba(0,0,0,0.3);-webkit-transform: translateZ(0);}
.logo{ float:left; padding-top:5px;}
.logo img{ display:block;}

.menu{ float:right; padding-top:50px;}
.menu li{ float:left; margin-left:45px; position:relative;}
.menu .h3 a{ font-weight:400; font-size:19px; height:32px; line-height:32px; padding-bottom:12px; display:block; float:left; position:relative; color:#333;font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.menu .h3 .j{color: #ff0000;}
.menu .h3 a i,.menu .h3 a em{ position:absolute; right:25px; width:32px;  height:32px; margin-top:-16px; top:50%; line-height:32px; text-align:center; color:#fff; font-weight:500; display:none;}
.menu .h3 a i:before {content: "\e604";}
.menu .h3 a i.active:before {content: "\e606";}
.menu .h3 a em:before {content: "\e7f9";}
.menu .curr .h3 a i{ display:block;}

.menu .box{ position:absolute; left:0px; top:44px; width:280px; display:none;}
.menu .box:before { display:none; content: "\20"; background:url(../images/sj1.png) no-repeat; width:15px; height:8px; left:50%; top:-8px; position:absolute; margin-left:-7px;}
.menu .box a{ background:#007bb6; display:block; line-height:18px; padding:8px 10px;  border-bottom:1px solid rgba(255,255,255,0.5); color:#fff; font-weight:900;}
.menu .box a:hover{ background-color:rgba(0,157,223,0.9);}

.menu li:hover .box{ display:block;}

.menu_box{ display:none; background:rgba(255,255,255,1); position:absolute; left:0px; top:33px; right:0px; z-index:14;-webkit-transform: translateZ(0);}
.menu_box .icon-guanbi{ cursor:pointer; display:none; position:absolute; color:#000; font-size:18px; right:0px; top:0px; width:30px; height:30px; line-height:30px; text-align:center;}
.menu_box .li{ display:none; padding:61px 0 0 0; margin-bottom:35px;}
.menu_box .wp{ background:rgba(0,157,223,0.9);}
.menu_box ul{ padding:91px 0 30px 30px;}
.menu_box li{ float:left; width:33.333333%; box-sizing:border-box; padding-right:30px;}
.menu_box .h3{ border-bottom:1px solid rgba(255,255,255,0.5); margin-bottom:0px;}
.menu_box .h3 a{ font-size:16px; color:#fff; font-weight:500; line-height:20px; padding:8px 10px; display:block;}
.menu_box .h3 a:hover{ background-color:#007bb6;}
.menu_box .p{ margin-bottom:20px;}
.menu_box .p a{ display:block;  line-height:18px; padding:6px 10px 6px 20px; position:relative; color:#fff;}
.menu_box .p a:hover{ background-color:#007bb6;}
.menu_box .p a:before{ content: "\-"; color:#fff; position:absolute; left:10px; top:5px; font-size:24px;}
.menu_box .p a strong{ font-weight:normal;}
.menu_box .p a strong:after{ content: "\-"; color:#fff; font-weight:normal;}
.menu_box .p a:hover{}
.menu_box .close{ display:none; position:absolute; font-size:22px; width:24px; height:24px; line-height:24px; text-align:center; right:15px; top:85px;}
.menu_box .li2 li{ width:33.333333%;}

.menu_box_bg{ display:none; z-index:40; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:#e9e9e9;-webkit-transform: translateZ(0); width:100%; height:100%;}

.top_right{ position:absolute; right:0px; top:11px;}
.top_nav{ float:left; color:#898989; height:30px; line-height:30px;}
.top_nav a{  color:#898989;}
.top_nav span{ margin:0 14px;}
.top_nav a:hover{ color:#007bb6;}
.language{ float:left; margin-left:20px; position:relative;}
.language .h3{  height:28px; line-height:28px; border:1px solid #fff; cursor:pointer; padding:0 5px 0 25px; color:#000000; position:relative;}
.language .h3 img{ position:absolute; left:5px; top:50%; height:11px; margin-top:-6px; display:block; width:18px; height:12px;}

.language .h3 i{ }
.language .box{ display:none; position:absolute; left:0px; top:30px; right:0px;border:1px solid #ccc; border-top:none; background:#fff;}
.language .box a{ display:block; padding:0 5px 0 25px;  height:30px; line-height:30px; border-bottom:1px solid #ccc; position:relative;}
.language .box a:last-child{ border-bottom:none;}
.language .box a:hover{ background-color:#007bb6; color:#fff;}
.language .box img{ position:absolute; left:5px; top:50%; height:11px; margin-top:-6px; display:block; width:18px; height:12px;}

.language.curr .h3{ border:1px solid #ccc;}

.ibanner{ position:relative;}
.slider-for{}
.slider-for img{ display:block; width:100%; height:400px;}
.ibanner .slick-arrow{font-size:32px; position:absolute; top:50%; width:60px; height:60px; line-height:60px; text-align:center; z-index:13; background:rgba(0,0,0,0.3); padding:0px; border:none; color:#fff; border-radius:50%; margin-top:-60px; opacity:0.5;}
.ibanner .slick-prev{ left:10%;}
.ibanner .slick-prev:before { content: "\e6bd"; }
.ibanner .slick-next{ right:10%;}
.ibanner .slick-next:before { content: "\e651"; }
.ibanner:hover .slick-arrow{  opacity:1;}

.slider-nav{ background:rgba(0,157,223,0.9); position:absolute; left:0px; bottom:0px; right:0px;}
.slider-nav .slick-list{ width:1170px; margin:0 auto;}
.slider-nav h3{ height:50px; line-height:50px; color:#fff; text-align:center; font-size:14px; cursor:pointer;}
.slider-nav .slick-current h3{ background:#007bb6;}

.slider-nav .slick-arrow{top:-290px; display:none !important;}


.tit1{ font-size:30px; color:inherit; height:64px; line-height:64px; padding-top:0px; position:relative; text-align:center; font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.titp{ font-size:17px; color:#999;  line-height:30px; text-align:center; margin-bottom:20px; padding:0 20px;font-style: italic;
    font-family: Georgia;}
.more2{ position:absolute; right:0px;  color:#007bb6; font-size:14px;}

.ipro_list .slick-list{ margin-right:-1px;}
.ipro_list .pd{ display:block;position:relative;width: 350px; margin: 0 auto;color: #333;border: 1px solid #e6e6e6;}
.ipro_list .img{ width:350px;margin:0 auto;}
.ipro_list .img img{ width:100%; height:auto; display:block;}
.ipro_list .img:before{ display:none; content:'\20'; position:absolute; left:20px; top:20px; background:url(../images/r.png) no-repeat; width:81px; height:24px;}
.ipro_list .text{ padding:30px 0px 20px 0px;background:#f5f5f5;width:350px;margin:0 auto;}
.ipro_list .h3{    font-size: 17px;
    height: 1.3em;
    line-height: 1.3em;
    overflow: hidden;
    padding-left: 10px;
	 padding-bottom: 5px;
    font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
    font-weight: 500;
	text-align:left;}
.ipro_list .p{line-height:1.3em; padding-left:10px;padding-top:15px; padding-right:10px;}
.ipro_list i{ font-size:50px; display:block; height:20px; line-height:20px; text-align:right;}
.ipro_list .text:hover{ background:#007bb6; color:#FFFFFF;}
.ipro_list .table{ margin:0;}

.ipro_list .slick-arrow{font-size:50px; position:absolute; top:50%; width:50px; height:50px; line-height:50px; text-align:center; z-index:13; background:none; padding:0px; border:none; color:#999999; margin-top:-30px; display:block;}
.ipro_list .slick-prev{ left:-63px;}
.ipro_list .slick-prev:before { content: "\e6bd"; }
.ipro_list .slick-next{ right:-63px;}
.ipro_list .slick-next:before { content: "\e651"; }
/*.inews_list i{    width: 99px;
    height: 99px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -49.5px;
    left: 50%;
    margin-left: -49.5px;
    background: url(../../../../../images/playmenus01.png) no-repeat;
    cursor: pointer;}*/

.inews_list ul{ margin-right:-15px;}
.inews_list li{ width:33.333333%; float:left; margin-bottom:18px;}
.inews_list .pd{ display:block; margin-right:15px;}
.inews_list .img{ margin-bottom:18px; position:relative; display:none;}
.inews_list .img img{ width:100%;  display:block;}
.inews_list .img i{ position:absolute; right:0px; bottom:0px; width:94px; height:35px; line-height:35px; text-align:center; color:#fff; background:#007bb6; font-size:48px; opacity:0;}
.inews_list .text{ padding-left:105px; position:relative;}
.inews_list .h3{ font-size:16px; color:initial; height:26px; line-height:26px; overflow:hidden;font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.inews_list .p{  color:#888; height:38px; overflow:hidden;}
.inews_list .em{ position:absolute; left:0px; top:0px; width:95px; background:rgba(0,157,223,0.9); box-sizing:border-box; padding:10px 0 10px 15px;  color:#fff; border-radius:5px;}
.inews_list .em strong{ display:block; font-size:26px; font-weight:500; line-height:1;}
.inews_list .em em{ display:block; font-size:16px;}

.inews_list .pd:hover .em{ background:#007bb6; color:#fff;}
.inews_list .pd:hover .h3{ color:#007bb6; text-decoration:underline;}
.inews_list .pd:hover .img i{ opacity:1;}

.inews_list li:nth-child(1) .img,.inews_list li:nth-child(2) .img,.inews_list li:nth-child(3) .img{ display:block;}

.news .inews_list{ margin-bottom:40px;}
.news .inews_list .img{ display:block;}

.icase_list{ margin-bottom:20px;}
.icase_list .slick-list{ margin-right:-20px;}
.icase_list .pd{ margin-right:20px; position:relative; display:block;}
.icase_list .img{}
.icase_list .img img{ width:100%; height:400px; display:block;}
.icase_list .text{ position:absolute; left:25px; right:25px; bottom:18px; background:rgba(255,255,255,0.9);}
.icase_list .h3{ padding:0 70px 0 15px; line-height:44px; height:44px;}
.icase_list i{ position:absolute; right:0px; width:70px; height:44px; top:0px; text-align:center; line-height:44px; color:#007bb6; font-size:44px; line-height:44px;}

.icase_list .single-item{ padding-bottom:60px;}
.icase_list .slick-dots,.ipro_list .slick-dots,.slider-for .slick-dots{ position:absolute; left:50%; margin-left:-80px; bottom:2%;}
.icase_list .slick-dots li,.ipro_list .slick-dots li{ float:left; margin:0 14px;}
.icase_list .slick-dots button,.ipro_list .slick-dots button{ width:12px; height:12px; background:#ccc; padding:0px; border:none; border-radius:50%; text-indent:-9999px; overflow:hidden;}
.icase_list .slick-dots .slick-active button,.ipro_list .slick-dots .slick-active button,.slider-for .slick-dots .slick-active button{ background:#007bb6;}

,.slider-for .slick-dots{ float:left; margin:0 14px;}
.slider-for .slick-dots button{ width:12px; height:12px; background:#fff; padding:0px; border:1px solid #007bb6; border-radius:50%; text-indent:-9999px; overflow:hidden;}

.istrength{ background:#efefef; padding:0 0 30px 0; position:relative;margin-top:60px;}
/*.istrength:after{ content:'\20'; position:absolute; left:0px; top:73px; z-index:1; right:0px; width:100%; height:3px; background:#dddddd;}*/
.istrength_list{ padding-top:20px;}
.istrength_list:after{ content:'\20'; position:absolute; width:7px; height:36px; left:0px; top:0px; background:#efefef;}
.istrength_list:before{ content:'\20'; position:absolute; width:7px; height:36px; right:0px; top:0px; background:#efefef;}
.istrength_list li{ float:left; width:25%; text-align:center;height: 80px;}
.istrength_list strong{ font-size:34px; color:#007bb6; display:block;}
.istrength_list em{  color:#000000; display:block;}

.share{ position: fixed; z-index:2; bottom:10%; left: 0; margin-top:-110px;}
.share ul{ background:#ffffff; float:left;}

.share li a{ font-size:36px; width:40px !important; height:40px !important; padding:0px !important; background:none !important; margin:0px !important; float:none !important; line-height:40px !important; text-align:center; display:block;}
.share li a.icon-youtube{ color:#e53130;}
.share li a.icon-in{ color:#007bb6;}
.share li a.icon-facebook{ color:#3b5998;}
.share li a.icon-twitter{ color:#56d7fe;}
.share li a.icon-weixin{ color:#21c300;}

.more1{ padding-top:35px;}
.more1 a{ width:278px; height:48px; border:1px solid #ccc; line-height:48px; text-align:center; margin:0 auto; display:block;}
.more1 a:hover{ color:#fff; background:#007bb6; border:1px solid #007bb6;}

.footer{ background:#1f1f1f;}
.footer_top{ padding:40px 0; color:#fff;}
.footer_top a{ color:#fff;}
.footer_top a:hover{ color:#000;}
.footer_about{ float:left; width:35%; border-right:1px solid #fff; padding-right:60px;}
.footer_about .img{ margin-bottom:25px;}
.footer_about .img img{ display:block; max-width:100%; height:auto !important;}
.footer_about .h3{  font-weight:500; margin-bottom:10px;}
.footer_about .p{}
.footer_nav{ float:left;margin-left:40px; width:56%}
.footer_nav .ul{ float:left; margin-left:15px; font-size:14px; width:30%}
.footer_nav .ul:first-child{ margin-left:0px; width:20%}
.footer_nav .ul:last-child{ width:45%}
.footer_nav .h3{ font-size:16px; margin-bottom:20px; position:relative;font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.footer_nav a:hover{ text-decoration:underline; }
.footer_nav li{ padding:6px 0;}
.footer_nav li a{ line-height:16px;}
.footer_nav li a:hover{color:#FFFFFF}
.footer_bottom{  color:#fff; text-align:center; padding:5px; line-height:24px;}
.footer_bottom img{ margin-left:10px;}


.footer_nav .h3 i,.footer_nav .h3 em{ position:absolute; right:0px; width:32px;  height:32px; margin-top:-16px; top:50%; line-height:32px; text-align:center; color:#fff; font-weight:500; display:none; cursor:pointer;}
.footer_nav .h3 i:before {content: "\e604";}
.footer_nav .h3 i.active:before {content: "\e606";}
.footer_nav .h3 em:before {content: "\e7f9";}
.footer_nav div:nth-child(4){width:300px;}

/*内页*/
.pg_banner{ position:relative; overflow:hidden;}
.pg_banner img{ width:100%; height:auto;}
.crumbs{ background:#007bb6; height:42px; line-height:42px; color:#fff; font-size:16px;}
.crumbs a{ color:#fff;}
/*.crumbs a:hover{ color:#007bb6;}*/
.crumbs em{ margin:0 5px;}

.xuanting{ position:fixed ;left:0px; right:0px; background:#007bb6; height:42px; line-height:42px; color:#fff; font-size:16px; z-index:2}
.xuanting a{ color:#fff;}
.xuanting em{ margin:0 5px;}
.pgwp{ padding:15px 0 0 0;}
.brand{}
.brand_tit{ margin-bottom:40px;}
.brand_tit .h3{ font-size:26px; margin-bottom:15px;}
.brand_tit .p{ }
.brand_list{}
.brand_list ul{ margin-right:-15px;}
.brand_list li{ float:left; margin-bottom:15px;}
.brand_list img{ max-width:100%; height:auto; display:block;}
.brand_list .pd{ border:1px solid #ccc; margin-right:15px;}
.pcat-list li {
    width: 21%;
    float: left;
    background: #fff;
	border:1px solid #cdcdcd;
	margin:0 10px 50px;
	padding:2%;
	padding:10px;
	
}
.pcat-list li ._img {
    width: 100%;
}

.pcat-list li ._nr {
    width: 100%;
    padding-top: 30px;
}
.pcat-list li ._img a {
    display: block;
	    overflow: hidden;
}
.pcat-list li ._img a img {
    width: 100%;
}


.pcat-list li ._title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.pcat-list li ._title1 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}
.pcat-list li ._xinghao {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 20px;
}
.pcat-list li ._xinghao a{ color:#007bb6;}
.pcat-list li ._sum {
    font-size: 15px;
    line-height: 25px;
    max-height: 154px;
    *height: 154px;
    overflow: hidden;
    margin-bottom: 15px;
}
.imghove:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.imghove img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.kase_more a {
    display: block;
    width: 100px;
    line-height: 28px;
    padding: 0 15px;
    border: 1px solid #007bb6;
    color: #007bb6;
    overflow: hidden;
    color: #007bb6;
    position: relative;
}
.kase_more a em {
    position: absolute;
    top: 0px;
    right: 15px;
}
.kase_more a:hover {
    background: #007bb6;
    color: #fff;
}

.case{}
.case_tit{ margin-bottom:30px;}
.case_tit .h3{ margin-bottom:10px; position:relative;text-align:center;}
.case_tit .h3 strong{ font-size:24px; font-weight:500;}
.case_tit .h3 em{ color:#0057a0; cursor:pointer; position:absolute; right:0px;}
.case_tit .h3 em span{ font-size:24px;}
.case_tit .h3 em i{}
.case_tit .h3 em i:before { content: "\e80d"; }
.case_tit .em{  margin-bottom:10px;}
.case_tit .p{ overflow:hidden;}
.case_tit .p ul{ margin-right:-15px;}
.case_tit .p li{ width:25%; float:left;}
.case_tit .p a{ border-bottom:1px solid #ccc; display:block; position:relative; line-height:16px; height:32px; padding:20px 0 5px 20px; margin-right:15px;}
.case_tit .p strong{ position:absolute; left:0px; font-weight:normal; width:20px; text-align:center; color:#0057a0; font-weight:500;}
.case_tit .p strong:after{ content: "\-"; color:#333; font-weight:normal;}
.case_tit .p a:hover strong{ color:#007bb6;}
.case_tit .p a:hover strong:after{ color:#007bb6;}

.case_list{}
.case_list ul{ margin-right:-75px;}
.case_list li{ width:33.333333%; float:left; margin-bottom:30px;}
.case_list img{ width:100%; height:auto; display:block;}
.case_list .pd{ margin-right:75px; display:block;}
.case_list .h3{ height:44px; line-height:44px; overflow:hidden; font-size:20px; color:#000;}
.case_list .p{  line-height:19px; color:#333; height:38px; overflow:hidden;}
.case_list .pd:hover .h3{ color:#007bb6;}
.case_list .pd:hover .p{ color:#007bb6;}

.flip{ line-height:20px; background:#007bb6; text-align:center; padding:9px 15px;color:#fff; margin-bottom:30px;}
.flip a,.flip span,.flip em{ display:inline-block;width:20px; height:20px; border-radius:50%; margin:0 6px;}
.flip em{ width:auto;}
.flip a{ color:#fff;}
.flip a:hover{ color:#007bb6;}
.flip .current{ background:#ffffff; color:#007bb6;}
.flip .flip_prev{ float:left; width:auto; margin:0px;}
.flip .flip_next{ float:right; width:auto; margin:0px;}

.case3_info_con{}

.flow{width: 100%;margin: 0 auto; }
.flow .waterfall{-moz-column-width: 24em;-webkit-column-width: 24em;column-width: 24em;-moz-column-gap: 1em;-webkit-column-gap: 1em;column-gap: 1em;}
.flow .pin{padding: 1em;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;
background: white;-webkit-transform: translateZ(0);}
.flow .pin img{width: 100%;margin-bottom: 0.5em; display:block;}
.flow .pin p{ }


.cpg{ position:relative;}
.cpg_fl{ width:70%;float:left}
.caseinfo_con{ margin-bottom:20px; text-align: justify;}
.caseinfo_con img{ max-width:100%; height:auto !important; display:block;}
.caseinfo_dw{ margin-bottom:30px;}
.caseinfo_dw a{ width:95px; height:40px; background:#007bb6; text-transform:uppercase; display:block; color:#fff; text-align:right; padding-right:40px; border-radius:5px; line-height:40px; position:relative; }
.caseinfo_dw a i{ font-size:18px; height:40px; width:40px; line-height:40px; text-align:center; position:absolute; right:0px; top:0px;}
.caseinfo_flip{ margin-right:-40px;}
.caseinfo_flip .li{ float:left; width:50%;}
.caseinfo_flip .tit{ font-size:16px; height:28px; line-height:28px; border-bottom:1px solid #ccc; margin-bottom:17px; font-weight:500;}
.caseinfo_flip .pd{ margin-right:40px; display:block;}
.caseinfo_flip .img{ float:left; width:148px;}
.caseinfo_flip .img img{ width:100%; height:auto;}
.caseinfo_flip .text{ margin-left:148px; padding-left:15px;}
.caseinfo_flip .h3{ font-size:16px; color:#000; height:22px; overflow:hidden;}
.caseinfo_flip .em{  color:#888;}
.caseinfo_flip .p{  color:#888; line-height:18px; height:54px; overflow:hidden;}
.caseinfo_flip .pd:hover .h3{ color:#007bb6;}

.cpg_fr{ width:25%; float:right;}
.caseinfo_value{ margin-bottom:20px;}
.caseinfo_value .tit{ font-size:24px; color:#000; margin-bottom:10px;}
.caseinfo_value .con{ border:1px solid #ccc; padding:5px 10px 12px 10px; }
.caseinfo_value li{ padding:12px 0;}
.caseinfo_value li:last-child{ border-bottom:none;}
.caseinfo_value li strong{ display:block;}
.caseinfo_value li em{ display:block;}

.tit2{ font-size:24px; font-weight:500; color:#000; margin-bottom:15px; border-bottom:1px solid #ccc;}
.case_list2{}
.case_list2 li{ overflow:hidden; margin-bottom:20px;}
.case_list2 .pd{ display:block;}
.case_list2 .img{ float:left; width:148px;}
.case_list2 .img img{ width:100%; height:auto;}
.case_list2 .text{ margin-left:148px; padding-left:15px;}
.case_list2 .h3{ font-size:16px; color:#000; line-height:18px; height:18px; margin-bottom:5px; overflow:hidden; min-height: 72px}
.case_list2 .em{  color:#888;}
.case_list2 .p{  color:#888; line-height:18px; height:54px; overflow:hidden;}
.case_list2 .pd:hover .h3{ color:#007bb6;}

.pro_tit{ font-size:24px; font-weight:500; margin-bottom:20px;color:#007bb6; font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.pro_tit h1{font-size:30px; font-weight:500; margin-bottom:20px;color:#007bb6;}
.pro_con{ margin-bottom:20px;border-top:1px solid #cccccc;}
.pro_con .img{ margin-bottom:15px; width:100%; margin:0 auto;}
.pro_con .img img{ width:100%; height:auto; display:block;}
.pro_con .text{ margin-bottom:20px;font-size:16px; line-height:1.4;}
.pro_con .text span{float:right;}

.pro_application{ margin-bottom:20px;}
.pro_application .p{ font-size:16px; line-height:1.4;}

.pro_value{ margin-bottom:20px; display:none}
.pro_value .p ul{padding-left:30px;}
.pro_value .p ul li
{
    list-style-image: url('../images/orange_bullet.jpg');
}
.pro_value_tab{}
.pro_value_tab li{ width:180px; float:left;}
.pro_value_tab a{ margin-right:10px; background-color:#aaaaaa; display:block; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff;}
.pro_value_tab .curr a{ background-color:#007bb6;}

.pro_value_con{ background:#eaeaea; padding:5px 0;}
.pro_value_con table{ border-collapse:collapse; border:none; width:100%; background:#F00;}
.pro_value_con td{ background:#eaeaea; border:none; width:50%; padding:5px 20px 5px 30px;  position:relative; line-height:1.4; font-size:16px;}
.pro_value_con td:before{ content: ""; position:absolute; left:18px;}
.pro_value_con td:first-child{}
.pro_value_con td:last-child{}
.pro_value_con ul{ margin-right:-10px;}
.pro_value_con li{ width:50%; float:left; margin-bottom:10px;}
.pro_value_con .p{ background:#eaeaea; margin-right:10px; padding:0px 10px 0px 20px; line-height:38px; height:38px; overflow:hidden;  position:relative;}
.pro_value_con .p:before{ content: "\-"; position:absolute; left:10px;}



.tit3{ font-size:24px; height:40px; line-height:40px; border-bottom:7px solid #007bb6; margin-bottom:16px;font-family: 'Oswald', sans-serif;
text-transform: uppercase;}


.case_tj_list{ margin-right:-30px;}
.case_tj_list li{ float:left; width:50%; margin-bottom:15px;}
.case_tj_list .tit{ font-size:16px; height:28px; line-height:28px; border-bottom:1px solid #ccc; margin-bottom:17px;}
.case_tj_list .pd{ margin-right:30px; display:block;}
.case_tj_list .img{ float:left; width:148px;}
.case_tj_list .img img{ width:100%; height:auto;}
.case_tj_list .text{ margin-left:148px; padding-left:15px;}
.case_tj_list .h3{ font-size:16px; color:#000; line-height:1; margin-bottom:5px; overflow:hidden;}
.case_tj_list .em{  color:#888; margin-bottom:5px;}
.case_tj_list .p{  color:#888; line-height:18px; height:54px; overflow:hidden;}
.case_tj_list .pd:hover .h3{ color:#007bb6;}

.pro_tj{ border:1px solid #ccc; padding:3%; margin-bottom:20px;width:94%;}
.tit4{  line-height:40px; height:40px; margin-bottom:10px;font-size: 22px;color: #333333;height: 64px;line-height: 64px;padding-top: 35px;}
.pro_tj_list{width:100%;    overflow: hidden;}
.pro_tj_list ul{ margin-right:-10px;width:100%;}
.pro_tj_list li{ float:left; width:200px; margin-bottom:10px;height:240px;}
.pro_tj_list li a{ width:100%;display:block;height:50%;}
.pro_tj_list .pd{ display:block; margin-right:10px; position:relative;}
.pro_tj_list .img{width:100%;}
.pro_tj_list .img img{ width:100%; height:auto;}



.pro_tj_list .text{ background:#fff; text-align:center; padding:5px}
/*.pro_tj_list .text:before{content:'\20';position: absolute; background:url(../images/pro_tj_listy.png) no-repeat; width:54px; height:30px; top:100%; right:50px;}*/
.pro_tj_list .text.curr:before{ left:auto; right:100%;border-right: 11px solid #ccc; border-left:none;}
.pro_tj_list .text.curr:after{ left:auto; right:100%;border-right: 10px solid #fff; border-left:none;}
.pro_tj_list .text .h3{ font-size:18px; color:#007bb6;}
.pro_tj_list .text .p{}

.pro_tj_list li:hover .text{ display:block;}

.filedw_list{}
.filedw_list li{ margin-bottom:5px;}
.filedw_list .pd{ display:block; background:#e9e9e9; padding:10px; overflow:hidden; position:relative;}
.filedw_list .img{ float:left; width:76px;}
.filedw_list .img img{ width:100%; height:auto; display:block;}
.filedw_list .text{ margin-left:76px; padding-left:10px;}
.filedw_list .h3{}
.filedw_list i{ position:absolute; right:20px; color:#007bb6; bottom:20px; width:34px; height:34px; line-height:34px; font-size:34px;}

.about_top{ margin-bottom:40px; text-align: justify;}
.about_con .wp{ width:auto;}
.about_top .h3{ font-size:24px; margin-bottom:10px;}
.about_top .p{  margin-bottom:20px;}
.about_top .p ul{ padding:20px 0;}
.about_top .p li{ width:33.3333333333%; float:left;}
.about_top .p .pd{ position:relative; margin-right:1px;}
.about_top .p img{margin-right:1%; margin-bottom:1%; margin-top:1%}
.about_top .p .text{ position:absolute; bottom:0px; left:0px; padding:0 30px; box-sizing:border-box; right:0px; background:rgba(0,0,0,0.3); font-size:16px; color:#fff; height:42px; line-height:42px;}
.about_top .em{ font-size:18px; color:#007bb6;}

.about_con_tab{ text-align:center; margin-bottom:33px;}
.about_con_tab ul{ width:740px; margin:0 auto;}
.about_con_tab li{ width:50%; float:left;}
.about_con_tab li a{ font-size:18px; height:66px; line-height:66px; text-align:center; border:2px solid #ccc; display:block;}
.about_con_tab li.curr a{ background:#007bb6; border:2px solid #007bb6; color:#fff;}

.about_con_tab li:first-child a{ border-radius:5px 0 0 5px;}
.about_con_tab li:last-child a{ border-radius:0 5px 5px 0 ;}

.about_con_con{ overflow:hidden;}
.about_con_con ul{ margin-right:-1px; display:none;}
.about_con_con li{ width:25%; float:left; margin-bottom:1px;}
.about_con_con .pd{ margin-right:1px; position:relative;}
.about_con_con img{width:100%; height:auto !important;}
.about_con_con .text{ position:absolute; left:0px; top:0; right:0px; bottom:0px; background:rgba(25,167,226,0.9); text-align:center; opacity:0;}
.about_con_con .text .h3{ font-size:24px;}
.about_con_con .text .p{ }
.about_con_con li:first-child .text .h3{ font-size:36px;}
.about_con_con li:first-child .text .p{ font-size:18px;}
.about_con_con li:first-child{ width:50%;}
.about_con_con li:first-child .pd{ margin-right:1px;}
.about_con_con li:hover .text{ opacity:1;}
.about_con_con ul:first-child{ display:block;}

.table1{}
.table1{ display: table; table-layout: fixed; width:100%; height:100%;text-align:center;color:#fff;}
.table1 .tr{display: table-cell; vertical-align: middle;}
.table1 .td{ padding:0 20%;}

.tit5{ color:#007bb6; font-size:26px; margin-bottom:20px; line-height:1; padding-top:20px; position:relative;}
.tit5 .more2{ top:26px;}
.video_list{}
.video_list ul{ margin-right:-160px;}
.video_list li{ float:left; width:50%;}
.video_list .pd{ margin-right:160px; display:block;}
.video_list .img{ position:relative;}
.video_list .img img{ width:100%; height:auto;}
.video_list .img i{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.4); text-align:center;}
.video_list .img i.icon-play:before{ width:76px; height:76px; line-height:76px; text-align:center; font-size:76px; color:#fff; position:absolute; left:50%; top:50%; margin:-38px 0 0 -38px;}
.video_list .text{ height:55px; line-height:55px; text-align:center;}


.news{}
.news_list{}
.news_list ul{ margin-right:-20px;}
.news_list li{ margin-bottom:20px; width:50%; float:left;}
.news_list .pd{ display:block; overflow:hidden; position:relative; margin-right:20px;}
.news_list .img{ width:210px; float:left;}
.news_list .img i{ display:none;}
.news_list .img img{ width:100%; height:150px;}
.news_list .text{ margin-left:210px; padding-left:20px; padding-right:112px;}
.news_list .h3{     font-size: 18px;
    color: inherit;
    font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.news_list .p{ overflow:hidden;  color:#888;}
.news_list .pd:hover .h3{ color:#007bb6; text-decoration:underline;}
.news_list .em{ position:absolute; right:0px; top:0px; width:95px; background:rgba(0,157,223,0.9); box-sizing:border-box; padding:10px 0 10px 15px;  color:#fff; border-radius:5px;}
.news_list .em strong{ display:block; font-size:26px; font-weight:500; line-height:1;}
.news_list .em em{ display:block; font-size:16px;}

.news_list li:hover .em{ background:#007bb6;}

.newinfo{text-align: justify;}
.newsinfo_tit{ margin-bottom:15px;}
.newsinfo_tit .h3{ color:inherit; font-size:24px; margin-bottom:5px;    font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.newsinfo_tit .em{  color:#888;font-size: 14px;
    line-height: 1.42857143;
    color: #333; font-weight:700;}

.newsinfo_con{ margin-bottom:80px;font-size: 14px;
    line-height: 1.42857143;
    color: #333;}
.newsinfo_con img{ width:48%;margin:5px;}

.newsinfo_flip{ overflow:hidden; margin-right:-30px;}
.newsinfo_flip .li{ width:50%; float:left;}
.newsinfo_flip .pd{ margin-right:30px; display:block;}
.newsinfo_flip .tit{ font-size:16px; color:#a00f35; font-weight:500; margin-bottom:5px; border-bottom:1px solid #ccc;}
.newsinfo_flip .h3{ font-size:14px; color:#000; padding:5px 0;}
.newsinfo_flip .em{ color:#888; }
.newsinfo_flip .pd:hover .h3{ color:#a00f35;}


.career_con1{ padding:40px 0; background:#fff;}
.career_con1 ul{ margin-right:-20px;}
.career_con1 li{ float:left; width:33.333333%;}
.career_con1 .pd{ margin-right:20px; position:relative;}
.career_con1 .img img{ width:100%; height:auto;}
.career_con1 .text{ position:absolute; left:0px; top:0px; right:0px; box-sizing:border-box; padding:55px 35px 0 35px; color:#fff;}
.career_con1 .h3{ font-size:24px; margin-bottom:5px;}
.career_con1 .p{}

.career_con2{ padding:40px 0; background:#f0f0f0;}
.career_con2_tit{ color:#000; width:250px; position:absolute; left:0px; top:0px;}
.career_con2_tit .h3{ font-size:30px; text-transform:uppercase; line-height:32px; margin-bottom:34px; padding-bottom:34px; position:relative;}
.career_con2_tit .h3:after{content:'\20'; position:absolute; width:92px; height:5px; background:#007bb6; left:0px; bottom:0px;}
.career_con2_tit .p{ }
.career_con2_con{ margin:0 0 0 155px; position:relative;}
.career_con2_con ul{ position:relative; z-index:2;}
.career_con2_con li{ margin-bottom:25px;}
.career_con2_con li:nth-child(1){padding:0 0 0 276px;}
.career_con2_con li:nth-child(2){padding:0 138px 0 138px;}
.career_con2_con li:nth-child(3){padding:0 276px 0 0px;}
.career_con2_con .pd{ overflow:hidden;}
.career_con2_con .img{ float:left; width:190px; box-sizing:border-box; border:1px dashed #ccc; padding:16px; background:#fff; border-radius:50%;}
.career_con2_con .img img{ width:100%; height:auto; border-radius:50%;}
.career_con2_con .text{ margin-left:190px; padding-left:20px; padding-top:30px;}
.career_con2_con .h3{ margin-bottom:15px; font-size:20px; color:#333333; line-height:1;}
.career_con2_con .p{ }
.career_con2_con:after{content:'\20'; width:117px; height:101px; position:absolute; background:url(../images/qzh1.png) no-repeat; left:126px; top:117px; z-index:1;}
.career_con2_con:before{content:'\20'; width:185px; height:161px; position:absolute; background:url(../images/qzh2.png) no-repeat; bottom:0px; right:0px; z-index:1;}

.career_con3{ background:url(../images/career_con3.png) no-repeat top center; background-size:100% 100%; min-height:577px; box-sizing:border-box; padding:80px 0;}
.career_con3_tit{ font-size:30px; line-height:34px; text-align:center; margin-bottom:45px; color:#fff;}
.career_con3_con{}

.career_list ul{ margin-right:-115px;}
.career_list li{ width:50%; float:left;}
.career_list .pd{ background:#fff; margin-right:115px; padding:30px 50px;}
.career_list .h4{ font-size:16px; height:42px; line-height:42px; color:#333333; font-weight:500; border-bottom:3px solid #007bb6; margin-bottom:5px;}
.career_list .h3{font-size:24px;color:#007bb6;margin-bottom:15px;padding-bottom: 10px;border-bottom: 2px solid;}
.career_list .em{  color:#000; line-height:2; margin-bottom:15px;}
.career_list .d{  color:#000; line-height:2;}
.career_list .p{  color:#000; line-height:2;}
.career_list .p i{ margin-right:8px; color:#007bb6;}
.career_list .p a:hover{ text-decoration:underline;}
.career_list li:last-child .h3{ color:#007bb6;}


.qualifications_tit{ color:#000000;}
.qualifications_tit .h3{ font-size:24px; margin-bottom:10px;}
.qualifications_tit .p{}

.qualifications_con{ color:#333333; padding:55px 0;}
.qualifications_con .pd{ background:rgba(255,255,255,0.7); transform: scale(.75); opacity:0.7;}
.qualifications_con .img{ position:relative;}
.qualifications_con .img:after{ opacity:0; content:'\20'; position:absolute; width:574px; height:39px; bottom:-24px; background:url(../images/qualifications_bg.png) no-repeat; left:50%; margin-left:-287px;}
.qualifications_con img{ width:100%; height:auto;}
.qualifications_con .text{  color:#000000; padding-top:20px; text-align:center;}

.qualifications_con .slick-slide .pd{}
.qualifications_con .slick-active .pd{ box-shadow:4px 4px 8px rgba(255,255,255,0.5);}
.qualifications_con .slick-current .img:after{ display:block; opacity:0.5;}
.qualifications_con .slick-current .pd{ transform: scale(1); background:rgba(255,255,255,1); opacity:1;}
.qualifications_con .slick-current .h3{ color:#8d6737;}

.qualifications_con .slick-slide{ visibility:hidden;}
.qualifications_con .slick-active{ visibility:visible;}
.qualifications_con .slick-current{ visibility:visible;}


.qualifications_con .slick-arrow{ position:absolute; width:56px; height:56px; background:#007bb6; border-radius:50%; border:none; padding:0px; top:50%; margin-top:-28px; font-size:32px; color:#fff; z-index:5;}
.qualifications_con .slick-prev{ left:0px;}
.qualifications_con .slick-next{ right:0px;}
.qualifications_con .slick-prev:after{content:"\e6bd";}
.qualifications_con .slick-next:after{content:"\e651";}
.qualifications_con .slick-arrow:hover{ background:#007bb6;}

.tit9{ font-size:26px; margin-bottom:20px;}

.contact_list ul{ margin-right:-50px;}
.contact_list li{ width:49%;margin-bottom:40px;}
.contact_list .pd{ margin-right:50px;}
.contact_list .h2{ font-size:16px; margin-bottom:20px;}
.contact_list .h4{ font-size:16px; height:42px; line-height:42px; color:#333333; font-weight:500; border-bottom:3px solid #007bb6; margin-bottom:5px;}
.contact_list .h3{ font-size:24px; color:#007bb6; margin-bottom:15px;}
.contact_list .em{color:#000;line-height:1.7;margin-bottom:20px;min-height:  68px;}
.contact_list .d{  color:#000; line-height:1.7; margin-bottom:5px;}
.contact_list .p{  color:#000; line-height:1.7;}
.contact_list .p i{ margin-right:8px; color:#007bb6;}
.contact_list .p a:hover{ text-decoration:underline;}
.contact_list2 ul{ margin:0px;}
.contact_list2 .pd{ margin:0px;}
.contact_list2 .em{ font-size:20px;}
.contact_list2 .p{font-size:20px;line-height:2;/* font-weight:500; */}
.contact_list2 .p i{ font-size:20px;}
.fix{ text-align: center;}
.fix li{ display:inline-block; padding:0 10px;}
.fix li:hover{ background:#eec43a}

.network_bottom{ padding-bottom:30px;}
.network_bottom_fl{ width:50%; float:left;}
.network_bottom_fl .pd{ background:#007bb6; margin-right:20px; padding: 20px 36px; color:#fff; min-height:280px;}
.network_bottom_fl .h3{ border-bottom:2px solid #4ebbe9; font-size:22px; text-transform:uppercase; margin-bottom:10px;}
.network_bottom_fl .em{  margin-bottom:15px;}
.network_bottom_fl .d{  margin-bottom:5px;}
.network_bottom_fl .p{  line-height:30px;}
.network_bottom_fl .p i{ margin-right:8px;}
.network_bottom_fl .p a{ color:#fff;}
.network_bottom_fl .p a:hover{ text-decoration:underline;}

.network_bottom_fr{ width:50%; float:left; position:relative;}
.network_bottom_fr .h3{ border-bottom:2px solid #fff; font-size:22px; text-transform:uppercase; margin-bottom:10px;}
.network_bottom_fr ul{ }
.network_bottom_fr i{ width:46px; height:46px; line-height:46px; position:absolute; left:50px; color:#fff; top:74px; font-size:46px;}
.network_bottom_fr .pd{ background:#007bb6; margin-left:20px; padding: 20px 36px 20px 36px; color:#fff; min-height:280px;}
.network_bottom_fr p{ line-height:18px;  padding:9px 0; margin-bottom:10px;}
.network_bottom_fr li{ display:none;}
.network_bottom_fr li:first-child{ display:block;}


.contact_top{ padding:40px 0 10px 0; background:url(../images/contact_top.jpg) no-repeat bottom center #efefef; background-size:auto 100%;}
.contact_bottom{ background:#f9f9f9; padding:40px 0 10px 0;}
.contact_tit{ color:#000; font-size:16px; margin-bottom:15px;}


.contact_top{ margin-bottom:60px}

#biaot{    
    height: 50px;
    line-height: 50px;
    position: relative;
    padding: 0 20px;
	font-size:30px;
	background:#f6f6f6;
	color:#007bb6;
	font-family: 'Oswald', sans-serif;
text-transform: uppercase;
	
}




.partner{ padding-bottom:50px;}
.partner_tit{}
.partner_tit .h3{ font-size:40px; margin-bottom:5px;}
.partner_tit .p{  color:#888; margin-bottom:10px;}
.partner_tit .em{ font-size:20px;}

.partner_con{ padding-top:50px;}
.partner_con ul{ margin-right:-10px;}
.partner_con li{ width:12.5%; float:left;}
.partner_con .pd{ border:1px solid #ccc; margin-right:10px;}
.partner_con img{ width:100%; height:auto; display:block;}

.network_top{ background:#f5f5f5; padding:40px 0;}
.tit6{ font-size:40px; color:#333333; margin-bottom:30px; text-align:center;}
.network_top img{ max-width:100%; height:auto !important;}

.network_con{ padding:16px 0;}
.network_con ul{ margin-right:-20px;}
.network_con li{ width:16.6666%; float:left; margin-bottom:24px;}
.network_con .pd{ border-bottom:1px solid #ccc; margin-right:20px; position:relative;}
.network_con .h3{ height:44px; line-height:44px; cursor:pointer;}

.network_con li:hover .h3,.network_con li.curr .h3{ color:#007bb6;}



.service_top{ padding:40px 0;}
.tit7{ position:relative; margin-bottom:40px;}
.tit7:after{content:'\20'; position:absolute; height:1px; background:#ccc; top:50%; left:0px; right:0px; width:100%; z-index:1; display:none;}
.tit7 strong{ font-size:24px; color:#333333; background:#fff; display:inline-block; position:relative; z-index:2;}

.service_top li{ width:25%; float:left;}
.service_top .pd{ text-align:center; margin:0 20px;}
.service_top i{ width:96px; height:96px; text-align:center; line-height:94px; border:1px solid #007bb6; display:block; border-radius:50%; font-size:44px; color:#007bb6; margin:0 auto;}
.service_top .h3{ font-size:20px; margin-bottom:10px; padding-top:20px;}
.service_top .p{ color:#888;}

.tit10{ text-align:center; font-size:24px; margin-bottom:40px;}

.tit8{ text-align:center; font-size:34px; text-transform:uppercase; margin-bottom:30px;}
.service_con{ background:#007bb6; padding:40px 0; color:#fff;}
.service_con ul{ width:418px; height:451px; position:relative; margin:0 auto; background:url(../images/service_con.png) no-repeat;}
.service_con li{ position:absolute; height:44px; line-height:44px; padding-left:16px;}
.service_con li strong{white-space :nowrap; display:block; position:relative; z-index:2; font-weight:normal;}
.service_con li:after{content:'\20'; position:absolute; width:44px; height:44px; background:url(../images/service_con_li.png) no-repeat; left:0px; top:0px; z-index:1;}
.service_con li.li1{ right:346px; top:0px;}
.service_con li.li2{ right:376px; top:70px;}
.service_con li.li3{ right:448px; top:140px;}
.service_con li.li4{ right:404px; top:210px;}
.service_con li.li5{ right:350px; top:280px;}
.service_con li.li6{ right:280px; top:350px;}
.service_con li.li7{ left:346px; top:0px;}
.service_con li.li8{ left:376px; top:70px;}
.service_con li.li9{ left:448px; top:140px;}
.service_con li.li10{ left:404px; top:210px;}
.service_con li.li11{ left:350px; top:280px;}
.service_con li.li12{ left:280px; top:350px;}

.service_bottom{ padding:40px 0;}
.service_bottom_top{ margin-bottom:30px;}
.service_bottom_top ul{ margin-right:-40px;}
.service_bottom_top li{ float:left; width:50%;}
.service_bottom_top .pd{ margin-right:40px;}
.service_bottom_top .img{ position:relative; margin-bottom:10px;}
.service_bottom_top .img img{ width:100%; height:auto;}
.service_bottom_top .img strong{ position:absolute; box-sizing:border-box; left:0px; right:0px; bottom:0px; background:url(../images/service_bottom_top.png) repeat-y right top; line-height:24px; padding:17px 20px 17px 124px; text-align:right; font-size:24px; font-weight:normal; color:#fff;}
.service_bottom_top .text{}

.service_bottom_bottom{}
.service_bottom_bottom ul{ margin-right:-1px;}
.service_bottom_bottom li{ width:25%; float:left;}
.service_bottom_bottom .pd{ margin-right:1px; background:#007bb6; padding:30px 0 30px 40px; color:#fff; position:relative;}

.service_bottom_bottom .pd:before{content:"\20";height: 0;position: absolute;top: 0;left: 0; right:0px; border-bottom:9px solid #007bb6;border-left:9px solid #fff;border-right:9px solid #fff;}
.service_bottom_bottom .pd:after{content:"\20";height: 0;position: absolute;bottom: 0;left: 0; right:0px; border-top:9px solid #007bb6;border-left:9px solid #fff;border-right:9px solid #fff;}  


.service_bottom_bottom i{ width:40px; height:40px; font-size:40px; line-height:40px; float:left;}
.service_bottom_bottom .text{ margin-left:50px; padding-left:30px; position:relative;}
.service_bottom_bottom b{ position:absolute; left:0px; top:0px; font-size:40px; line-height:40px;}
.service_bottom_bottom .h3{ font-size:16px; text-transform:uppercase; line-height:20px;}
.service_bottom_bottom .p{ font-size:16px; line-height:20px;}
.service_bottom_bottom .p a{ color:#fff;}
.service_bottom_bottom .p a:hover{ text-decoration:underline;}
.service_bottom_bottom li:last-child b{ display:none;}
.service_bottom_bottom li:last-child .text{ padding-left:0px;}
.service_bottom_bottom li:nth-child(3) .text{ padding-left:56px;}

.service_bottom_bottom li:first-child .pd:before,.service_bottom_bottom li:first-child .pd:after{ border-left:none;}
.service_bottom_bottom li:last-child .pd:before,.service_bottom_bottom li:last-child .pd:after{ border-right:none;}

.quality_top{ padding:40px 0;}
.quality_top_tit{ margin-bottom:40px;}
.quality_top_tit .h3{ font-size:40px;}
.quality_top_tit .p{}

.quality_top_con{margin-top:40px;}
.quality_top_con li{ width:25%; float:left; margin-bottom:40px;}
.quality_top_con .pd{ text-align:center; margin-bottom:20px;}


.quality_top_con .img{}
.quality_top_con .img img{ width:275px; height:200px;  border:1px solid #bbb; box-sizing:border-box; display:block; margin:0 auto;}
.quality_top_con .text{color:#333;}
.quality_top_con .text strong{ font-size:24px; color:#007bb6; font-weight:normal; font-style:italic; line-height:1;}
.quality_top_con .text strong:after{ content:"\,"; font-size:14px;}
.quality_top_con li:nth-child(4) .pd:after{ margin:0px; background:#e6e6e6; width:2px; height:231px;}
.quality_top_con li:nth-child(8) .pd:after{ background:none;}
.quality_top_con li:nth-child(5) .pd:before{ display:block; border-radius:0; margin:0px; background:#e6e6e6; width:2px; height:231px; left:0px; right:auto;}
.quality_top_con li:last-child .pd:after{ height:2px; background:#e6e6e6; margin-top:-1px; left:100%; width:100%; right:auto;}
.quality_top_con li:last-child .pd:before{display:block; right:0px; margin-right:-100%;}
.quality_top_con li:first-child .pd:before{display:block; left:0px;}

.quality_top_con li:nth-child(5) .pd:after,.quality_top_con li:nth-child(6) .pd:after,.quality_top_con li:nth-child(7) .pd:after{ background-position:bottom left;}


.quality_con{ background:#007bb6; padding:40px 0; color:#fff;}
.quality_con_tit{ margin-bottom:40px;}
.quality_con_tit .h3{ font-size:40px; text-transform:uppercase;}
.quality_con_tit .p{}
.quality_con_con{}
.quality_con_con li{ margin-bottom:20px; padding:20px 30px 20px 20px; background:#47b8e7;}
.quality_con_con .pd{ overflow:hidden;}
.quality_con_con .img{ float:left; width:64px; font-size:64px; line-height:1; font-weight:500; position:relative;}
.quality_con_con .img:after{content:"\20"; background:url(../images/quality.png) no-repeat; position:absolute; width:37px; height:47px; right:5px; bottom:0px;}
.quality_con_con .text{ margin-left:64px;}


.quality_bottom{ padding:30px 0 0 0;}
.quality_bottom .contact_list li{ width:auto; float:none;}
.quality_bottom .contact_list .h4{ font-size:22px;}



.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:35; display:none;}
.video_box{ position:fixed; width:640px; height:360px; left:50%; top:50%; margin:-180px 0 0 -320px; z-index:36; display:none;}
.video_box video{ width:100%; height:360px; display:block;}


.iprt01_btm .lt_box {
    float: left;
    margin-right: 0.8%;
    width: 33%;
}
.iprt01_btm .lt_box .con_wrap{ background:#007bb6}
.rect-11980 {
    padding-bottom: 116.8%;
}
.xiangguanms{ position:absolute; left:0; top:100%; width:96%; padding:2% 2% 0 2%; bottom:0; color:#fff; background:rgba(0,0,0,.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e6fff100,endcolorstr=#e6fff100);}
.xiangguanms h2{ text-align:center; margin-bottom:10px; font-size:16px;}
#xiangguangp:hover .xiangguanms{ top:50%; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; }

.iprt01_btm .lt_box ._con { padding:10% 12% 0% 13.4%; }
.iprt01_btm .lt_box ._con ._tt { margin-bottom:24px; font-size:30px; line-height:1; color:#ffffff;font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.iprt01_btm .lt_box ._con ._tt a{ color:#fff;  font-family: 'Oswald', sans-serif;
text-transform: uppercase;}
.iprt01_btm .lt_box ._con ._desc { margin-bottom:15.3%; font-size:14px; line-height:1.9; color:#dde2ed;}
.iprt01_btm .rt_box { float:left; width:66%; }
.iprt01_btm .rt_box ._slide_con { padding-bottom:60.5%; height:0; overflow:hidden; }
.iprt01_btm .rt_float_cell { float:left; margin-right:1%; margin-bottom:1%; width:49%; }
.iprt01_btm .rt_float_cell ._con { position:relative; padding:12.6% 9% 0 9%; color:#ffffff; }
.iprt01_btm .rt_float_cell ._tt { margin-bottom:2px; font-size:21px; }
.iprt01_btm .rt_float_cell ._desc { font-size:14px; color:#e2e9f2; }
.iprt01_btm .rt_float_cell:hover ._con ._tt,.iprt01_btm .rt_float_cell:hover ._con ._desc { display:none; }
.iprt01_btm .rt_float_cell ._msk { position:absolute; left:0; top:100%; width:100%; bottom:0; background:rgba(0,157,223,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#e6fff100,endcolorstr=#e6fff100); }
.iprt01_btm .rt_float_cell:hover ._msk { top:0; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; }
.iprt01_btm .rt_float_cell ._msk_con { padding:2.5% 4% 0 4%; }
.iprt01_btm .rt_float_cell ._msk ._tt { color:#fff;  font-family: 'Oswald', sans-serif;
text-transform: uppercase; font-size:22px;}
.iprt01_btm .rt_float_cell ._msk ._desc { margin-bottom:8px; color:#686201; }
.iprt01_btm .rt_float_cell ._msk ._com_list { color:#fff; text-align:left; font-size:14px;}
.iprt01_btm .rt_float_cell ._msk ._com_list > a { display:block; }
.iprt01_btm .arrs { display:block; visibility:hidden; opacity:0; position:absolute; top:50%; margin-top:-25px; width:29px; height:50px; background-image:url(../img/index_indus_arrs.png); background-repeat:no-repeat; }
.iprt01_btm .rt_box:hover .arrs { visibility:visible; opacity:1; }
.iprt01_btm .arrs.arr_prev { left:0; }
.iprt01_btm .arrs.arr_next { right:1%; background-position:-29px 0; }
.uni_more_btn ._btn_con {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    padding-left: 75px;
    height: 44px;
    line-height: 44px;
}
.uni_more_btn.btn_wd_white {
    color: #ffffff;
    background-color: transparent;
    border: #ffffff 1px solid;
}

.uni_more_btn, .uni_more_btn:hover {
    color: #000000;
}
.uni_more_btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 245px;
    text-align: left;
    background-color: #fff100;
}
.uni_more_btn.btn_wd_white:hover {
    color: #000000;
    background-color: #19a7e2;
    border: #19a7e2 1px solid;
}
.cpg_fl .kase_mor a{ color:#572b22}
.cpg_fl .kase_mor .rr,.cpg_fl .kase_mor .rrr{
    display: block;
    width: 140px;
    line-height: 42px;
    padding: 0 43px;
    border: 1px solid #007bb6;
    color: #222;
	margin-bottom:15px;
    overflow: hidden;
    color: #572b22;
    position: relative;
	font-weight:500;
}
.cpg_fl .kase_mor .rr{background: url(../images/icon-email.png) no-repeat 5px 5px;}
.cpg_fl .kase_mor .rr:hover {
    color: #fff;
	background: #007bb6 url(../images/icon-email-hover.png) no-repeat 5px 5px;
}
.cpg_fl .kase_mor .rrr{background: url(../images/icon-price.png) no-repeat 5px 0px;}
.cpg_fl .kase_mor .rrr:hover {
    color: #fff;
	background:#007bb6 url(../images/icon-price-hover.png) no-repeat 5px 0px;
}
.cpg_fl .kase_mor .rr em {
    position: absolute;
    top: 0px;
    right: 15px;
}
.cpg_fl .kase_mor{ float:right; width:40%; margin-top:5px;}
.cpg_fl .kase_mor p{}


.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.rolling .rolling_box .is_animated.revealed {transform: none;}
.about_culture .part01 .his_left{margin-top:0;}
.about_culture .part01 .his_right .JobList-J2 ._jt{margin-top:0;margin-bottom:8px;}
.iprt01_btm .rt_float_cell ._con{position:absolute;top:0;}
.about_culture .part01 .his_left .his_img{height:358px;}
.footer_about:hover a{ color:#fff}

.slick-dots{     display: block;
    position: absolute;
    bottom: 1%;
    left: 50%;
    margin-left: -90px;}
.slick-dots li{ float:left; margin:0 5px;}
.p{ line-height:30px;}
.fl{ float:none; font-weight:500; font-size:18px; margin-top:20px;}
.p strong{ font-size:16px;}



@media screen and (max-width:1440px){
.about_con_con .text .p{ font-size:14px;}
.about_con_con li:first-child .text .p{ font-size:14px;}
}
@media screen and (max-width:1200px){
body, button, input, select, textarea { font-size:12px;}
.crumbs{ font-size:14px;}
.wp,.slider-nav .slick-list{ width:1000px;}
.menu .h3 a{ font-size:14px;}


.slider-nav h3{ font-size:12px;}

.footer_top{ padding:40px 0 20px 0;}
.footer_about{ width:260px; padding-right:35px;}
.footer_nav .h3{ font-size:14px;}

.ipro_list .h3{ font-size:14px; margin-bottom:5px;}
.inews_list .h3{ font-size:14px;}

.tit1{ font-size:18px; height:48px; line-height:48px;}
.more2{ font-size:12px;}

.about_top .em{ font-size:14px;}
.about_con_tab ul{ width:360px;}
.about_con_tab li a{ font-size:14px; height:40px; line-height:40px; border-width:1px;}
.about_con_tab li.curr a{ border-width:1px;}

.tit5{ font-size:18px;}

.news_list .h3{ font-size:14px; line-height:18px; height:36px; overflow:hidden; margin-bottom:5px;}
.news_list .p{ height:60px; overflow:hidden;}
.news_list .img{ width:160px;}
.news_list .text{ margin-left:160px; padding-right:86px; padding-left:10px;}
.news_list .em{ width:76px;}
.news_list .em em{ font-size:14px;}
.news_list .em strong{ font-size:20px;}
.inews_list .em{ width:76px;}
.inews_list .em em{ font-size:14px;}
.inews_list .em strong{ font-size:20px;}
.inews_list .text{ padding-left:86px;}
.inews_list .p{ height:30px;}
.career_con3_tit{ font-size:24px;}
.career_list ul{ margin-right:-60px;}
.career_list .h3{ font-size:18px;}
.career_list .pd{ padding:30px; margin-right:60px;}
.contact_list2 .em{ font-size:16px;}
.contact_list2 .p{ font-size:16px;}
.quality_con_tit .h3{ font-size:18px; margin-bottom:10px;}
.partner_tit .em{ font-size:14px;}
.service_top .h3{ font-size:16px;}
.tit8{ font-size:24px;}

.service_bottom_top .img strong{ font-size:18px;}
.service_bottom_bottom .pd{padding: 30px 0 30px 20px;}
.service_bottom_bottom .h3{ font-size:14px;}
.service_bottom_bottom .p{ font-size:12px;}
.tit10{ font-size:18px; margin-bottom:20px;}
.network_bottom_fl .pd{ min-height:220px;}
.network_bottom_fl .h3{ font-size:18px; padding-bottom:5px;}
.network_bottom_fr .h3{ font-size:18px; padding-bottom:5px;}
.network_bottom_fr .pd{ min-height:220px;}
.network_con li{ margin-bottom:5px;}
.network_con .h3{ height:30px; line-height:30px;}
.cpg_fl{ margin-right:320px;}
.cpg_fr{ width:300px;}
.tit3{ font-size:18px; border-bottom-width:3px;}
.case_tj_list .text{ padding-left:10px;}
.case_tj_list .p{ height:36px;}
.case_tj_list .h3{ font-size:14px;}
.pro_value_con td{ padding:5px 10px 5px 20px;}
.pro_value_con td:before{ left:12px;}
.pro_tj_list .text .h3{ font-size:14px; margin-bottom:5px;}
.caseinfo_value .tit{ font-size:18px;}
.tit2{ font-size:18px;}
.caseinfo_flip .h3{ font-size:14px; height:36px; margin-bottom:5px;}
.caseinfo_flip .p{ height:36px; }
.caseinfo_flip .text{ padding-left:10px;}
.case_list2 .h3{ font-size:14px;}
.newsinfo_tit .h3{ font-size:18px;}
.newsinfo_flip .h3{ font-size:14px;}
.case_tit .h3 strong{ font-size:18px;}
.case_tit .h3 em span{ font-size:18px;}
.case_list .h3{ font-size:14px; height:32px; line-height:32px;}
.case_list ul{ margin-right:-50px;}
.case_list .pd{ margin-right:50px;}
.brand_tit .h3{ font-size:18px;}
.tit9{ font-size:18px;}
.contact_list .h4{ height:32px; line-height:32px;}
.tit4{ font-size:18px;}
.brand_list li{ width:20%;}
.brand_list img{ width:100%;}
}
@media screen and (max-width:1024px){
body,.fix_body{ padding-top:60px;}
.wp,.slider-nav .slick-list{ width:auto; margin:0 30px;}
.logo,.fix_body .logo{ padding:15px 0;}
.logo img,.fix_body .logo img{ height:30px;}
.top_right,.fix_body .top_right{ top:15px; right:30px; display:block;}
.iconfont{ font-size:14px;}
.menu-link{ display:block;}
.menu,.fix_body .menu{ position:fixed; left:0px; top:60px; right:0px; padding-top:0px; display:none;}
.menu li{ float:none; margin:0px;}
.menu .h3 a{ float:none; padding:0 30px; background:rgba(0,157,223,1); color:#fff; border-bottom: 1px solid rgba(255,255,255,0.5);}
.menu .h3 a i,.menu .h3 a em{ display:block;}
.menu .box{ position:static; width:auto;}
.menu .box a{ background:rgba(0,157,223,0.7); padding: 8px 30px;}
.menu li:hover .box{ display:none;}
.menu_box{ z-index:9999; padding:30px 0;}
.menu_box .wp{}
.menu_box ul{ padding:30px 0 30px 30px;}
.menu_box .icon-guanbi{ display:block;}
.menu_box .h3{ margin-bottom:5px;}
.menu_box .h3 a{ font-size:14px;}
.menu_box .p a{ padding:4px 0 4px 15px;}
.menu_box .p a:before{ top:1px; left:0px;}
.footer_about{ width:auto; float:none; padding:0px; border:none; margin-bottom:20px;}
.footer_nav{ float:none; margin-right:-20px; overflow:hidden;}
.footer_nav .ul{ width:25%; margin:0px; box-sizing:border-box; padding:0 20px 0 0;}
.ipro_list .slick-prev{ left:0px;}
.ipro_list .slick-next{ right:0px;}
.table1 .td{ padding:0 10%;}
.video_list ul{ margin-right:-30px;}
.video_list .pd{ margin-right:30px;}
.cpg_fl{ width:100%}
.cpg_fl .kase_more{ width:45%;}
.pro_tj{ min-height:inherit;}
.pro_tj_list li{ margin-bottom:5px;}

.case_list ul{ margin-right:-30px;}
.case_list .pd{ margin-right:30px;}

.partner_con{ padding-top:30px;}
.partner_con li{ width:25%; margin-bottom:10px;}

.contact_list ul{ margin-right:-30px;}
.contact_list .pd{ margin-right:30px;}

.icase_list .single-item,.ipro_list .single-item{ padding-bottom:30px;}
.icase_list .slick-dots li, .ipro_list .slick-dots li{ margin:0 5px;}

.tit1{ line-height:1; height:28px;}
}

@media screen and (max-width:960px){
.icase_list .text{ left:0px; bottom:0px; right:0px; background: rgba(255,255,255,0.6);}

.table1 .td{ padding:0 5%;}
.about_con_con .text .p{ font-size:12px !important;}

.news_list .em{ position:static; width:auto; background:none !important; color:#666 !important; padding:0px;}
.news_list .em strong{ display:inline; font-size:inherit; margin-right:5px; font-weight:normal;}
.news_list .em em{ display:inline;}
.news_list .text{ padding-right:0px;}
.news_list .p{ height:45px;}

.cpg_fl{ margin-right:0px; margin-bottom:50px;}
.cpg_fr{ position:static; width:auto;}

.career_con1 .text{ padding:30px 30px 0 30px;}
.career_con2_tit{ width:auto; position:static; margin-bottom:20px;}
.career_con2_tit .h3{ font-size:24px; padding-bottom:0px; margin-bottom:10px;}
.career_con2_tit .h3:after{ display:none;}

.career_con2_con{ margin-left:0px;}
.career_con2_con li{ padding:0px !important;}

.career_con2_con .img{ padding:6px; width:120px; height:120px;}
.career_con2_con .text{ margin-left:120px; padding:20px 0 0 10px;}
.career_con2_con .h3{ font-size:14px; margin-bottom:5px; color:#000;}
.career_con2_con .p{ color:#888;}

.pro_tj{ border:none; padding:0px;}
.pro_tj_list li{ width:25%;}
.pro_tj_list .text{ display:block; position:static; width:auto; border:none; border-radius:0px; padding:10px;}
.pro_tj_list .text:before{ display:none;}

.filedw_list ul{ margin-right:-10px;}
.filedw_list li{ width:33.333333%; float:left; margin-bottom:10px;}
.filedw_list .pd{ margin-right:10px;}
.filedw_list i{ width:24px; height:24px; line-height:24px; font-size:24px; right:10px; bottom:10px;}

.case_list ul{ margin-right:-15px;}
.case_list .pd{ margin-right:15px;}

.caseinfo_flip{ margin-right:-15px; margin-bottom:20px; overflow:hidden;}
.caseinfo_flip .pd{ margin-right:15px;}

.caseinfo_value .con{ border:none; padding:0px;}

.quality_top_con .pd{ background:none; padding:0 10px; margin-bottom:0px;}
.quality_top_con .pd:after{ display:none;}
.quality_top_con li{ margin-bottom:25px;}
.quality_top_con li .pd:before{ display:none !important;}
.quality_top_con .text strong{ display:none;}
.quality_top_con .text{ position:static; padding-top:10px; height:30px;}

.quality_bottom .contact_list .h4{ font-size:18px;}


.service_con ul{ width:auto; height:auto; padding-top:320px; background-position: top center; background-size:auto 300px;}
.service_con li{ position:static; padding-left:0px; width:33.333333%; float:left;}
.service_con li:after{ display:none;}

.service_bottom_top .img strong{ padding: 10px 15px; font-size:16px;}
.service_bottom_top ul{ margin-right:-15px;}
.service_bottom_top .pd{ margin-right:15px;}

.service_bottom_bottom li{ width:50%; margin-bottom:1px;}
.service_bottom_bottom .pd:before{ border-bottom:9px solid #007bb6 !important;border-left:9px solid #fff !important;border-right:9px solid #fff !important;}
.service_bottom_bottom .pd:after{border-top:9px solid #007bb6 !important;border-left:9px solid #fff !important;border-right:9px solid #fff !important;}  

.network_con li{ width:20%;}

.network_bottom_fl .h3{ font-size:16px;}
.network_bottom_fl .pd{ margin-right:10px;}
.network_bottom_fl .pd{ padding:15px;}
.network_bottom_fr .pd{ margin-left:10px;}
.network_bottom_fr .pd{ padding:15px;}

.contact_list .h2{ font-size:12px;}
.contact_list2 .em{ font-size:14px;}
.contact_list2 .p{ font-size:14px;}
.contact_list2 .p i{ font-size:16px;}


}
@media screen and (max-width:768px){
.slider-nav{ position:static;}
.slider-nav h3{ height:36px; line-height:36px;}

.inews_list li{ width:50%; margin-bottom:10px;}
.inews_list li:nth-child(3) .img{ display:none;}
.inews_list li:last-child{ display:none;}

.inews_list .em{ padding:10px 0 10px 10px; width:62px;}
.inews_list .em strong{ font-size:18px;}
.inews_list .em em{ font-size:12px;}
.inews_list .img{ margin-bottom:10px;}
.inews_list .text{ padding-left:72px;}
.inews_list .img i{ display:none !important;}

.istrength_list strong{ font-size:24px;}
.share li{ margin:0 4px;}

.crumbs{ position:static; background-color:#007bb6;}

.about_top .p .text{ padding:0 10px; font-size:12px; height:24px; line-height:24px;}

.video_list .img i.icon-play:before{ width:48px; height:48px; line-height:48px; font-size:48px; margin:-24px 0 0 -24px;}

.qualifications_con .slick-arrow{ width:40px; height:40px; line-height:40px; font-size:24px;}
.qualifications_con .img:after{ width:300px; margin-left:-150px; background-size:100% auto; bottom:-39px;}

.career_con1 .h3{ font-size:18px;}
.career_con2_tit .h3{ font-size:18px; line-height:1.3;}
.career_con1 .text{ padding:15px 15px 0 15px;}
.career_con1 ul{ margin-right:-5px;}
.career_con1 .pd{ margin-right:5px;}

.career_con3_tit{ font-size:18px; line-height:1.3; margin-bottom:20px;}

.career_con1{ padding:30px 0;}
.career_con2{ padding:30px 0;}
.career_con3{ background:#007bb6; padding:30px 0;}
.career_list li{ width:auto; float:none; margin-bottom:10px;}
.career_list ul{ margin-right:0px;}
.career_list .pd{ margin-right:0px;}

.pro_tj_list li{ width:33.333333%;}

.brand_list ul{ margin-right:-10px;}
.brand_list li{ margin-bottom:10px;}
.brand_list .pd{ margin-right:10px;}

.case_list li{ width:50%;}

.quality_top_con li{ width:33.333333%;}

.service_top li{ width:50%; margin-bottom:15px;}
.service_top .p{ height:45px;}

.network_con li{ width:25%;}

.contact_list li{ width:50%; margin-bottom:20px;}

.iprt01_btm .lt_box{float:none;height: auto;margin-right: 0;width:100%;}
.iprt01_btm .lt_box .con_wrap{background-image: none;background-color:#004197;}
.rect-11980{padding-bottom: 0;height: auto;}
.iprt01_btm .lt_box ._con{padding: 10% 8% 10% 8%;}
.iprt01_btm .rt_box{width:100%;float:none;margin-top: 20px;}
.iprt01_btm .rt_box .rect-60 ._full {
    height: auto;
}
.iprt01_btm .rt_box ._slide_con {
    padding-bottom: 0;
    height: auto;
}
.iprt01_btm .rt_float_cell {
    width: 100%;
    float: none;
}
.iprt01_btm .uni_more_btn{display:none;}
.iprt01_btm .lt_box ._con{padding:5%;}
.iprt01_btm .lt_box ._con ._desc{margin-bottom:0;}
.iprt01_btm .lt_box ._con ._tt{font-size:22px;margin-bottom:12px;}
.iprt01_btm .rt_box .rect-60{padding-bottom:71%;}
.iprt01_btm .rt_box .rt_float_cell:last-child .rect-60{padding-bottom:50%;}
.iprt01_btm .rt_box .rect-60 ._full{height:auto;}
.iprt01_btm .rt_float_cell ._con{padding:10% 4%;}
.iprt01_btm .rt_float_cell ._tt{line-height:1.2em;margin-bottom:0;}
.inews_list .img img{height:auto; }
.pcat-list li ._img{ float:none; width:100%; border:none;}
.pcat-list li ._nr { width: 100%; float: none; margin-right:0%; padding-top:10px;}
.pcat-list li ._title {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 0px;
}


}
@media screen and (max-width:640px){

.menu-link{ top:20px;}
.top_right, .fix_body .top_right{ top:0px; right:0px;}
.language{ position:absolute; right:30px; top:24px;}

.menu_box{ padding:20px 0;}
.menu_box ul{ padding:20px;}
.menu_box li{ width:auto; padding-right:0px; float:none;}
.menu_box .p{ margin-bottom:10px;}

.istrength_list li{ width:50%; margin-bottom:10px;}

.footer_nav{ margin-right:0px;}
.footer_nav .ul{ width:auto; float:none; padding-right:0px;}
.footer_nav ul{ display:none;}
.footer_nav .h3{ margin-bottom:5px; height:34px; line-height:34px; border-bottom:1px solid rgba(255,255,255,0.5);}
.footer_nav .h3 i, .footer_nav .h3 em{ display:block;}

.about_con_con li{ width: auto !important; float:none; overflow:hidden; margin-bottom:5px; background:#007bb6;}
.about_con_con .img{ float:left; width:150px;}
.about_con_con .text{ position:static; opacity:1; margin-left:150px; background:none;}
.table1 .td{ padding:15px 15px 0 15px; text-align:left;}

.video_list ul{ margin-right:-10px;}
.video_list li{ margin-bottom:10px;}
.video_list .pd{ margin-right:10px;}
.video_list .text{ height:32px; line-height:32px;}

.news_list li{ width:auto;}
.news_list .h3{ height:18px;}
.news_list .p{ height:60px;}
/*.news_list .img{ width:auto; float:none; margin-bottom:10px;}
.news_list .text{ margin-left:0px; padding-left:0px;}*/

.newsinfo_flip{ margin-right:0px;}
.newsinfo_flip .li{ width:auto; float:none;}
.newsinfo_flip .li1{ margin-bottom:20px;}
.newsinfo_flip .pd{ margin-right:0px;}

.cpg_fl{ margin-bottom:30px;}

.career_con3_tit{ font-size:16px;}

.filedw_list li{ width:50%;}


.case_tj_list li{ width:auto; float:none; overflow:hidden; margin-bottom:5px;}

.brand_list ul{ margin-right:-5px;}
.brand_list li{ margin-bottom:5px; width:33.333333%;}
.brand_list .pd{ margin-right:5px;}

.case_list ul{ margin-right:-5px;}
.case_list .pd{ margin-right:5px;}

.caseinfo_flip .li{ width:auto; margin-bottom:10px;}
.caseinfo_flip .tit{ margin-bottom:10px;}

.flow .pin{ padding:0px; margin-bottom:10px;}

.quality_bottom .contact_list .h4{ font-size:16px;}

.service_con li{ width:50%;}

.network_bottom_fl{ width:auto; float:none; margin-bottom:10px;}
.network_bottom_fl .pd{ margin:0px;}
.network_bottom_fr{ width:auto; float:none;}
.network_bottom_fr .pd{ margin:0px;}

.case_tit .p ul{ margin-right:0px;}
.case_tit .p li{ width:auto; float:none;}
.case_tit .p a{ margin-right:0px;}
}
@media screen and (max-width:600px){
.video_list ul{ margin-right:0px;}
.video_list li{ float:none; width:auto;}
.video_list .pd{ margin-right:0px;}
.video_list .text{ height:auto; line-height:1.42; padding-top:5px;}

.career_con2_con .text{ padding:10px 0 0 10px;}

.career_con1 ul{ margin-right:0px;}
.career_con1 li{ float:none; overflow:hidden; width:auto; margin-bottom:10px;}
.career_con1 .pd{ margin-right:0px;}
.career_con1 .img{ float:left; width:150px; height:120px; overflow:hidden;}
.career_con1 .img img{ margin-top:-75px;}
.career_con1 .text{ position:static; color:#333; margin-left:150px; padding:0 0 0 10px;}

.service_top li{ width:auto; float:none; position:relative; height:82px;}
.service_top .p{ height:auto;}
.service_top .pd{ margin:0px; padding-left:90px; text-align:left;}
.service_top i{ position:absolute; left:0px; top:0px; width:80px; height:80px; line-height:80px;}
.service_top .h3{ padding-top:10px;}

.service_bottom_top ul{ margin-right:0px;}
.service_bottom_top li{ width:auto; float:none; margin-bottom:10px;}
.service_bottom_top .pd{ margin-right:0px;}

.network_con ul{ margin-right:-10px;}
.network_con li{ width:33.333333%;}
.network_con .pd{ margin-right:10px;}

.contact_list li{ width:auto; float:none;}
.case_tit .p a{ padding:8px 0 8px 20px; height:auto; line-height:16px;}

.pro_value_con td,.pro_application .p{ font-size:14px;}
}
@media screen and (max-width:540px){
.career_con3_tit{ text-align:left;}
.career_con3_tit br{ display:none;}
.career_list .h3{ font-size:14px;}

.pro_tj_list li{ width:50%;}

.filedw_list ul{ margin-right:0px;}
.filedw_list .pd{ margin-right:0px;}
.filedw_list li{ width:auto; float:none;}

.quality_top_con li{ width:50%;}
.quality_top_con li:last-child{ margin-bottom:0px;}

.service_con li{ width:auto; float:none; height:auto; line-height:1.3; padding:5px 0;}
.service_con ul{ background-size: auto 200px; padding-top:220px;}

.service_bottom_bottom li{ width:auto; float:none;}
}
@media screen and (max-width:480px){
.logo, .fix_body .logo{ padding:22px 0 14px 0;}
.logo img,.fix_body .logo img{ height:24px;}

.inews_list li{ width:auto; float:none; overflow:hidden; display:none;}
.inews_list li:nth-child(1),.inews_list li:nth-child(2),.inews_list li:nth-child(3){ display:block;}
.inews_list li .img{ display:block !important; width:150px; float:left; margin-bottom:0px;}
.inews_list ul{ margin-right:0px;}
.inews_list .pd{ margin-right:0px;}
.inews_list .text{ margin-left:150px; padding-left:10px;}
.inews_list .h3{ line-height:16px; height:16px; margin-bottom:5px;}
.inews_list .p{ margin-bottom:5px; }
.inews_list .em{ position:static; width:auto; background:none !important; color:#666 !important; padding:0px;}
.inews_list .em strong{ display:inline; font-size:inherit; margin-right:5px; font-weight:normal;}
.inews_list .em em{ display:inline;}

.about_top .p ul{ padding:10px 0;}
.about_top .p li{ width:auto; float:none; margin-bottom:10px;}
.about_top .p li:last-child{ margin-bottom:0px;}
.about_top .p .pd{ margin-right:0px;}
.about_top .p .text{ height:34px; line-height:34px;}

.about_con_tab{ margin-bottom:15px;}
.about_con_tab ul{ width:280px;}
.about_con_tab li a{ height:30px; line-height:30px; font-size:12px;}

.pg_banner img{ width:140%; margin-left:-20%;}

.flip{ padding:8px 10px;}
.flip a, .flip span, .flip em{ margin:0 3px;}

.case_list2 .text{ padding-left:10px;}

.career_con1 .img{ height:150px;}

.pro_con .img{ width:auto;}

.pro_value_con td{ padding:5px 5px 5px 15px;}
.pro_value_con td:before{ left:8px;}

.quality_con_tit .h3{ font-size:16px;}

.quality_con_con li{ padding:10px;}

.partner_con li{ width:33.333333%;}

.service_bottom_top .img strong{ font-size:14px; padding:5px 10px;}

.pro_tj_list li{ width:auto; float:none;}
}
@media screen and (max-width:413px){
.wp, .slider-nav .slick-list{ margin:0 20px;}

.table1 .td{ padding:10px;}

.about_con_con .img{ width:auto; float:none;}
.about_con_con .text{ margin:0px;}

.qualifications_con .img:after{ width:280px; margin-left:-140px; background-size:100% auto; bottom:-39px;}

.news_list .p{ height:45px;}

.career_con1 .img{ height:180px;}
.career_con1 .img img{ margin-top:-40px;}
}
@media screen and (max-width:374px){

.wp, .slider-nav .slick-list{ margin:0 15px;}



.inews_list li .img{ width:135px;}
.inews_list .text{ margin-left:135px;}

.news_list li .img{ width:135px;}
.news_list .text{ margin-left:135px;}

.case_list2 .img{width:135px;}
.case_list2 .text{ margin-left:135px;}

.career_con1 .img{ width:135px; height:auto;}
.career_con1 .img img{ margin-top:0px;}
.career_con1 .text{ margin-left:135px;}

.case_tj_list .img{ width:135px;}
.case_tj_list .text{ margin-left:135px;}

.quality_top_con .img img{ width:120px; height:120px;}

.service_top .h3{ padding-top:10px;}

.network_con li{ width:50%;}



}

.Lang a{color:#FFFFFF;padding:4px;}
.footer_bottom a{color:#FFFFFF;padding:4px;}
.Footlang {display: block;} 
.Footlang li{display: inline-block;vertical-align: top;line-height: 30px;}   
.Footlang a{padding:0 10px;color:#fff;}

.pro_tj_list #xiangguangp{    float: left;
    width:100%;
    padding-bottom: 10px;
	margin-bottom:0;
	position:relative;
	height:auto;}
.p iframe{width:30%;}
.case-slide{width:425px !important;}
.p p iframe{margin:0px 15px 0px 15px;}
.p_m5{margin-top:20px;}
span:hover{cursor: pointer;}
#tag-l{margin-bottom:20px;}
#tag-l h4{fon-size:18px;}
#tag-l p{font-size:14px;padding-top:10px;}
.tag-x{font-size: 20px;
    color: #333333;
    height: 30px;
    line-height: 30px;
	padding-bottom:10px;
   
  }
.down_pic{display:inline-block;float:right;cursor: pointer; opacity:0.5;}
.down_pic:hover{opacity:1;}


@media screen and (max-width:768px){
.case-slide{width:355px !important;}
.inews_list iframe {width:320px;margin-bottom:15px;}

.video_list iframe {width:320px !important ;margin-bottom:15px;}
#biaot{font-size:13px;}
.quality_top_con .img img{width:100%;height:100px;}
.pro_tj_list #xiangguangp{ width: 45%;margin-left:10px;height:165px;}

.about_top .p  p iframe{width:100%;margin:0;}
.footer_about .img img{width:88%;}
.p iframe{width:100%;margin:0px;}
.footer_nav .ul:first-child{width:100%;}
.footer_nav .ul:last-child{width:100%;}
.cpg_fl .kase_mor{width:100%;}
.left{width:100% !important;}
}
.table{width:99%;height:auto;background:#fff; margin:5px 0px 15px 0px;}
.table td{margin-bottom:3px;text-align:left;border-width:1px;padding: 3px;border:1px solid #dddddd;}
.table tr{ background:#fff;}
.table tr:first-child {background: #eeeeee;
    font-weight: bold;
    color: #333;}
.table tr a:hover{ color:#0066FF}
.quality_tp .tra-03{     float: left;
    width: 47%;
    height: 140px;
    background: #efefef;
    padding: 10px;
    margin-bottom: 2%;}
.quality_tp .tra-03:nth-child(odd){ margin-right:2%}
.zdy{
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #007bb6;
	display: block
}
.quality_tp .tra-04{ margin-bottom:10px;}
#Pager1{ text-align:center}
#Pager1 li{    display: inline-block;}
#Pager1 li a{    padding: 11px 18px;
    background: #fff;
    text-decoration: none;
    text-shadow: none;
    border: 1px solid #e9e9e9;
    margin-top: 16px;}
	
/*leave message*/
.big_classlist{
	width:100%;
	height:auto;
	display:none;
	position:fixed;
	z-index:20; 
	top:650px;
	background:#707070;  
	box-shadow:0 0 5px #dadada; 
}
.big_classlist ul{
	margin:0 auto;
	height:40px; 
	position:relative;
}
.big_classlist ul li {
    text-align: center;
    position: relative;
    float: left;
}
.big_classlist ul li a.active {
    background: #d10101;
}
.big_classlist ul li a {
    display: block;
    padding: 0 14px;
}
.num5 {
		font-family: arial, sans-serif; 
		width:1200px; 
		height: 40px;
		margin: 0 auto;
	}
	.num5>li>a{
		color:#fff;
		line-height:45px;
		font-size:14px; font-weight:500;
	}
	.nav-li {                   
		float:left; 
		position:relative;	
	}
	.nav-li a.prince {background: url(http://mulan.sosearching.cn/img/icon-price.png) no-repeat 20px center;color: #fff;display: inline-block;font-size: 14px;padding: 14px 20px 14px 62px;}
	.nav-li a.prince:hover{ background:#00406d url(http://mulan.sosearching.cn/img/icon-price-hover.png) no-repeat 20px center; text-decoration:none; color:#E4F397;}
	.nav-li a.where {background: url(http://mulan.sosearching.cn/img/icon-where.png) no-repeat 20px center;color: #fff;display: inline-block;font-size: 14px;padding: 14px 20px 14px 62px;}
	.nav-li a.where:hover{ background:#00406d url(http://mulan.sosearching.cn/img/icon-where-hover.png) no-repeat 20px center; text-decoration:none; color:#E4F397;}
	.nav-li a.que {background: url(http://mulan.sosearching.cn/img/icon-que.png) no-repeat 20px center;color: #fff;display: inline-block;font-size: 14px;padding: 14px 20px 14px 62px;}
	.nav-li a.que:hover{ background:#00406d url(http://mulan.sosearching.cn/img/icon-que-hover.png) no-repeat 20px center; text-decoration:none; color:#E4F397;}
	.nav-li a.online {background: url(http://mulan.sosearching.cn/img/icon-online.png) no-repeat 20px center;color: #fff;display: inline-block;font-size: 14px;padding: 14px 20px 14px 62px;}
	.nav-li a.online:hover{ background:#00406d url(http://mulan.sosearching.cn/img/icon-online-hover.png) no-repeat 20px center; text-decoration:none; color:#E4F397;}
	.nav-li a.email {background: url(http://mulan.sosearching.cn/img/icon-email.png) no-repeat 20px center;color: #fff;display: inline-block;font-size: 14px;padding: 14px 20px 14px 62px;}
	.nav-li a.email:hover{ background:#00406d url(http://mulan.sosearching.cn/img/icon-email-hover.png) no-repeat 20px center; text-decoration:none; color:#E4F397;}
	.nav-li a.phone {background: url(http://mulan.sosearching.cn/img/icon-phone.png) no-repeat 20px center;color: #fff;display: inline-block;font-size: 14px;padding: 14px 20px 14px 62px;}
	.nav-li a.phone:hover{ background:#00406d url(http://mulan.sosearching.cn/img/icon-phone-hover.png) no-repeat 20px center; text-decoration:none; color:#E4F397;}
	.nav-a { 
		text-align:center; 
		width:180px; 
		height:40px;
		padding: 12px 0;
		color:#000; 
	}
	.nav-li i{
		display: inline-block;
		height: 15px;
	}
	.nav-li:hover>a {
		color:#E4F397; 
	}

	.left {width:50%; float:left;}
.left img{width:100%;height:350px;}
.left ul{width:100%;margin-top:10px;}
.left ul ll{width:100px;}
.p_m5 .left ul li img{width:77px;height:60px;border: #ccc 1px solid;padding: 1px;margin-right: 5px;display: inline;}
.downlist li {width:24%;margin:1%;border:1px solid;}
.app_img {width:100% !important; height:210px;}
.app_li{height:250px !important;}

.Menubox{width:100%;height:52px;line-height:52px;overflow:hidden;margin:5px 0 20px}
.Menubox ul{background:url(../images/ul_x.jpg) left bottom repeat-x;height:52px}
.Menubox li{float:left;background:#f8f8f8;border:1px solid #ccc;width:17%;font-size:15px;height:52px;line-height:52px;cursor:pointer;text-align:center;color:#333;margin-right:1%;    font-family: 'Oswald', sans-serif;
text-transform: uppercase;}

.Menubox li a{color:#333}


.Menubox .gaoliang{background:#fff;width:22%;height:52px;color:#ec1c24;line-height:52px;border:1px solid #ccc;border-top:3px solid #ed2e1b;border-bottom:none;font-weight:500;    font-family: 'Oswald', sans-serif;
text-transform: uppercase;color:#ed2e1b}
.contact_list2 .p{color: #333; font-size:16px;}
.contact_list2 .p strong{ font-family: 'Oswald', sans-serif;
text-transform: uppercase;font-size: 18px; font-weight:500;}
.trigger{font-size: 12px;font-weight: 500;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;display: block;
    cursor: pointer; color:#007c9e}
.readless{ display:none}
.p_m5 .p{ height:90px;overflow: hidden;}
/*leave message*/
.contact_list  .form-control {
    display: block;
    width: 96%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.contact_list  .form-control {
    margin: 0 0 12px 0;
    padding: 0 2%;
    overflow: hidden;
    border-radius: 2px;
	  font-family: 'Oswald';
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #CCD1D9;
    background-color: #fff;
}
.contact_list #btn_Submit {
    padding: 0 30px;
    cursor: pointer;
    outline: none;
    min-width: 66px;
    height: 36px;
    line-height: 36px;
    background-color: #007bb6;
    cursor: pointer;
    color: #FFF;
    font-size: 15px;
    font-family: 'Oswald';
    font-weight: 400;
    border: none;
    outline: none;
}
.contact_list textarea.form-control {
      vertical-align: top;
    resize: none;
	height:150px;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}