@charset "utf-8";

* {	margin: 0;	padding: 0;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}

body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}

body,html{ overflow-x:hidden;}

h1,h2,h3,h4,h5,h6 {	font-size: 100%;}

ul,ol,li {	list-style: none; }

a {	text-decoration: none;	color: #4e4e4e; }

a:hover {	color: #1375b4;}

img {	border: 0px;}

em{ font-style:normal;}

table {	border-collapse: collapse;	border-spacing: 0;}

html,body {	color: #4e4e4e;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}

::selection { color: #fff; background-color: #1982c5;}    

::-moz-selection { color: #fff; background-color: #1982c5;} 

::-webkit-scrollbar { width:9px;  height: 6px; background-color: #fcfcfc;}  

::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}  

::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}

.hide {	display: none;}

.clear {clear: both;}

.center{ text-align:center;}

.pic100 img{width:100% !important;}

.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}

.f-turn{-webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;}

.fl{float:left;}

.fr{float:right;}

.overflow{ overflow:hidden;}

.white,.white a{ color:#fff;}

.rela{ position:relative;}

.pad0{ padding:0 !important;}

.pad80{ padding:60px 0;}

.pad65{ padding:65px 0;}

.red{ color:#ce2520;}

.blue{ color:#005aab;}

.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.top30{ margin-top:30px;}



@font-face {

    font-family: 'helvetica_ltcondensed-black';

    src: url('../fonts/lte50056.pfb-webfont.woff2') format('woff2'),

         url('../fonts/lte50056.pfb-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'humanist_777_black_condenseRg';

    src: url('../fonts/humanist777bt-blackcondensedb-webfont.woff2') format('woff2'),

         url('../fonts/humanist777bt-blackcondensedb-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

header{ padding:20px 2% 0;position:fixed;top:0;width:100%;left:0; z-index:2;-webkit-transition: all .5s ease-in;

    -moz-transition: all .5s ease-in;

    -ms-transition: all .5s ease-in;

    -o-transition: all .5s ease-in;

    transition: all .5s ease-in;}

#topnav{background:rgba(0,0,0,.0);padding:20px 2% 0;z-index: 10;}

#topnav.scrollnav{background:rgba(0,0,0,.8);padding:0 1.5%;}

.scrollnav .logo img{ height:50px; padding-top:10px;}

.search{float:right;margin-top:16px; width:34px;position:relative;}

.search button{ width:30px;height:30px; display:inline-block; background:url(../images/icon1.png) no-repeat center center;vertical-align:middle; }

.search input{ background-color:#fff;line-height:30px;height:30px;vertical-align:middle;width:0;position:absolute;right:100%;}

.search:hover button{ background:url(../images/icon2.png) no-repeat center center; }

.search:hover{ background-color:#fff;}

.search:hover input{ width:166px;padding:0 10px;}

.topcontact{margin-right:25px; color:#fff; margin-top:19px;}

.topcontact i{width:20px;height:20px; display:inline-block; vertical-align:middle;margin-right:10px; background:url(../images/icon3.png) no-repeat;}

a:hover.topcontact{color:#73c8fe;}

a:hover.topcontact i{ background:url(../images/icon4.png) no-repeat;}

nav{float:right;margin-right:4%;width:44%;text-align: center;}

nav ul{ margin-bottom:0;}

nav li{width:14.2%;float:left; position:relative;}

nav li>a{ line-height:60px; font-size:15px; display:block;color:#fff;padding-bottom: 20px; position:relative;}

nav li>a i{width:13px;height:8px; display:inline-block; vertical-align:middle;margin-left:10px; background:url(../images/icon5.png) no-repeat;}

nav li a:hover,nav li a.cur{ color:#73c8fe;}

nav li>a:hover,nav li>a.cur{ color:#bdbdbd;}

nav li div{ position:absolute;left:-20px; text-align:center; display:none; width:140px; top:80%;}

nav li div a{ display:block;padding:10px 0;border-bottom:1px solid #3f3f3f;background:rgba(0,0,0,0.6);color:#fff;}

nav li:nth-child(3) div{ left:-75px; width:250px; }

.scrollnav nav li div{top:100%;}

.scrollnav nav li div a{background:rgba(0,0,0,0.8);}

.scrollnav nav li>a{padding-bottom: 0;}

#owl-demo .item img{display: block;width: 100%;height:100vh;}

.h_banner,.h_new,.h_about,.h_company,.h_research{ overflow:hidden;}

.banner.owl-theme .owl-pagination{ display:none;}

.banner .owl-buttons{ position:absolute;left:0; top:50%; width:100%;}

.banner .owl-prev{ position:absolute;left:0;top:50%;margin-top:-20px; background:url(../images/caseprev.png) no-repeat !important;width:32px;height:45px; font-size:0 !important;}

.banner .owl-next{ position:absolute;right:0;top:50%;margin-top:-20px; background:url(../images/casenext.png) no-repeat !important;width:32px;height:45px; font-size:0 !important;}

.bannerword{ display:block; position:absolute;top:0;left:0;width:100%;height:100%; z-index:2;}

.videodiv,video{ min-width:100%;min-height:100%; overflow:hidden;font-size: 0;}

.video_cover{display:block; position:absolute;top:0;left:0;width:100%;height:100%; z-index:1; background:url(../images/video_cover.png) repeat;}

.banners{ display:none !important;}

.bannerblock{ position:absolute;bottom:100px;left:50%;margin-left:-600px !important;z-index: 2;}

.bannerblock dl{ margin-bottom:0;}

.bannerblock dl:nth-child(1){ background:url(../images/block1.png) no-repeat;background-size:100% 100%;}

.bannerblock dl:nth-child(2){ background:url(../images/block2.png) no-repeat;background-size:100% 100%;}

.bannerblock dl:nth-child(3){ background:url(../images/block3.png) no-repeat;background-size:100% 100%;}

.bannerblock dl:nth-child(4){ background:url(../images/block4.png) no-repeat;background-size:100% 100%;}

.bannerblock dl a{ color:#fff; display:block;padding:20px 0 20px 80px;}

.bannerblock dl:nth-child(1) a{ background:url(../images/icon14.png) no-repeat center left 20px;}

.bannerblock dl:nth-child(2) a{ background:url(../images/icon15.png) no-repeat center left 20px;}

.bannerblock dl:nth-child(3) a{ background:url(../images/icon16.png) no-repeat center left 20px;}

.bannerblock dl:nth-child(4) a{ background:url(../images/icon17.png) no-repeat center left 20px;}

.bannerblock dl a dt{ font-size:18px; font-weight:100;}

.banner_mouse{ position:absolute; z-index:9;bottom:27px;left:50%;margin-left:-11px;width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px;-webkit-animation: nudgeMouse 1.6s linear infinite;animation: nudgeMouse 1.6s linear infinite;}

.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}

.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px;-webkit-animation: colorSlide 1.6s linear infinite;animation: colorSlide 1.6s linear infinite;top:0;left:0;}

.banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;-webkit-animation: trackBallSlide 1.6s linear infinite;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}

@-webkit-keyframes colorSlide {

	 0% {height:0;}

  	 90%{height:40px;}	 	

	}

@keyframes colorSlide {

	0% {height:0;}

	90%{height:40px;}

	}

@-webkit-keyframes trackBallSlide {

	  0% {opacity: 1;-webkit-transform: scale(1) translateY(-8px);transform: scale(1) translateY(-8px);}

	  34% {opacity: 1;-webkit-transform: scale(0.9) translateY(4px);transform: scale(0.9) translateY(4px);}

	  68% {opacity: 0;-webkit-transform: scale(0.4) translateY(16px);transform: scale(0.4) translateY(16px);}

	  100% {opacity: 0;-webkit-transform: scale(0.4) translateY(-8px);transform: scale(0.4) translateY(-8px);} 

	}

@keyframes trackBallSlide {

	  0% {

	    opacity: 1;

	    -webkit-transform: scale(1) translateY(-8px);

	            transform: scale(1) translateY(-8px);

	  }

	  34% {

	    opacity: 1;

	    -webkit-transform: scale(0.9) translateY(4px);

	            transform: scale(0.9) translateY(4px);

	  }

	  68% {

	    opacity: 0;

	    -webkit-transform: scale(0.4) translateY(16px);

	            transform: scale(0.4) translateY(16px);

	  }

	  100% {

	    opacity: 0;

	    -webkit-transform: scale(0.4) translateY(-8px);

	            transform: scale(0.4) translateY(-8px);

	  }

	}

@-webkit-keyframes nudgeMouse {

  0% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

    -webkit-transform: translateY(8px);

            transform: translateY(8px);

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  

}

@keyframes nudgeMouse {

 0% {

	    -webkit-transform: translateY(0);

	            transform: translateY(0);

	  }

	  50% {

	    -webkit-transform: translateY(8px);

	            transform: translateY(8px);

	  }

	  100% {

	    -webkit-transform: translateY(0);

	            transform: translateY(0);

	  }

}







.h_newL{ background-color:#ce2520;padding:99px 3%;width:28%;}

.h_newL h2{ font-size:36px; margin-bottom:25px;}

#owl-demo3 .item{ line-height:25px;height:50px; overflow:hidden;}

#owl-demo3 .owl-pagination{ display:none;}

#owl-demo3 .owl-buttons{ margin-top:50px; text-align:left; overflow:hidden;}

#owl-demo3 .owl-controls .owl-buttons div {width:12px;height:20px;float:left; color: #FFF;display: inline-block;zoom: 1;margin: 0;padding: 0;font-size: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;filter: Alpha(Opacity=100);opacity: 1;}

#owl-demo3 .owl-controls .owl-buttons .owl-prev{background:url(../images/icon6.png) no-repeat;}

#owl-demo3 .owl-controls .owl-buttons .owl-next{background:url(../images/icon7.png) no-repeat;}

#owl-demo3 .owl-controls .owl-buttons .owl-center{background:url(../images/icon8.png) no-repeat;}

.more{width:60%; text-align:center; background-color:#fff;color:#ce2520;line-height:40px;height:40px; margin-top:84px;}

.more a{color:#ce2520; display:block;}

.h_newR{ width:71%;}

.h_newR dl{ overflow:hidden;padding:0 10px; margin-bottom:20px;}

.h_newR dt article{ background-color:rgba(0,0,0,0.39);width:100%;height:100%;top:0;left:0; position:absolute;}

.h_newR dt div{ position:absolute;width:80%;left:10%; bottom:0;padding-bottom:8%;}

.h_newR dt h5{ font-size:20px; font-weight:bold; color:#fff;}

.h_newR dt time{color:#fff; display:block;font-weight:100; margin-top:15px;}

.h_newR dt time span,.h_newR dd time span{ display:inline-block;margin-right:15px;}

.h_newR dd{ position:absolute;width:calc(100% - 20px);height:100%;color:#fff;left:10px;top:0;}

.h_newR dd div{width:33.333%;height:100%; position:absolute;background-color:#1375b4;}

.h_newR dd .div1{top:-100%;left:0;}

.h_newR dd .div2{ bottom:-100%;left:33.333%;}

.h_newR dd .div3{ top:-100%;right:0;}

.h_newR dl:hover dd .div1,.h_newR dl:hover dd .div3{top:0;}

.h_newR dl:hover dd .div2{bottom:0;}

.h_newR dl dd div{height:100%;}

.h_newR dd a{color:#fff;padding:8%; display:block; }

.h_newR dd a h5{ font-size:20px; font-weight:bold; line-height:30px;height:60px; overflow:hidden;position:relative; z-index:2;opacity: 0;margin-left: 30px;}

.h_newR dd a time{color:#9dbcd8; display:block;font-weight:100; margin-top:15px;position:relative; z-index:2;opacity: 0;margin-left: 30px;}

.h_newR dd a p{margin-top:15px;line-height:25px;height:50px; overflow:hidden;position:relative; z-index:2;opacity: 0;margin-left: 30px;}

.h_newR dl:hover dd h5,.h_newR dl:hover dd time,.h_newR dl:hover dd p{ opacity:1; margin-left:0;}

.show1{animation-delay: 0.2s; transition: all 0.2s;}

.show2{animation-delay: 1s; transition: all 1s;}

.show3{animation-delay: 1.8s; transition: all 1.8s;}

.show4{animation-delay: 2.4s; transition: all 2.4s;}

.show5{animation-delay: 0.4s; transition: all 0.4s;}

.h_about{ background:url(../images/icon10.png) repeat-x; background-size:100% 100%;}

.h_aboutTR,.about1R{width:440px; float:right;}

.h_aboutTL{width:calc(100% - 490px);float:left;}

.h_title{ font-size:36px;}

.h_title i,.companymainR h1 i{width:42px;height:42px; display:inline-block; vertical-align:middle;margin-left:15px;}

.h_aboutTL .h_title i,.companymainR h1 i{ background:url(../images/icon9.png) no-repeat;}

.h_aboutTL h5{ font-size:24px;margin-top:22px;}

.h_aboutTL article{font-size:15px; margin-top:14px;line-height:30px;height:120px; overflow:hidden; color:#606060;}

.h_aboutB{ margin-top:45px;}

.h_aboutB dl{ text-align:center;padding:0 1px;margin-bottom: 2px;}

.h_aboutB dl div{ padding:35px 15px;}

.h_aboutB dl:nth-child(1) div{ background-color:#1982c5;}

.h_aboutB dl:nth-child(2) div{ background-color:#1375b4;}

.h_aboutB dl:nth-child(3) div{ background-color:#0869a7;}

.h_aboutB dl:nth-child(4) div{ background-color:#07629d;}

.h_aboutB dl dt{ font-size:72px; line-height: 82px;font-family: 'helvetica_ltcondensed-black';}

.h_companyC{ margin-top:37px; overflow:hidden;margin-bottom: 5px;}

.h_companyContent{padding:45px 0;}

.h_companyContent article{width:527px;margin:auto; height:527px;}

.h_companyContent article h5{font-size:29px; color:#fff; padding:140px 14% 0; position:relative; z-index:2;}

.h_companyContent article h5 a{color:#fff;}

.h_companyContent article p{margin:28px 0 60px;line-height:24px;height:120px; overflow:hidden;color:#fff;padding:0 16% 0;position:relative; z-index:2;}

.h_companyContent article span{position:relative; z-index:2;}

.h_companyContent article span .more{width:150px;background-color: #ce2520;color: #fff;margin-top: 0; display:inline-block;}

.h_companyContent article div{ position:absolute;width:100%;height:100%; top:0;left:0;}

.h_companyContent article .div1{ background:url(../images/canvas1.png) no-repeat;-webkit-animation: circle1 5s ease infinite;}

.h_companyContent article .div2{ background:url(../images/canvas2.png) no-repeat;-webkit-animation: circle2 6s ease infinite;}

.h_companyContent article .div3{ background:url(../images/canvas3.png) no-repeat;-webkit-animation: circle3 7s ease infinite;}

#owl-demo4 .owl-pagination{ display:none;}

#owl-demo4 .owl-controls .owl-buttons .owl-prev{-webkit-border-radius: 0; -moz-border-radius:0;    border-radius: 0;padding:0;width:60px;height:192px;font-size:0; background:url(../images/icon11.png) no-repeat; position:absolute;top:50%;left: 50%; margin-left: -600px;margin-top: -100px;}

#owl-demo4 .owl-controls .owl-buttons .owl-next{-webkit-border-radius: 0; -moz-border-radius:0;    border-radius: 0;padding:0;padding:0;width:60px;height:192px;font-size:0; background:url(../images/icon12.png) no-repeat;position:absolute;top:50%;right: 50%; margin-right: -600px;margin-top: -100px;}

@-webkit-keyframes circle1 {

    0% {-webkit-transform:scale(1) rotate(0deg);}

    25% {-webkit-transform:scale(1.1) rotate(25deg);}

	50% {-webkit-transform:scale(1) rotate(30deg);}

	75% {-webkit-transform:scale(0.9) rotate(45deg);}

    100% {-webkit-transform:scale(1) rotate(50deg);}

}

@-webkit-keyframes circle2 {

    0% {-webkit-transform:scale(1) rotate(0deg);}

    25% {-webkit-transform:scale(0.9) rotate(-25deg);}

	50% {-webkit-transform:scale(1) rotate(-30deg);}

	75% {-webkit-transform:scale(1.1) rotate(-45deg);}

    100% {-webkit-transform:scale(1) rotate(-50deg);}

}

@-webkit-keyframes circle3 {

    0% {-webkit-transform:scale(1) rotate(0deg);}

    25% {-webkit-transform:scale(1.05) rotate(15deg);}

	50% {-webkit-transform:scale(1) rotate(20deg);}

	75% {-webkit-transform:scale(0.95) rotate(35deg);}

    100% {-webkit-transform:scale(1) rotate(40deg);}

}

.h_research .h_title i{ background:url(../images/icon13.png) no-repeat;margin-left: 0;margin-right: 15px;}

.h_researchC { margin-top:40px;}

.h_researchC .tab{ overflow:hidden; position:absolute;top:-80px;right:0;background-image:url(../images/nav1.png); background-size:100% 100%;}

.h_researchC .tab.bg1{background-image:url(../images/nav1.png); }

.h_researchC .tab.bg2{background-image:url(../images/nav2.png); }

.h_researchC .tab.bg3{background-image:url(../images/nav3.png); }

.h_researchC .tab a{display:block;float:left; margin-left:2px;line-height:38px;height:38px; font-size:16px; text-decoration:none; color:#333;padding:0 32px; }

.h_researchC .tab a.on{color:#fff;}

/*.h_researchC .tab a i{display: inline-block; vertical-align:top; margin-left:21px;width: 0;

    height: 0;

    border-top:20px solid #fff;

    border-right: 8px solid #fff;

    border-bottom: 20px solid #fff;

    border-left: 8px solid #f6f6f6;}*/

/*.h_researchC .tab a.on{ background:#ce2520; color:#fff; text-decoration:none;}*/

/*.h_researchC .tab a.on i{border-left: 8px solid #ce2520;}*/

.h_researchC .content{ overflow:hidden; padding:10px;}

.h_researchC .content li,#owl-demo5 .owl-buttons{ display:none;}

.h_researchCL{ height:400px;}

.h_researchCL img{ display:none;}

.h_researchCR{height:400px; background-color:#f6f6f6;padding:90px 37px !important;}

.h_researchCR h5{ font-size:30px;}

.h_researchCR p{ line-height:25px;height:75px; overflow:hidden;margin-top:20px;}

#owl-demo5 .owl-pagination{ position:absolute;bottom:0;width:100%;}

#owl-demo5 .owl-controls .owl-page span{width:60px;height:60px;font-size:18px;line-height:18px;margin:0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;background:rgba(0,0,0,0.69);filter: Alpha(Opacity=100);opacity: 1;color:#fff;line-height:60px;}

#owl-demo5 .owl-controls .owl-page.active span{background:rgba(206,37,32,0.82);}

footer{ background-color:#313131;}

footer dl{float:left; width:98px;margin-right:20px; overflow:hidden;}

footer dl dt{ font-size:18px; font-weight:100; margin-bottom:20px;}

footer dl dt a{ color:#fff;}

footer dl dd a{ color:#9b9c9c; display:block;margin:6px 0;float:left;}

footer dl:nth-child(3){ width:460px;}

footer dl:nth-child(3) dd a{ width:48%;margin-right:2%;}

footer dl:last-child{margin-right:0;width:110px;}

footer dl:last-child dd{ text-align:center;color:#9b9c9c;}

footer dl dd img{ width:105px;margin-bottom:10px;}

.bq{ background-color:black;padding:22px 15px;}

.bqL{width:80%;float:left;}

.bqR{width:20%;float:right; text-align:right;}

.bq span{ display:inline-block;margin-right:20px;}

.gotop{width:60px;height:60px;background:url(../images/top.png) no-repeat;position:fixed;bottom:0;right:0;cursor:pointer;display:none;z-index:100;}

.gotop:hover{background-position:0px -60px;}

.teltel {display:none;position: fixed;right: 0;bottom: 14%; }

.teltel img {width: 40px;}



.otherbanner1 .container{ padding:266px 0;}

.otherbanner1 h3{ font-size:56px; color:#fff;font-family: 'humanist_777_black_condenseRg'; text-transform:uppercase;}

.otherbanner1 h2{ font-size:54px; color:#fff; font-weight:bold;}

/*.other1{ background:url(../images/other1.jpg) no-repeat center top fixed; background-size:cover; padding: 0;}

.other2{ background:url(../images/other2.jpg) no-repeat center top; background-size:cover;}

.other3{ background:url(../images/other3.jpg) no-repeat center top fixed; background-size:cover; padding: 0;}

.other4{ background:url(../images/other4.jpg) no-repeat center top; background-size:cover;}

.other5{ background:url(../images/other5.jpg) no-repeat center top fixed; background-size:cover; padding: 0;}

.other6{ background:url(../images/other6.jpg) no-repeat center top; background-size:cover;}

.other7{ background:url(../images/other7.jpg) no-repeat center top fixed; background-size:cover; padding: 0;}

.other8{ background:url(../images/other8.jpg) no-repeat center top; background-size:cover;}

.other9{ background:url(../images/other9.jpg) no-repeat center top fixed; background-size:cover; padding: 0;}

.other10{ background:url(../images/other10.jpg) no-repeat center top; background-size:cover;}

.other11{ background:url(../images/other11.jpg) no-repeat center top fixed; background-size:cover; padding: 0;}

.other12{ background:url(../images/other12.jpg) no-repeat center top; background-size:cover;}

.other13{ background:url(../images/other13.jpg) no-repeat center top fixed; background-size:cover; padding: 0;}

*/

.down-ico{ margin-top:58px; width:60px;height:60px; background-color:#1375b4; display:inline-block; cursor:pointer; overflow:hidden; border-radius:100%;}

.down-ico i{  display: block; width: 100%; height: 100%; background: url(../images/icon18.png) no-repeat center;

    animation: downico 1.5s ease-out infinite; position: relative;}

@keyframes downico{0%{top: 0;opacity: 1;}35%{top: 50%;opacity: 0;}65%{top: -50%;opacity: 0;}100%{top: 0;opacity: 1;}}

.about1R{margin-top: 67px;}

.about1R dl{ padding:18px 23px; border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;width:50%;float:left;margin-bottom:0;}

.about1R dl:nth-child(2),.about1R dl:nth-child(4){border-right:1px solid #dcdcdc;}

.about1R dl:nth-child(3),.about1R dl:nth-child(4){border-bottom:1px solid #dcdcdc;}

.about1R dl dt{ font-size:42px; color:#ce2520;font-family: 'helvetica_ltcondensed-black';line-height:42px;}

.about1R dl:nth-child(1) dt{ background:url(../images/icon19.png) no-repeat right center;}

.about1R dl:nth-child(2) dt{ background:url(../images/icon20.png) no-repeat right center;}

.about1R dl:nth-child(3) dt{ background:url(../images/icon21.png) no-repeat right center;}

.about1R dl:nth-child(4) dt{ background:url(../images/icon22.png) no-repeat right center;}

.about1R dl dd{font-size:12px;color:#b6b5af; margin-top:5px;}

.h_aboutTL .more,.about2R .more,.about3 .more,.about4 .more,.about5 .more,.new1 .more,.new2 .more,.research_1 .more,.research_2 .more,.research_3 .more,.culture_1 .more,.culture_2 .more,.hr_1 .more,.hr_2 .more,.hr_3 .more,.hr_4CR .more{ width:170px;margin-top:50px;}

.h_aboutTL .more a,.about4 .more a,.about6C .more a,.new2 .more a,.culture_2 .more a,.hr_2 .more a{ background-color:#1375b4; color:#fff;}

.about2,.new2,.tj{ background-color:#f6f6f6;}

.about2L{width:450px;float:left;}

.about2L img{width:90%;margin:25px auto;border-radius:100%; position:relative; z-index:2;}

.about2L .div1{ position:absolute;width:137px;height:137px; background-color:#ce2520; border-radius:100%;top:0;right:0;}

.about2L .div2{ position:absolute;width:48px;height:48px; background-color:#d9e5ed; border-radius:100%; bottom:35px;left:0;}

.about2L .div3{ position:absolute;width:200px;height:200px; background-color:#7bb0d2; border-radius:100%;bottom:0;right:10px;}

.about2R{width:calc(100% - 500px);float:right;}

.about2R article{ margin-top:25px; line-height:30px;height:220px; overflow:hidden;}

.about2R article h5{ font-size:18px;margin-bottom:10px;}

.about2R .more a,.about5 .more a,.new1 .more a,.research_3 .more a,.culture_1 .more a,.hr_4CR .more a{ background-color:#ce2520; color:#fff;}

.about3{ background:url(../images/bg1.jpg) no-repeat center center fixed;background-size:cover; padding: 0;}

.about3C dl dt>img{ border:5px solid #f6f6f6;}

.about3C dl dd{ font-size:15px; margin-top:10px;}

.about3C dl a dt div{ position:absolute;width:100%;height:100%;top:0;left:0; background-color:rgba(19,117,180,0.61); display:none;}

.about3C dl a dt div img{ margin-top:25%;width:47px !important;}
.lb-next{
	display: block !important;
}
.about3C dl a:hover dt div{ display:block;}

.about3C dl a:hover dt>img{ border-color:#1375b4;}

.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: 0.5;display: none;}

.lightbox {position: absolute;left: 0;width: 100%; min-width:320px;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;}

.lightbox .lb-image {display: block;height: auto;}

.lightbox a img {border: none;width:290px height:193px; margin:0px 8px 30px 8px;}

.lb-outerContainer {position: relative;background-color: white;*zoom: 1;width: 270px;height: 180px;margin: 0 auto;}

.lb-outerContainer:after {content: "";display: table;clear: both;}

.lb-container {padding: 4px;}

.lb-loader {position: absolute;top: 43%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}

.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background:url(../images/loading.gif) no-repeat;}

.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}

.lb-container > .nav {left: 0;}

.lb-nav a {outline: none;}

.lb-prev, .lb-next {width: 49%;height: 100%;cursor: pointer;display: block;}

.lb-prev {left: 0;float: left;}

.lb-prev:hover {background:url(../images/caseprev.png) left 48% no-repeat;}

.lb-next { right: 0;float: right;}

.lb-next:hover {background: url(../images/casenext.png) right 48% no-repeat;}

.lb-dataContainer { margin: 0 auto;padding-top: 5px; *zoom: 1;width: 100%;}

.lb-dataContainer:after {content: ""; display: table; clear: both;}

.lb-data { padding: 0 4px; color: #fff;}

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;}

.lb-data .lb-caption { font-family:Arial, "宋体"; font-size: 14px; color:#fff; font-weight: bold; line-height: 1em;}

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; font-family:Arial, "宋体"; color: #fff;}

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;background-size: 100%;}

.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

.about3 .more,.about5 .more,.research_1 .more,.research_3 .more{ margin:20px auto;}

.about3 .more a{ background-color:#fff; color:#5f5f5f;}

.about2R .h_title i { background: url(../images/icon23.png) no-repeat;}

.about4 .h_title i { background: url(../images/icon25.png) no-repeat;}

.about4CL{ width:540px;float:left;}

.about4CR{ width:calc(100% - 590px);float:right;}

.about4CR h2{ font-size:30px;color:#ce2520;}

.about4CR article{ line-height:35px; margin-top:30px;font-size:18px; height:245px; overflow:hidden;}

.about5{ background-color:#f6f6f6;}

.about5C dl dt div{ position:absolute;width:100%;height:100%;top:0;left:0; background:url(../images/icon26.png) no-repeat; background-size:100% 100%;}

.about5C dl dd{ font-size:15px; margin-top:10px;}

.about5C dl a:hover dt div{background:url(../images/icon27.png) no-repeat; background-size:100% 100%;}

.about5C dl a:hover dt img,#sync1 .item a:hover img,.new2C dl a:hover dt img,.companylist dl a:hover dt img,.research_2C dl a:hover dt img,.research_3C dl a:hover dt img,.researchlist dl a:hover dt img,.culture_2CL a:hover img,.hr_3C dl a:hover dt img{-webkit-transform: scale3d(1.1,1.1,1);-ms-transform: scale3d(1.1,1.1,1);-o-transform: scale3d(1.1,1.1,1);-moz-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}

#sync1{width:50%;float:left;}

#sync2{width:580px;float:right; position:absolute;right:0;}

#sync1 .item a{ display:block;}

#sync1 .item a h5{ font-size:24px; background-color:rgba(0,0,0,0.45);padding:25px 20px; position:absolute;bottom:0;left:0;width:100%;color: #fff;}

#sync2 .owl-wrapper{width:580px !important;}

#sync2 .owl-item{margin: 5px;cursor: pointer; width:183px !important; opacity:0.8;}

#sync2 .synced{opacity:1;}

#sync2 .synced .item{background: #0c83e7;}

.about6C .more{ width:580px; position:absolute;right:0;bottom:0;}

.about6C .more a{ color:#fff;}

#sync1 .owl-controls{ display:none !important;}

.more a:hover{ opacity:0.8;}

.otherbanner2 .container{ padding:196px 0 107px;}

.otherbanner2 h2{ font-size:40px; color:#fff;}

.otherbanner2 h2 img{ display:inline-block;margin-left:19px;}

.otherbanner2 p{ margin-top:15px;}

.otherbanner2 p,.otherbanner2 p a{ color:#afb0b1;}

.pagelist{ text-align:center; margin:30px auto 0;}

.pagelist li{ display:inline-block; margin:3px 4px;}

.pagelist li a,.pagelist li span{ display:block;padding:10px 15px;border:1px solid #dcdcdc; color:#848383; border-radius:100%;}

.pagelist li:first-child a,.pagelist li:last-child a{ border-radius:25px;}

.pagelist li a:hover,.pagelist li.active span{ background-color:#1375b4; color:#fff; border-color:#1375b4;}

.pagelist li.disabled span{cursor: not-allowed;}

.factory dl dd{ font-size:15px;margin-top:15px;}

.factory dl a dt{border:3px solid #fff;}

.factory dl a:hover dt{ border-radius:30px 0; border-color:#1375b4;}

.site{ background-color:#f6f6f6; padding:23px 0; overflow:hidden;}

.site a{ width:16.666%;float:left; font-size:15px; background:url(../images/icon35.png) no-repeat center right;}

.site a i{width:20px;height:20px; display:inline-block; margin-right:10px; vertical-align:middle; overflow:hidden;

-webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;}

.site a:last-child{ background:none;}

.site a:hover,.site a.cur{ color:#ce2520;}

.site_about a:nth-child(1) i{ background:url(../images/icon29.png) no-repeat 0 0;}

.site_about a:nth-child(2) i{ background:url(../images/icon30.png) no-repeat 0 0;}

.site_about a:nth-child(3) i{ background:url(../images/icon31.png) no-repeat 0 0;}

.site_about a:nth-child(4) i{ background:url(../images/icon32.png) no-repeat 0 0;}

.site_about a:nth-child(5) i{ background:url(../images/icon33.png) no-repeat 0 0;}

.site_about a:nth-child(6) i{ background:url(../images/icon34.png) no-repeat 0 0;}

.site_new a:nth-child(1) i{ background:url(../images/icon39.png) no-repeat 0 0;}

.site_new a:nth-child(2) i{ background:url(../images/icon40.png) no-repeat 0 0;}

.site_research a:nth-child(1) i{ background:url(../images/icon59.png) no-repeat 0 0;}

.site_research a:nth-child(2) i{ background:url(../images/icon60.png) no-repeat 0 0;}

.site_research a:nth-child(3) i{ background:url(../images/icon61.png) no-repeat 0 0;}

.site_culture a:nth-child(1) i{ background:url(../images/icon66.png) no-repeat 0 0;}

.site_culture a:nth-child(2) i{ background:url(../images/icon67.png) no-repeat 0 0;}

.site_hr a:nth-child(1) i{ background:url(../images/icon78.png) no-repeat 0 0;}

.site_hr a:nth-child(2) i{ background:url(../images/icon79.png) no-repeat 0 0;}

.site_hr a:nth-child(3) i{ background:url(../images/icon80.png) no-repeat 0 0;}

.site_hr a:nth-child(4) i{ background:url(../images/icon81.png) no-repeat 0 0;}

.site_contact a:nth-child(1) i{ background:url(../images/icon82.png) no-repeat 0 0;}

.site_contact a:nth-child(2) i{ background:url(../images/icon83.png) no-repeat 0 0;}

.site a.cur i,.site a:hover i{ background-position:0 -20px;}

.gsjj,.new2main article{ font-size:15px;color:#353535;line-height:34px;}

.gsjj img,.new2main article img{ max-width:100%;}

.new1 .h_title i {background: url(../images/icon36.png) no-repeat;}

.new2 .h_title i {background: url(../images/icon37.png) no-repeat;}

.new1C{width:100%;}

.new2C dl a,.companylist a{ display:block; padding:20px; background-color:#fff;}

.new2C dl dd,.new2C dl dt,.companylist dl dt,.companylist dl dd,.hr3list dl a dt,.hr3list dl a dd{ position:relative; z-index:2;}

.new2C dl dd h5{ font-size:17px; padding:14px 0; border-bottom:1px solid #dcdcdc;}

.new2C dl dd p{ color:#a4a4a4;line-height:22px;height:44px; overflow:hidden; margin:10px 0;}

.new2C dl dd time{ display:block;}

.new2C dl dd time span{ display:inline-block; margin-right:10px;color:#a4a4a4;} 

.new2C dl a div,.companylist dl a div,.hr3list dl a div{ position:absolute;width:100%;height:0;top:0;left:0; background-color:#ce2520;}

.new2C dl a:hover div,.companylist dl a:hover div,.hr3list dl a:hover div{height:100%;}

.new2C dl a:hover dd h5,.new2C dl a:hover dd time span{color:#fff;}

.new2C dl a:hover dd p{ color:#e7a8a7;}

.new2C dl a:hover dd h5{ border-color:#d54541;}

.new2list{ background-color:#fff;}

.new2list dl a,.companylist a{ background-color:#f6f6f6;}

.new2main h1{font-size:30px; text-align:center;}

.new2main time{ display:block; text-align:center; color:#bcb9b9;margin: 16px 0;}

.new2main time span{ display:inline-block;margin:0 10px;}

.new2main .info{ background-color:#f6f6f6;padding:20px;line-height:25px; margin:24px 0;}

.prenext{ background:url(../images/icon41.png) repeat-x top; padding:28px 0 0; margin-top:50px;}

.prenext p{ margin:10px 0;}

.prenext p a,.prenext p{ color:#999898;overflow: hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;width: calc(100% - 100px);}

.goback{ position:absolute;right:0;top:34px;}

.h_newR.tjC{ width:100%;}

.companyL{ width:calc(100% - 346px);}

.companyL .h_title { font-size:30px;}

.companyL .more a{ background-color:#ce2520;}

.companyR{ width:306px;margin-top: 18px;}

.companyR img{ max-width:100%;border:1px solid #dcdcdc;}

.companypic{background:url(../images/pic15.jpg) no-repeat center top fixed; background-size:cover; padding: 0;height:320px;}

.companylist dl dd{ padding:15px 0 10px;}

.companylist dl dd i{ width:42px;height:42px; margin:auto; display:block;}

.companylist dl:nth-child(1) dd i{ background:url(../images/icon43.png) no-repeat; background-size:100%;}

.companylist dl:nth-child(2) dd i{ background:url(../images/icon44.png) no-repeat; background-size:100%;}

/*.companylist dl:nth-child(3) dd i{ background:url(../images/icon45.png) no-repeat; background-size:100%;}*/

.companylist dl:nth-child(3) dd i{ background:url(../images/icon46.png) no-repeat; background-size:100%;}

.companylist dl:nth-child(4) dd i{ background:url(../images/icon47.png) no-repeat; background-size:100%;}

.companylist dl:nth-child(5) dd i{ background:url(../images/icon48.png) no-repeat; background-size:100%;}

.companylist dl:nth-child(6) dd i{ background:url(../images/icon49.png) no-repeat; background-size:100%;}

.companylist dl:nth-child(7) dd i{ background:url(../images/icon50.png) no-repeat; background-size:100%;}

.companylist dl:nth-child(8) dd i{ background:url(../images/icon51.png) no-repeat; background-size:100%;}

.companylist dl:nth-child(9) dd i{ background:url(../images/icon52.png) no-repeat; background-size:100%;}

.companylist dl dd h5{ font-size:20px; margin-top:10px;}

.companylist dl a:hover dd h5,.hr3list dl a:hover dd time,.hr3list dl a:hover dd h5,.hr3list dl a:hover dd p{ color:#fff;}

.companymainR{ width:1200px; margin:auto;}

.companymainR h1{ text-align:left;}

.companymainL{ position:absolute;left:2%;top:90px;}

.companymainL a{ display:block; margin:10px; color:#a29e9e;}

.companymainL a i{ width:22px;height:22px; display:inline-block; margin-right:10px; vertical-align:middle; background:url(../images/icon54.png) no-repeat;}

.companymainL a:hover i,.companymainL a.cur i{background:url(../images/icon55.png) no-repeat;}

.companymainL a:hover{color:#ce2520;}

.companymainL a.cur{color:#ce2520; font-size:18px;}

.fixedSubNav{ position:fixed;top:88px;left:2%;}

.research_1 .h_title i{ background: url(../images/icon56.png) no-repeat;}

.research_1 .more a{ border:1px solid #dcdcdc; color:#333;}

.research_1 .more,.research_2 .more{ margin:40px auto 0;}

.research_2{ background:url(../images/bg2.jpg) no-repeat center center fixed;background-size:cover; padding: 0;}

.research_2 .h_title i{ background: url(../images/icon57.png) no-repeat;}

.research_2C dl dd{ padding:29px 20px; background-color:#fff;}

.research_2C dl dd time{ display:block; color:#1375b4; font-size:16px;}

.research_2C dl dd h5{ font-size:18px;overflow:hidden; margin-top:10px;white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;}

.research_2C dl a{ display:block;}

.research_2C dl a:hover,.hr_3C dl a:hover{ box-shadow:5px 5px 20px #02477f;}

.research_2 .more,.hr_3 .more{background-color:transparent;}

.research_2 .more a,.hr_3 .more a{ border:1px solid #fff; color:#fff; }

.research_3 .h_title i{ background: url(../images/icon58.png) no-repeat;}

.research_3C dl a{ display:block; background-color:#f6f6f6;padding:20px;}

.research_3C dl a dt{ width:320px;float:left;position:relative; z-index:2;}

.research_3C dl a dd { width:calc(100% - 340px);float:right;position:relative; z-index:2;}

.research_3C dl a dd h5{ font-size:18px;margin-top:10px;}

.research_3C dl a dd p{ margin-top:15px;line-height:25px;height:50px; overflow:hidden; color:#9e9b9b;font-size:15px;}

.research_3C dl a dd span{ margin-top:20px; color:#9e9b9b; display:block; font-size:15px;}

.research_3C dl a:hover{ background-color:#eaeaea;}

.research_3C dl a:hover dd h5,.research_3C dl a:hover dd p,.research_3C dl a:hover dd span{color:#fff;}

.researchlist dl a{ display:block; background-color:#f6f6f6;}

.researchlist dl dt{width:400px;float:left; position:relative; z-index:2;}

.researchlist dl dd{ width:calc(100% - 420px);float:right; padding:30px 35px 0 15px;position:relative; z-index:2;}

.researchlist dl dd h5{ font-size:28px;}

.researchlist dl dd p{ line-height:25px;height:75px; overflow:hidden;margin:20px 0; color:#8d8c8c;}

.researchlist dl dd span{ display:inline-block;width:116px; text-align:center;height:40px;line-height:40px; background-color:#1375b4;color:#fff;}

.researchlist dl a div,.research_3C dl a div{ position:absolute;width:0;height:100%; background-color:#1375b4; top:0;left:0;}

.research_3C dl a div{ background-color:#ce2520;}

.researchlist dl a:hover div,.research_3C dl a:hover div{width:100%;}

.researchlist dl a:hover dd h5,.researchlist dl a:hover dd p{ color:#fff;}

.researchlist dl a:hover dd span{ border:1px solid #fff; background-color:transparent;color:#fff;}

.research2ist dl dd{background-color:#f6f6f6;}

.research2ist dl a:hover{ box-shadow:5px 5px 20px #bababa;}

.culture_1 .h_title i{ background: url(../images/icon63.png) no-repeat;}

.culture_1C dl a{ display:block; border:1px solid #e5e5e5;}

.culture_1C dl a dt{ background-color:#f6f6f6;padding:16px 20px; font-size:18px; overflow:hidden; font-weight:100;}

.culture_1C dl a dt span{ float:right;}

.culture_1C dl a dd{ padding:25px 20px; overflow:hidden;}

.culture_1C dl a dd img{ display:inline-block;width:270px;float:left;}

.culture_1C dl a dd div{ width:calc(100% - 290px);float:right;}

.culture_1C dl a dd div h5{ font-size:20px;}

.culture_1C dl a dd div p{ color:#838282;line-height:25px;height:50px; overflow:hidden; margin:21px 0;}

.culture_1C dl a dd div span{ display:inline-block; width:110px; text-align:center;line-height:40px;height:40px; background-color:#f6f6f6;color:#838282;}

.culture_1C dl a:hover dt,.culture_1C dl a:hover dd span:hover{ background-color:#ce2520;color:#fff; }

.culture_1C dl a:hover { box-shadow:5px 5px 15px #e5e5e5;}

.culture_2{ background-color:#f6f6f6;}

.culture_2 .h_title i{ background: url(../images/icon64.png) no-repeat;}

.culture_2CL{ width:560px;float:left;}

.culture_2CL a{ display:block;}

.culture_2CL a h5{ position:absolute; background-color:rgba(19,117,180,0.78);padding:25px;color:#fff;bottom:0;width:100%;bottom:0; font-size:20px;}

.culture_2CR{width:calc(100% - 600px);float:right;}

.culture_2CR dl{ margin:26px 0 0;}

.culture_2CR dl a{ display:block; border-bottom:1px dashed #d8d8d8;padding-bottom:26px;}

.culture_2CR dl a dt{ font-size:20px; font-weight:100;}

.culture_2CR dl a dd{ color:#8a8989;line-height:22px;height:44px; overflow:hidden; margin-top:15px;}

.culture_2CR dl a:hover{ border-color:#1375b4;}

.culture2list dl a{ display:block;}

.culture2list dl a dt,.culture2list dl a dd{position:relative; z-index:2;}

.culture2list dl a dt{ padding-left:5px;}

.culture2list dl a dd{padding:25px;}

.culture2list dl a dd h5{ font-size:18px;}

.culture2list dl a dd p{color:#a8a7a7;line-height:25px;height:50px; overflow:hidden;}

.culture2list dl a div{ position:absolute;width:5px;height:100%;left:0;top:0; background-color:#ce2520;}

.culture2list dl a:hover div{width:100%;}

.culture2list dl a:hover dd h5{color:#fff;}

.culture2list dl a:hover dd p{color:#f1c0be;}

.hr_1 .h_title i{ background: url(../images/icon68.png) no-repeat;}

.hr_1C dl a dt{ background:url(../images/icon76.png) no-repeat;width:187px;height:187px;line-height:187px;margin:auto; position:relative; z-index:2;}

.hr_1C dl a dd{ border:1px solid #dcdcdc; padding:120px 25px 36px; margin-top:-94px;}

.hr_1C dl a dd h5{ font-size:18px;}

.hr_1C dl a dd i{ display:block;width:60px;height:1px; background-color:#dcdcdc;margin:12px auto;}

.hr_1C dl a dd p{ line-height:25px;height:100px; overflow:hidden;color:#7d7d7d;}

.hr_1C dl a dd span{width:130px;hegiht:40px;line-height:40px; text-align:center; background-color:#f8f8f8; display:inline-block;margin-top:50px; }

.hr_1C dl a:hover dd span{ background-color:#1375b4;color:#fff;}

.hr_1C dl a:hover dt{transform:rotate(45deg);

-ms-transform:rotate(45deg); 	

-moz-transform:rotate(45deg); 	

-webkit-transform:rotate(45deg); 

-o-transform:rotate(45deg); }

.hr_1C dl a:hover dt img{transform:rotate(-45deg);

-ms-transform:rotate(-45deg); 	

-moz-transform:rotate(-45deg),scaleX(-1); 	

-webkit-transform:rotate(-45deg); 

-o-transform:rotate(-45deg); -moz-transform:scaleX(-1);

    -webkit-transform:scaleX(-1);

    -o-transform:scaleX(-1);

    transform:scaleX(-1);

    /*IE*/

    filter:FlipH;}

.hr_1 .more a{ background-color:#f8f8f8;color:#716e6e;}

.hr_2{ background-color:#f6f6f6;} 

.hr_2 .h_title i{ background: url(../images/icon69.png) no-repeat;}

.hr_2C dl{margin:2px 0 0;}

.hr_2C dl dt{background-color: #fff;padding:16px 20px;font-size: 18px;overflow:hidden;font-weight: 100; overflow:hidden;}

.hr_2C dl dt h5{ width:80%; display:inline-block;}

.hr_2C dl dt span{float:right; font-size:14px;line--height:25px;}

.hr_2C dl dd{padding: 25px 35px;overflow: hidden;background-color: #fff; display:none;}

.hr_2C dl dd .ddT{ padding-bottom:20px; border-bottom:1px solid #e5e5e5; overflow:hidden;}

.hr_2C dl dd .ddT p{width:25%;float:left;margin:5px 0;}

.hr_2C dl dd .ddB{ margin-top:25px;line-height:30px;}

.hr_2C dl.open dt{ background-color:#ce2520;color:#fff;}

.hr_3{background:url(../images/bg3.jpg) no-repeat center center fixed;background-size:cover; padding: 0;}

.hr_3 .h_title i{ background: url(../images/icon70.png) no-repeat;}

.hr_3C dl a{ display:block; padding:35px 30px; background-color:#fff;}

.hr_3C dl time{ font-size:16px; display:block;}

.hr_3C dl dd h5 {font-size:20px; font-weight:bold; margin-top:10px;}

.hr_3C dl dd p{line-height:22px;height:66px; overflow:hidden;margin-top:10px; color:#7f7e7e;}

.hr_3C dl dt{ margin-top:15px;}

.hr_4 .h_title i{ background: url(../images/icon71.png) no-repeat;}

.hr_4CL{width:600px;float:left;}

.hr_4CR{width:calc(100% - 600px);height:400px;float:right; border:1px solid #dcdcdc;padding:49px 40px 0;}

.hr_4CR h5{ font-size:24px; font-weight:bold;}

.hr_4CR h6{ font-size:20px; margin-top:10px;}

.hr_4CR article{line-height:25px;height:100px; overflow:hidden;margin-top:20px;}

.hr2list dl dt,.hr2list dl dd,.hr3list dl a{ background-color:#f6f6f6;}

.hr3list dl a:hover{ box-shadow:none;}

.hr3list dl a div{ background-color:#1375b4;}

.contactTL{ width:42%;float:left;}

.contactTL dl{ border-bottom:1px solid #e5e5e5;padding-bottom:30px; margin-bottom:30px;}

.contactTL dl dt{ color:#1375b4; font-size:40px;}

.contactTL dl dd{font-size:17px;}

.contactTR{ width:53%;float:right;}

.bdshare-button-style0-32 .bds_weixin{width: 70px !important;height: 70px !important;background-image: url(../images/icon85.png) !important; background-position:0 0 !important;}

.bdshare-button-style0-32 .bds_tsina{width: 70px !important;height: 70px !important;background-image: url(../images/icon86.png) !important; background-position:0 0 !important;}

.bdshare-button-style0-32 .bds_luntan{width: 70px !important;height: 70px !important;background-image: url(../images/icon87.png) !important; background-position:0 0 !important;}

.bd_weixin_popup{height: 309px !important;}

.map{ height:530px; border:1px solid #dcdcdc;}

.contacatB{ margin-top:80px;}

.contacatB .h_title i{ background: url(../images/icon84.png) no-repeat;}

.contacatB article{ color:#8d8d8d;font-size:16px;line-height:30px;}

.contact2{ padding:65px 0 0;}

.contact2C{ margin:30px 0;}

.contact2C dl dt{ font-size:24px; color:#1375b4;font-weight:100;}

.contact2C dl dd{ color:#959696;line-height:25px; margin-top:20px;min-height:125px;}

canvas { position:fixed;height: 100%; width: 100%;top:0;left:0; }

.h_researchC .content li dl{ margin-bottom:30px; text-align:left;}
.h_researchC .content li dl:nth-child(4){ margin-bottom:0;}
.h_researchC .content li dl:nth-child(5){ margin-bottom:0;}
.h_researchC .content li dl:nth-child(6){ margin-bottom:0;}

.download{color: #1375b4;text-decoration: underline; background:url(../images/icon88.png) no-repeat center left;

display: block;margin: 30px 0 0 20px;padding-left: 40px;}


.iphone {position: relative;}

.iphone__item {width:100%;height:100%;position: absolute;bottom: -2em;color: #158f76;text-align: center;}

.iphone__power-btn {width: 2.188em;height: .188em;background: #e0e0e0;position: absolute;right: 2.5em;top: -0.188em;}

.iphone__left-btn {width: .188em;height: 1.250em;top: 3.250em;left: -0.188em;position: absolute;background: #e0e0e0;}

.iphone__left-btn:before {content: '';width: .188em;height: .875em;position: absolute;top: 3em;background: #e0e0e0;}

.iphone__left-btn:after {content: '';width: .188em;height: .875em;position: absolute;top: 5.5em;background: #e0e0e0;}

.iphone__details {width: .438em;height: .438em;border-radius: 100%;position: relative;top: 1.313em;left: 8em;background: #7c7c7c;}

.iphone__details:before {content: '';width: 2.5em;height: .25em;border-radius: .25em;position: absolute;top: 1em;left: -1em;background: #7c7c7c;}

.iphone__home-btn {width: 2.25em;height: 2.25em;border-radius: 100%;position: absolute;bottom: 1em;right: 6.75em;background: #f7f7f7;}

.iphone__home-btn:before {content: '';width: .813em;height: .813em;border: .15em solid #a8a8a8;border-radius: .2em;position: absolute;top: .6em;left: .57em;}

.iphone__screen {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.iphone__content {position: relative;background-color: #fff;width: 100%;height: 100%;}

.nav {position:fixed;z-index: 100;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 300ms;

          transition-duration: 300ms;}

.nav ul li>a{ display:block; border-bottom:1px dashed #434343;padding: 10px 0; font-size: 1.3em;text-transform: uppercase;text-decoration: none;color: #FFFFFF;opacity: 1;-webkit-transition: opacity 300ms ease-in-out;

 transition: opacity 300ms ease-in-out;

}

.nav--active .nav {opacity: 1;background-color: #333; position:fixed;}

.nav ul {margin: 0;font-size: 16px;padding: 50px 10% 15px 10%;}

.nav ul li{ margin:10px 0;}

.nav ul li div{background-color:#414141;display:none;padding: 0 5%;}

.nav ul li div a{ display:block; padding:10px 0; font-size:1.2rem;color:#c3c3c3;}

.nav li{list-style-type: none;text-align: left;margin: 10px 0;}

.nav li>a {font-size: 1.3em;text-transform: uppercase;text-decoration: none;color: #FFFFFF;opacity: 1;

  -webkit-transition: opacity 300ms ease-in-out;

  transition: opacity 300ms ease-in-out;}

.nav li a{ color:#fff; display:block;}

.nav__trigger {display: none;position:fixed;width: 30px;height: 25px;right: 10px;top:27px;z-index: 200;}

.nav--active .nav__trigger {    z-index: 9999;opacity: 0.5;}

.nav__icon { display: inline-block;position: relative;width: 30px;height: 3px;background-color: #fff;

  -webkit-transition-property: background-color, -webkit-transform;

  transition-property: background-color, -webkit-transform;

  transition-property: background-color, transform;

  transition-property: background-color, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

          transition-duration: 300ms;}

.nav__icon:before,

.nav__icon:after {content: '';display: block;width: 30px;height: 3px;position: absolute;background: #fff;

  -webkit-transition-property: margin, -webkit-transform;

  transition-property: margin, -webkit-transform;

  transition-property: margin, transform;

  transition-property: margin, transform, -webkit-transform;

  -webkit-transition-duration: 300ms;

          transition-duration: 300ms;

}

.nav__icon:before {margin-top: -10px;}

.nav__icon:after {margin-top: 10px;}

.style-1 .nav {    z-index: 999;  overflow-y: scroll;width: 100%;height: 100%;

-webkit-transform: translateX(-100%);

          transform: translateX(-100%);}

.style-1 .nav li>a {opacity: 0;

  -webkit-transition-delay: 500ms;

          transition-delay: 500ms;}

.style-1 .nav--active .nav li>a {opacity: 1;}

.style-1 .nav--active .nav {

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out;

  -webkit-transform: translateX(0);

          transform: translateX(0);}

.style-1 .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}

.style-1 .nav--active .nav__icon:before {margin-top: 0;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);}

.style-1 .nav--active .nav__icon:after {margin-top: 0;

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);}

.nav--active .nav__icon:before,.nav--active .nav__icon:after{background: #fff;}



#video2{ max-width:80%;min-width: 50% !important;}
.poppage{ display:none; background-color:rgba(0,0,0,0.75); position:fixed;top:0;left:0;width:100%;height:100%;z-index: 1000;}
.poppageC{width: 400px;padding: 5% 0 0;margin: auto;}
.closepop{ color:#fff;font-size:20px; position:absolute;right:-40px;}
.openimg{ display:inline-block;margin-left:10px;}




@media(max-width:1680px){
	nav{width: 50%;}
}

@media(max-width:1466px){

	/*nav li:nth-child(3) div article{width: 96%;    margin: 5px 2%;}

	nav {margin-right: 2%; width: 50%;}

	nav li div article {float: right;margin-right: calc(2% + 146px); width: 50%;}*/

	.companymainR {padding-left:6%;}
	nav {width: 54%;margin-right: 2%;}
	nav li>a i{margin-left: 3px;}

}

@media(max-width:1366px){

	.companymainR {padding-left:8%;}


}

@media(max-width:1360px){

	.companymainR {padding-left:9%;}

}

@media(max-width:1280px){

	.companymainR {padding-left:15%;}

}









@media(max-width:1199px){

	/*nav li:nth-child(3) div a { width: 30%;}*/

    .bannerblock{margin-left: -485px !important;}

	.h_newL{padding: 56px 3%;}

	.h_newL h2,.h_title{ font-size: 30px;}

	.h_aboutB dl dt {font-size: 55px;}

	.h_companyContent article h5,.h_researchCR h5,.companyL .h_title,.researchlist dl dd h5 {font-size: 25px;}

	.h_researchC .tab a{font-size: 14px;}

	footer dl{width: 96px;margin-right: 5px;}

	footer dl:last-child{ display:none;}

	.h_newR dt h5,.h_newR dd a h5,.hr_1C dl a dd h5 { font-size: 16px;}

	nav li>a{font-size: 14px;}

	nav li>a i{margin-left: 4px;}

	.h_aboutTL h5 {font-size: 20px;}

	.h_title i{background-size: 33px !important;}

	#owl-demo4 .owl-controls .owl-buttons .owl-prev{margin-left: -485px;}

	#owl-demo4 .owl-controls .owl-buttons .owl-next{margin-right: -485px;}

	.about4CR h2 {font-size: 25px;}

	.about4CR article {line-height: 26px;margin-top: 14px;font-size: 15px;height:286px; }

	#sync2,#sync2 .owl-wrapper{width: 480px!important;}

	#sync2 .owl-item { width: 150px !important;}

	.about6C .more { width: 474px;}

	.pad80 { padding: 50px 0;}

	.companylist dl dd h5 {font-size: 15px;}

	.companymainR { width:970px;padding-left:10%;}

    .research_2C dl dd h5 { font-size: 16px;}

	.hr_1C dl a dt{ width:140px;height: 140px;line-height: 140px;background-size:100%;}

	.hr_1C dl a dd{margin-top: -71px;padding: 96px 10px 36px;}

    .hr_4CL {width: 480px;}

	.hr_4CR{width: calc(100% - 480px);height:320px;}

	.hr_4CR h5 {font-size: 20px;}

	.hr_4CR article{height: 75px;}

	.contactTL dl dt{font-size: 30px;}

	.map {height: 465px;}
	.logo img{width: 158px;}
	nav {width: 61%; margin-right: 0%;}



}



@media(max-width:991px){

	nav,.topcontact,.search,.bannerblock,footer,.site,.tj,.companymainL,canvas,.banner_mouse{ display:none !important;}

	.nav__trigger {display:block;}

	.padpic{ width:100%;float:none !important; padding:0 !important; margin-bottom:10px;}

	.map{ height:350px;}

	.logo img{height:45px;}

    #topnav{padding:20px 2%;}

	#topnav.scrollnav{padding:0 1.5%;}

	.scrollnav .logo img{padding: 10px 0; height:60px;}

    .scrollmenu{ top:16px;}

	#owl-demo .item img{ height:auto !important;}

	.h_newL{ width:55%;}

	.h_newR{ width:44%;}

	.h_newL {padding: 57px 3%;}

	.h_newR dd{width: 100%;left: 0;}

	.h_newR dl:nth-child(4),.h_newR dl:nth-child(3){ display:none;}

	.h_newR dl:nth-child(1),.h_newR dl:nth-child(2){width:100%; margin-bottom:5px;padding:0;}

	.h_newL h2, .h_title {font-size: 24px;}

	.pad80 {padding: 30px 0;}

	.h_aboutTL h5 {font-size: 16px;}

	#owl-demo4 .owl-controls .owl-buttons .owl-prev {margin-left: 0;left:0;}

	#owl-demo4 .owl-controls .owl-buttons .owl-next{margin-right:0;right:0;}

	.h_researchCL {height: 300px;}

	.h_researchCR{height: 300px;padding: 64px 30px !important;}

	.otherbanner2 h2 {font-size: 30px;}

	.otherbanner2 h2 img{ width:30px;margin-left: 14px;}

	.otherbanner2 .container { padding: 146px 0 83px;}

	.new2main h1 {font-size: 26px;}

	.new1list dl:nth-child(1), .new1list dl:nth-child(2) {  width: 33.33333%; padding:0 10px; margin:0 0 20px 0;}

	.new1list dl:nth-child(4), .new1list dl:nth-child(3) { display: block;}

	.companymainR { width:750px;padding-left:0;}

	.researchlist dl dt {width: 300px;}

	.researchlist dl dd { width: calc(100% - 320px);padding: 21px 27px 0 13px;}

	.researchlist dl dd p {line-height: 22px;height: 44px;}

	.researchlist dl dd h5{font-size: 20px;}

	.hr_2C dl dd .ddT p { width: 50%;}

	.hr_3C dl dd h5 {font-size: 17px;}

    .contactTL,.contactTR{width:100%;}

	.contactTR{ margin-top:20px;}

	.contactTL dl dt { font-size: 24px;}

	.contactTL dl{padding-bottom: 20px; margin-bottom: 20px;}

	.contacatB { margin-top: 30px;}

	.otherbanner1 h3 { font-size: 48px;}

	.otherbanner1 h2 { font-size: 41px;}

	.otherbanner1 .container { padding: 203px 0 100px;}

	.contact2C dl dt {font-size: 17px;}

	.videodiv,video{ min-width:100%;min-height:inherit; height:auto !important; overflow:hidden;width: 100%;}

}





@media(max-width:767px){

	.bannerb,#large-header{ display:none !important;}

	.banners,.teltel,.h_researchCL img{ display:block !important;}

	.banners img{height:auto !important;}

	.nav ul {padding: 50px 30px 15px 30px;}

	.map{ height:250px;}

	.h_newL,.h_newR {width:100%;}

	.h_new,.h_about,.researchlist,.research3ist,.culture1list,.hr2list,.contact,.contact2,.gsjj {padding:30px 15px;}

	.h_newL{padding: 25px 3%;}

    .h_newL h2{margin-bottom: 12px;}

	#owl-demo3 .owl-buttons {margin-top: 8px;}

	.more{margin-top: 27px;width: 33%;}

	.h_newR dl{width:49% !important; margin:5px 0.5%;}

	.h_aboutTL{ width:100%;}

	.h_aboutTR{ display:none;}

	.otherbanner2 .container {padding: 132px 15px 73px;}

	.otherbanner2 h2 { font-size: 25px;}

	.new2main { padding:30px 15px;}

	.new2main h1 { font-size: 22px;}

	.new1list dl { width: 100% !important;margin: 0 0 20px 0;}

	.companymainR{padding: 0 15px;}

	.companymainR { width:100%;}

	.padpic{ width:100%;float:none !important; padding:0 !important;}

	.researchlist dl dt {width: 200px;}

	.researchlist dl dd { width: calc(100% - 220px);padding: 21px 15px 0 0;}

	.researchlist dl dd h5,.research_3C dl a dd h5,.culture_1C dl a dd div h5{font-size: 16px;}

	.researchlist dl dd span,.research_3C dl a dd span{ display:none;}

	.research_3C dl a dt {width: 220px;}

	.research_3C dl a dd {width: calc(100% - 240px);}

	.research_3C dl a dd p{ font-size:12px;line-height: 20px; height: 40px;}

	.pagelist li a{padding: 6px 11px;}

	.hr_2C dl dt{ font-size:16px;}

	.hr_2C dl dd {padding: 20px 15px;}

	.otherbanner1 .container { padding:126px 15px 78px;}

	.otherbanner1 h3 { font-size: 35px;}

	.otherbanner1 h2 {font-size: 28px;}

	.down-ico { margin-top: 21px;}

	.contact2C dl{ padding:0;}

	.gotop { width: 40px; height: 40px; background-size:100%;}

	.gotop:hover {  background-position: 0px -40px;}

	.h_research .h_title{padding:0 15px;}

	.h_researchC .content li.research_2C dl:nth-child(3){ display:none;}

	.h_companyContent article h5{font-size: 20px;padding: 75px 14% 0;}

	.h_companyContent article p{height: 72px;margin: 25px 0 30px;}

	.h_companyContent article{width: 90%;height: 373px;}

	.h_companyContent article .div{ background-size:100% !important;}

	.h_researchCR { height: 200px; padding: 17px 17px !important;}

	.h_researchCR h5{font-size: 20px;}

	.h_researchCR p{margin-top: 8px;}

	#owl-demo5 .owl-controls .owl-page span { width: 40px; height: 40px;line-height: 40px;}

    .bqL {width: 100%;line-height: 23px;}

	.bqR { width: 100%; float: none;text-align: center;}

    .h_newR dt div{width: 90%; left: 5%;padding-bottom: 10px;}

	.h_newR dt time{margin-top: 3px; font-size: 12px;}

	.bq span{margin-right: 0;}

	#video2{ max-width:100%;min-width: 50%;}

	.h_researchCL { height: auto; background: none;}

	.h_companyContent article div{background-size: auto 100% !important;background-position: center center !important;}

	#owl-demo4 .owl-controls .owl-buttons .owl-prev,#owl-demo4 .owl-controls .owl-buttons .owl-next{width: 30px;height: 96px; background-size:100% !important;}

	.bannerword{top: -5%;left: -20%;width: 140%; height: 140%;}
 	.poppageC{width: 50%;padding: 26% 0 0;}
	


}



@media(max-width:640px){

	.culture_1C dl a dd img{width: 170px;}

	.culture_1C dl a dd div{width: calc(100% - 190px);}

	.culture_1C dl a dd div span{ display:none;}

	.culture_1C dl a dd div p{margin: 21px 0 0;}

    .hr_2C dl dd .ddT p { width: 100%;}

	.h_researchC .tab{position: initial; display:inline-block;}

	.h_researchC{ text-align:center;margin-top: 17px;}

	.h_researchCR{ text-align:left;}

	.h_aboutB dl dt { font-size: 45px;line-height: 66px;}

	.h_aboutB dl div { padding: 23px 15px 30px;}

	

}







@media(max-width:500px){

	

	

}







@media (max-width:480px){

	.researchlist dl dt {width: 120px;}

	.researchlist dl dd { width: calc(100% - 135px);padding:12px 15px 0 0;}

	.researchlist dl dd p {line-height: 20px;height: 40px;margin: 5px 0 0;font-size: 12px;}

	.research_3C dl a{padding: 10px;}

	.research_3C dl a dt {width: 120px;}

	.research_3C dl a dd h5{margin-top: 0;}

	.research_3C dl a dd {width: calc(100% - 135px);}

	.research_3C dl a dd p{ margin-top: 5px;}

	.culture_1C dl a dd img{width: 120px;}

	.culture_1C dl a dd { padding: 15px;}

	.culture_1C dl a dd div{width: calc(100% - 135px);}

	.culture_1C dl a dd div p{margin: 8px 0 0;line-height: 20px; height: 40px; font-size:12px;}

}















@media (max-width:400px){

 .h_researchC .tab a{padding: 0 26px;}

 .h_newR dt h5{ font-size: 14px;}

}



@media (max-width:380px){

	

}



@media (max-width:360px){

	



}







@media (max-width:340px){





}