@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;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #484848; }
a:hover {	color: #0266bb;}
img {	border: 0px;}
em{ font-style:normal;}

table {  
  width: 100%;  
  border-collapse: collapse;  
} 
tr:nth-of-type(odd) {  
  background: #eee;  
} 
th {  
  background: #333;  
  color: white;  
  font-weight: bold;  
} 
td, th {  
  padding: 6px;  
  border: 1px solid #ccc;  
  text-align: left;  
} 
html,body {	color: #000000;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}
.hide {	display: none;}
.clear {	clear: both;}
.center{ text-align:center;}
.pic100 img{width:100%;}
h1{ font-size:26px;color:#464646;}
::selection { color: #fff; background-color: #0266bb;}    
::-moz-selection { color: #fff; background-color: #0266bb;} 
.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;}
.pad0{padding:0 !important;}
.pad60{padding:60px 0 !important;}
.overflow{ overflow:hidden;}
.clear {clear:both;visibility:hidden;display:block;font-size:0;line-height:0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {*zoom:1;}
.white,.white a{ color:#fff;}
.rela{ position:relative;}
.h110{ height:110px;}
.h40{ height:40px;}




header{ padding:25px 0; position:fixed;top:0;left:0; z-index:99; width:100%; background-color:#fff;-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;}
.scrolltop{ box-shadow:0 0 10px #cccccc;padding:10px 0; }
nav{ float:right;width:calc(100% - 500px); font-size:16px; text-align:center;}
nav li{ float:left;width:12%; position:relative;}
nav li a{ display:block;line-height:60px; position:relative;}
nav li a span{ position:relative; z-index:3;}
nav li a em{z-index:2;left:50%;margin-left:-18px; top:50%;margin-top:-18px; position:absolute;width:36px;height:36px; display:inline-block; border-radius:100%; background-color:#c2daef;-webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;animation-delay: 0.2s;
    transition: all 0.2s;}
	
	

	
	
	
nav li a i{ z-index:1;left:50%;margin-left:-27px; top:50%;margin-top:-27px; position:absolute;width:54px;height:54px; display:inline-block; border-radius:100%; background-color:#f2f7fc;-webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;    }
nav li a:hover em,nav li a:hover i,nav li a.cur em,nav li a.cur i{-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);}
.otherbanner1{ padding:115px 0; overflow:hidden;}
.Tit{ position:relative; z-index:4;}
.Tit h2,.h_T h2{ font-size:36px; font-weight:bold;color:#4c4c4c;}
.Tit i,.h_T i{ width:40px; height:3px; display:inline-block; background-color:#fff;background-color:#0266bb;} 
.Tit div{ margin-top:35px;}
.Tit.white h2,.h_T.white h2{ color:#fff;}
.Tit.white i,.h_T.white i{background-color:#fff;}
.other1{ background:url(../images/other1.jpg) no-repeat center center; background-size:cover;}	
.other2{ background:url(../images/other2.jpg) no-repeat center center; background-size:cover;}	
.other3{ background:url(../images/other3.jpg) no-repeat center center; background-size:cover;}
.other4{ background:url(../images/other4.jpg) no-repeat center center; background-size:cover;}	
.other5{ background:url(../images/other5.jpg) no-repeat center center; background-size:cover;}
.other6{ background:url(../images/other6.jpg) no-repeat center center; background-size:cover;}	
.other7{ background:url(../images/other7.jpg) no-repeat center center; background-size:cover;}	
.other8{ background:url(../images/other8.jpg) no-repeat center center; background-size:cover;}	
.other9{ background:url(../images/other9.jpg) no-repeat center center; background-size:cover;}	
.other10{ background:url(../images/other10.jpg) no-repeat center center; background-size:cover;}	
.otherbanner1bg{ background:url(../images/otherbg1.png) no-repeat; position:absolute;width:100%; height:100%;top:0;left:0;background-size: 60% 100%;}
.circle1{ z-index:2; width:276px;height:276px; background:url(../images/circle1.png) no-repeat; display:inline-block; position:absolute;left:50%;margin-left:-138px;top:50%;margin-top:-138px;}
.circle2{ z-index:2;width:133px;height:133px; background:url(../images/circle2.png) no-repeat; display:inline-block; position:absolute;left:50%;margin-left:96px;top:50%;margin-top:-26px;}
.otherC{ background-color:#f1f1f1;}
.otherCon{ padding:50px; background-color:#fff;}
.othernav a{ margin-right: 1px;display:inline-block; padding:8px 27px; background-color:#0266bb; color:#fff;float:left;}
.othernav a:hover,.othernav a.cur{ background-color:#fff;color:#0266bb;}
.new li,.joinlist li,.crcm dl,.proRC dl{ margin-bottom:40px;}
.new li a,.joinlist li a{ border:1px solid #f5f5f5;padding:4px; display:block;}
.new li a article,.joinlist li a article{ background-color:#f5f5f5; padding:22px; z-index:2; position:relative;overflow:hidden;}
.new li a article  img{ max-width:100%}
.new li a article time,.joinlist li h5{ z-index:2; position:relative; display:block;padding-bottom:15px;border-bottom:1px solid #c8c8c8;}
.new li a article time b{ font-size:33px;color:#959595; display:block;}
.new li a article time em{ font-size:16px;color:#afafaf;display:block;}
.new li a article h5{ z-index:2; position:relative; font-size:18px;color:#0266bb; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; margin-top:10px;}
.new li a article p,.joinlist li span{ z-index:2; position:relative;margin-top:20px;line-height:25px;height:50px; overflow:hidden; color:#929292;}
.new li a article span{ z-index:2; position:relative;color:#929292;margin-top:15px; display:block;font-size:12px;}
.new li a article span i{ width:25px;height:8px; display:inline-block; background:url(../images/icon_1.png) no-repeat; margin-left:15px;}
.new li a:hover,.joinlist li a:hover{ box-shadow:0 0 8px #ededed;}
.new li a:hover article h5,.new li a:hover article time b,.new li a:hover article time em,.new li a:hover article p,.new li a:hover article span,.joinlist li a:hover span,.joinlist li a:hover h5,.joinlist li a:hover p{color:#fff;}
.new li a:hover article span i{background:url(../images/icon_2.png) no-repeat;}
.new li .border,.joinlist li .border{z-index:0;background:#0266bb;width:60px;height:60px;transform:rotate(45deg);position:absolute;
    transition:all .5s ease-in-out;}
.new li .border:nth-of-type(1),.joinlist li .border:nth-of-type(1){top:-65px;left:-60px;}
.new li .border:nth-of-type(2){top:-65px;right:-60px;}
.new li .border:nth-of-type(3){bottom:-65px;left:-60px;}
.new li .border:nth-of-type(4),.joinlist li .border:nth-of-type(2){bottom:-65px;right:-60px;}
.new li a:hover .border,.joinlist li a:hover .border{width:400px;height:400px;}
.pagelist{ margin-top:30px; text-align:center;}
.pagelist li{ display:inline-block;margin:0 3px;}
.pagelist li a{ display:block;height:40px;line-height:40px;padding: 0 16px; border:1px solid #dcdcdc;}
.pagelist li a:hover,.pagelist li a.cur{ background-color:#005ead; color:#fff;}
footer{ background:url(../images/bottombg.jpg) repeat;}
footer,footer a{ color:#b5cfe4;}
footer a:hover,.footT dt a{ color:#fff;}
.footB{ padding:12px 15px; text-align:center; background:url(../images/footB.jpg) repeat-x top;}
.footT{ padding:50px 15px;}
.footT1{ width:18%;}
.footT2{ width:20%;margin-left:4%;}
.footT3{ width:18%; text-align:center;}
.footT4{ width:35%;}
.footT3 img{ width:89px;}
.footT3 p{ font-size:14px;line-height:20px; margin-top:10px;}
.footT dt{ font-size:16px;color:#fff; font-weight:bold;}
.footT dd{ margin:6px 0;}
.footT1 dl,.footT2 dl,.footT3{ border-right:1px solid #337ebd;}
.footT2 dl dd{ width:100%; float:none;}
.footT4 dl ul{ margin-top:20px;}
.footT4 dl ul li{ margin:12px 0; padding-left:25px;}
.footT4 dl ul li.li1{ background:url(../images/icon_3.png) no-repeat;}
.footT4 dl ul li.li2{ background:url(../images/icon_4.png) no-repeat;}
.footT4 dl ul li.li3{ background:url(../images/icon_5.png) no-repeat;}
.newmain{ color:#828282;}
.newmain h1{ font-size:24px; font-weight:bold; padding:15px 0; border-bottom:1px dashed #e5e5e5; text-align:center;}
.newmain time{ display:block;text-align:center; margin:17px 0 32px;}
.newmain time span{ display:inline-block; margin:0 10px;}
.newmain time a{ background-color:#0266bb;color:#fff; padding:0px 15px; display:inline-block; border-radius:6px;margin-left:10px;}
.newmain .info{ background-color:#f7f7f7;line-height:30px; padding:20px;margin-bottom: 38px;}
.newmain article{ line-height:30px;}
.newmain article img{ max-width:100%;}
.prenext{margin:50px 0 0; }
.prenext p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;color:#8b8b8b; background-color:#efefef;border-bottom:1px solid #fff;}
.prenext p span{line-height:41px; display:inline-block;width:123px; text-align:center;border-right:1px solid #fff;}
.prenext p a{ color:#8b8b8b;padding:10px 15px; display:inline-block;}
.prenext p:hover,.prenext p a:hover{ background-color:#0266bb; color:#fff;}
.tj{ margin-top:55px;}
.new .tjC li a article,.h_newC .content ul li dl a article{background-color: #fff;} 
.new .tjC li a,.h_newC .content li dl,.h_newC .content ul li dl a{ border:0;}
.message p{ margin-top:18px;}
.message p input,.message li p textarea{ padding:15px 18px; background-color:#f6f6f6;width: 100%;}
.message li p textarea{ height:254px;}
.submitbtn input{ background-color:#005ead !important;color:#fff; font-size:16px;}
.joinT,.about{ background-color:#fff;}
.joinTit{ margin-bottom:28px;}
.joinTit h3 a{ font-size:21px; color:#0266bb; font-weight:bold;}
.joinTit h2 a{ font-size:30px; color:#0266bb;font-weight:bold;}
.joinTit p{ color:#a5a5a5;font-size:16px;}
.joinTit i{ width:40px;height:3px; display:inline-block; background-color:#0266bb;}
.joinTL{padding:50px 60px;}
.joinTL article,.aboutTR article{ line-height:30px;height:180px; overflow:hidden;}
.joinmore{ position:absolute;right:0;top:10px;display:inline-block; border:1px solid #e1e1e1; border-radius:15px; padding:3px 20px; font-size:12px; color:#c2c2c2;}
a:hover.joinmore,.aboutTR span a:hover,.crcm a:hover,.proL dl dt,.proL dl dd a:hover,.proL dl dd a.cur{ background-color:#0266bb;color:#fff; }
.joinlist li h5{font-size:17px; color:#565656; font-weight:100;}
.joinlist li span{height:25px;margin-top: 10px; display:block;}
.joinlist li p{ margin-top:15px;line-height:25px;height:175px; overflow:hidden;color: #929292;z-index:2; position:relative;}
.joinlist li div b{color: #484848;font-weight: 100;}
.case dl,.honor dl{ margin-bottom:30px;}
.case dl dt{ position:relative;}
.case dl dt div{ opacity:0;position:absolute;width:100%;height:100%; background:rgba(0,0,0,0.52);top:0;left:0; text-align:center;-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;}
.case dl dt div i{ width:44px;height:44px; display:inline-block; background:url(../images/icon_6.png) no-repeat; top:50%;margin-top:-22px; position:absolute; left:50%;margin-left:-22px;}
.case dl dd{ font-size:15px; margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.case dl a:hover dt div{opacity:1;}
.honor dl a{ display:block; background-color:#f1f1f1;}
.honor dl dt,.crcm a dt{ overflow:hidden;}
.honor dl dt img,.crcm a img{-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;}
.honor dl a:hover dt img,.crcm a:hover img{-webkit-transform: scale3d(1.1,1.1,1); 	transform: scale3d(1.1,1.1,1);}
.honor dl dd{ padding:20px;}
.honor dl dd time{ margin-top:10px; display:block;}
.honor dl dd h5{ color:#0c6ec4; font-weight:bold; font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; margin:5px 0;}
.honor dl dd p{  color:#9a9a9a;line-height:25px;height:50px; overflow:hidden;}
.aboutTR article {height: 360px;}
.aboutTR {  padding: 35px 60px 50px 35px;}
.aboutTR span{ display:inline-block;margin-top:29px;}
.aboutTR span a{ display:block; width:170px;height:50px; text-align:center;line-height:50px; color:#0266bb; background-color:#f1f1f1;}
.about_culture{ background:url(../images/aboutbg.jpg) no-repeat center center; background-size:cover;}
.about_culture .Tit p{ color:#a3bcde;}
.about_cultureC { margin-top:25px; background:rgba(255,255,255,0.1); padding:15px; border-radius:20px;}
.about_cultureCR { font-size:16px; line-height:30px; height:90px; overflow:hidden;margin-top: 50px;padding: 0 30px 0 0 !important;}
.about_lead{ background:#fbfbfb url(../images/leadbg.jpg) no-repeat bottom; background-size:cover;}
.about_leadC { background-color:#f1f1f1; padding:40px 250px 40px 40px; width:80%;}
.about_leadC i.i1{ width:78px;height:59px; display:inline-block; background:url(../images/icon_7.png) no-repeat;}
.about_leadC p{ color:#7d7d7d; font-size:30px; font-weight:bold;margin-left: 80px;line-height: 60px;}
.about_leadC i.i2{ width:52px;height:44px; display:inline-block; background:url(../images/icon_8.png) no-repeat;    float: right;  margin-top: 20px;}
.about_leadC i.i3{ width:211px;height:64px; display:inline-block; background:url(../images/lead.png) no-repeat;    float: right;  margin-top: 20px;}
.leadpic{ position:absolute;right:0;top:-100px;}
.i3div{ overflow:hidden;width: 100%;}
.leadpic img{ width:411px;}
.crcm dl a{ display:block; background-color:#f1f1f1;}
.crcm dd{ font-size:18px; line-height:60px; padding:0 15px; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.proL dl dt{ font-size:18px; font-weight:bold;padding:15px 20px;}
.proL dl dd {background-color:#fff;padding:0 18px;}
.proL dl dd a{ display:block;padding:15px 0  15px  25px !important; font-size:15px; border-bottom:1px solid #e6f0f8; background:#fff url(../images/nav.png) no-repeat 10px center; background-size:10px;}
.proL dl dd a:hover{ display:block;padding:15px 0  15px  25px; font-size:15px; border-bottom:1px solid #e6f0f8; background:#0266bb url(../images/nav_hover.png) no-repeat 10px center; background-size:10px;}
.proL dl dd a i{ width:7px;height:11px; display:inline-block; background:url(../images/icon_9.png) no-repeat;float:right; margin-top:5px;}
.proL dl dd a:hover,.proL dl dd a.cur{padding:15px 0 15px 15px;}
.proL dl dd a:hover i,.proL dl dd a.cur i{background:none;}
.proR{ background-color:#fff; padding:30px 35px;}
.proRT h2{ background:url(../images/icon_9.jpg) repeat-x center;}
.proRT h2 span{ font-size:18px; font-weight:bold; background-color:#fff;padding:0 20px 0 0; color:#6b6b6b;}
.proRC{ margin-top:35px;}
.proRC dl a{ display:block; overflow:hidden;}
.proRC dl dt{ border-radius:0 12px 0 0; overflow:hidden; position:relative;}
.proRC dl dd div{ margin-top:22px; background:url(../images/icon_11.png) repeat-x center; height:15px; position:relative;}
.proRC dl dd div i{ width:15px;height:15px; position:absolute;left:50%;margin-left:-7px; display:inline-block; background-color:#0266bb; border-radius:100%;-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;}
.proRC dl dd div em{ width:31px;height:31px; position:absolute;left:0;margin-left:-31px; display:inline-block; background:url(../images/icon_12.png) no-repeat; top:50%;margin-top:-15px;-webkit-transition: all .5s ease-in;
    -moz-transition: all .8s ease-in;
    -ms-transition: all .8s ease-in;
    -o-transition: all .8s ease-in;
    transition: all .8s ease-in;animation-delay: 0.3s;
    transition: all 0.3s;
	transform:rotate(0);
-ms-transform:rotate(0); /* IE 9 */
-moz-transform:rotate(0); /* Firefox */
-webkit-transform:rotate(0); /* Safari 和 Chrome */
-o-transform:rotate(0); /* Opera */
}
.proRC dl dd h5{font-size:16px;margin-top:15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.proRC dl dd p{ margin-top:10px; color:#9f9f9f;line-height:22px;height:44px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.proRC dl a:hover dd div i{left:100%;margin-left:7px;}
.proRC dl a:hover dd div em{left:50%;margin-left:-15px;transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */
}
.proRC dl a dt:before { content: ' '; position: absolute; background: #fff; width: 25px; height: 350px; top: 0; left: -100%; opacity: 0.3;
 -webkit-transition: all 0.5s ease-out;
 transition: all 0.5s ease-out;
 -webkit-transform: skewX(-25deg);
         transform: skewX(-25deg);}
.proRC dl a:hover dt:before { width: 25px; left: 110%;}
.promainRTR h5{ padding:20px 0; border-bottom:1px solid #dcdcdc; font-size:24px;}
.promainRTR article{ margin-top:25px;}
.promainRTR article dl{ color:#7c7c7c;}
.promainRTR article dl dt{line-height:25px;}
.promainRTR article dl dd{ line-height:25px;}
.promainBT{ margin-top:20px; background-color:#0668bc; color:#fff;font-size:16px;line-height:50px;padding-left:20px;}
.promainBC{margin-top:20px;line-height:30px; padding:0 20px; color:#777}
.promainBC img{ max-width:100%;}
.contactT dl dd h5{margin-top:15px; color:#7f7f7f;}
.contactT dl dd p{ font-size:16px; margin-top:10px;}
.contactT dl:nth-child(1) dd p,.contactT dl:nth-child(2) dd p{font-size:20px;}
.contact{ background-color:#fff; padding:45px 35px;}
.contactB{ margin-top:54px;border:1px solid #ebebeb;padding:5px;}
.map{ height:300px;}
.h_bannerBL{ background:url(../images/bg1.jpg)  no-repeat;padding:75px 80px; text-align:right; background-size:cover}
.h_bannerBR{ background:url(../images/bg1.jpg) no-repeat;padding:75px 80px; background-size:cover;}
.h_bannerB h5{ font-size:30px; line-height:42px; height:84px;}
.h_bannerB p{ font-size:20px;margin-top:5px; text-transform:uppercase;line-height: 18px; height: 36px;}
.h_T h2{ color:#0266bb;}
.h_T p{ letter-spacing: 1px;font-size:16px;margin:5px auto 15px; color:#a3a3a3; text-transform:uppercase;}
.h_product{ padding:60px 0 10px !important;}
.h_product .tab{ overflow:hidden; text-align:center;}
.h_product .tab a,.h_new .tab a{ display:inline-block; padding:3px 20px;text-decoration:none; color:#333; border:1px solid #dcdcdc; border-radius:15px;margin:5px;}
.h_product .tab a.on,.h_new .tab a.on{ background:#ed1b24; color:#fff; text-decoration:none;}
.h_product .content{ overflow:hidden; padding:10px;margin-top: 22px;}
.h_product .content li{ display:none;}
.h_honor{ background:url(../images/bg2.jpg) no-repeat top center; background-size:100% 500px; padding-top:50px;}
.h_T.white p{ color:#a4bddf;}
#timeline{overflow:hidden;margin:0 auto;position: relative;}
#dates{overflow:hidden;margin:20px 0 0 83px;}
#dates li{float:left;width:94px;height:90px;text-align:center;}
#dates a{color:#424141;width:94px;height:90px;line-height:130px;display:block;}
#dates .selected{ color:#ed1b24; font-weight:bold;}
#issues{width:1120px;overflow:hidden;}
#issues li{width:930px;height:304px;list-style:none;float:left;}
#issues li article{margin:0 auto; color:#fff;width:calc(100% - 40px); overflow:hidden;}
#next,#prev{position:absolute;top:35%;width:62px;height:25px;}
#next{right:0;background:url(../images/icon_18.png) no-repeat;}
#prev{left:0;background:url(../images/icon_17.png) no-repeat;}
#next.disabled,#prev.disabled{opacity:0.2;}
.datebg{background: url(../images/licbg.png) center no-repeat;margin: 60px auto 0;}
#timeline .div1{ width: 85%;background-color:rgba(9,91,163,0.2); border-radius:20px; margin: auto;padding:10px 10px 0;height: 324px;}
#timeline .div2{ width:calc(100% - 40px);background-color:rgba(9,91,163,0.5); border-radius:20px; margin:20px auto 0;height:324px; padding:10px 10px 0;}
#timeline .div3{ overflow:hidden; width:calc(100% - 40px); background-color:#0c6ec4;border-radius:20px; margin:20px auto 0; padding:20px 10px 0;}
.h_new .h_T h2{ font-size:30px;}
.h_new .tab{ overflow:hidden; position:absolute;right:0;top:60px;}
.h_new .content{ overflow:hidden;}
.h_new .content li{ display:block !important; margin-bottom:0;}
.h_C{ margin-top:38px;}
.h_honorC{margin-top: 18px;}
.timelinepic{width:383px;float:left; overflow:hidden;}
.timelinepic img{border:4px solid #3a89cf;-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;}
a:hover .timelinepic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.timelineinfo{ width:calc(100% - 410px);float:right;}
.timelineinfo time{ font-size:30px; display:block;margin:30px 0;}
.timelineinfo h5{font-size:36px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.timelineinfo p{font-size:16px; text-align:left;line-height:30px;height:60px; overflow:hidden; color:#bfd5e8;margin-top:20px;}
.sub_nav_box{ position:absolute; width:150%; left:0%; background-color:#fff; padding:20px 10px 0 10px;display:none; text-align:left; top:100%}
.sub_nav_box a{ padding:5px 0;font-size: 13px;line-height: 30px; border-bottom:1px dotted #d0d0d0; }
.sub_navL{ width:100%;}
.sub_navR{ width:45%; padding:0 2% 0 5%; border-left:1px solid #dcdcdc;font-size: 12px;}
.sub_navR p{ margin-top:5px;line-height:20px;height:40px; overflow:hidden;}
#headtop .container{ overflow:visible;}
.iphone {
  
  position: relative;

}
.iphone__item {
  width: 16.06em;
  height: 1em;
  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%;
}
/**
* Navigation Defaults
*/
.nav {
  position:fixed;width:100%;height:100%;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {
  opacity: 1;
  background-color: #333;
}
.nav__list {overflow-y: scroll; height: 100%;margin: 0;padding: 10px;}
.nav__list li{margin: 10px 0;}
.nav__list li a{font-size:16px; color: #fff;/*-webkit-transition: opacity 300ms ease-in-out;  transition: opacity 300ms ease-in-out;*/}
.nav__list li div{ margin:5px 0;}
.nav__list li div a{ margin:5px 0 5px 15px; font-size:14px; display:inline-block;}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position:fixed;
  width: 30px;
  height: 25px;
  right: 30px;
  top: 30px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #FFFFFF;
  -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: 5px;
  position: absolute;
  background: #0266bb;
  -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;
}
.nav--active .iphone__content{ position:fixed;}

/**
* Style #3
*/
.style-3 .nav {
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.style-3 .nav--active .nav {
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
.style-3 .iphone__content {
 /* -webkit-transform: scale(1) translateX(0);
          transform: scale(1) translateX(0);*/
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.style-3 .iphone__screen {
  background-color: #333;
}
.style-3 .nav--active .iphone__content {
  -webkit-transform: scale(0.9) translateX(-90%);
          transform: scale(0.9) translateX(-90%);
}
.style-3 .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-3 .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.style-3 .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.style-3 .nav--active .nav__icon {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.nav__trigger{ display:none;}
.nav li div{ display:none;}
.nav--active .nav__icon:before,.nav--active .nav__icon:after{background: #fff;}
.tel,.telT{ display:none;}
.language{ position:absolute;right:0;top:-15px; text-align:right;}
.language p{ display:inline-block;}
.language p a{ display:inline-block; padding:0 15px;}
.language p a.cur{ color:#ed1b24;}
.scrolltop .language{ display:none;}
















.tjT a{ float:right;margin-top:15px;}
.tjC{ margin:30px -15px 0;}








.morebtn{ display:none; text-align:center;}
.morebtn a{ padding:8px 25px !important;    display: inline-block !important; background-color:#0266bb; color:#fff;}
#owl-demo2{ display:none !important;}
 
@media(max-width:1310px){
	.h_bannerB h5{font-size: 24px;}
}
		

@media(max-width:1199px){
	nav{width: calc(100% - 300px);}
	.sub_nav_box{  width: 360%;left: -130%;}
	.joinTL article{height: 150px;}
	.joinTL { padding: 20px 60px;}
	.aboutTR { padding: 20px 60px 20px 40px;}
	.aboutTR article { height: 320px;}
	.aboutTR span{margin-top: 10px;}
	.joinTit {  margin-bottom: 10px;}
	.h_bannerB h5 { font-size: 26px;}
	.timelinepic {width: 283px;}
	.timelineinfo { width: calc(100% - 310px);}
	.timelineinfo time { font-size: 24px; display: block; margin: 20px 0;}
	.timelineinfo h5{font-size: 28px;}
	#issues li{height: 230px;width: 680px;}
	#timeline .div2,#timeline .div1{height: 260px;}
	.h_honor{background-size: 100% 472px;}
	.h_bannerBL,.h_bannerBR{padding: 75px 30px;}
	
		
}

@media(max-width:991px){
	.nav__list li{ line-height:35px; border-bottom:1px dashed #4e4b4b; padding-left:20px; }
	.h_product .content li{}
	nav,.footT,.othernav,.tj,.h_product .content li dl:nth-child(3),.h_product .content li dl:nth-child(4),.h_newC .content li dl:nth-child(3),.h_newC .content li dl:nth-child(4){ display:none;}
	.nav__trigger,.morebtn{ display:block;}
	.padpic{ padding:0 !important;margin:10px 0;float:none !important;width:100%;}
	.promainRTR { margin-top:20px;}
	header{padding: 15px 0;}
	.h110 { height: 85px;}
	.about_leadC{width: 100%;padding: 30px 15px;}
	.leadpic {position: inherit;}
	.leadpic img { width: 100%;}
	.about_leadC i.i1{background-size: auto 35px;}
	.about_leadC p{font-size: 24px;margin-left: 20px;line-height: 40px;}
	.about_leadC i.i2{background-size: auto 30px;}
	.about_leadC i.i3{background: url(../images/lead.png) no-repeat right;background-size: auto 50px;}
	.h_bannerB h5 {  font-size: 20px;}
	.h_bannerB p{font-size: 16px;}
	#issues li{    width: 490px;height: 470px;}
	.timelinepic,.timelineinfo{ width: 100%;}
	#timeline .div2, #timeline .div1 { height: auto;}
	.h_honor { background-size: 100% 722px;}
	.timelineinfo p{margin-top: 5px;height: 30px;}	
	.datebg{margin: 20px auto 0;}
	#dates a{height: 50px; line-height: 90px;}
	#dates li{height: 50px;}
	.timelineinfo time{    margin: 10px 0 0;}
	.timelineinfo h5 { font-size: 24px;}
	.language{right: 55px; top: 20px;}
		
}

@media(max-width:780px){
	.h_bannerBL, .h_bannerBR {
    padding: 35px 20px;
}
}

@media(max-width:767px){
	.promainBC img{ width:100%;}
	.Tit h2, .h_T h2 { font-size: 24px;}
	.map{ height:250px;}
	.telT{ display:block;}
	.tel{ display:block; position:fixed;bottom:0; width:100%;line-height:40px; text-align:center;background-color:#04569b;left:0;}
	.pad60 { padding: 30px 0 !important;}
	.contact,.otherC,.otherCon,.proR{ padding: 30px 15px !important;}
	.new li, .joinlist li, .crcm dl, .proRC dl{ padding:0;}
	.newmain h1 { font-size: 20px;}
	.newmain article img{width:100%;}
	.pagelist li a{height: 30px;line-height: 30px;padding: 0 8px;}
	.promainRTR h5{font-size: 18px;}
	.circle1{width: 206px;height: 206px;background-size: 100%;margin-left: -103px;margin-top: -103px;}
	.circle2{width: 80px; height: 80px;background-size: 100%;margin-left: 0;margin-top: 0;left: 60%;}
	.otherbanner1 {padding: 55px 0;}
	.Tit{padding: 0 15px;}
	.h_bannerBL,.h_bannerBR{width:100%;padding: 20px 20px;}
	.h_bannerB h5{line-height:inherit; height:auto;}
	.h_bannerBL{ text-align:left;}
	.h_new{padding: 30px 15px !important;}
	.h_C { margin-top: 25px;}
	.h_new .h_T h2 { font-size: 22px;}
	#timeline{margin: 0 auto;}
	.h_new .h_T{text-align: center;}
	.h_new .tab{position: inherit;  text-align: center;}
	.h_new .content{margin-top: 10px;}
	.timelineinfo p{ display:none;}
	#timeline .div2{margin: 0px auto;}
	#timeline .div1 { width: 100%;}
	#timeline .div3 {  width: calc(100% - 20px); margin: 10px auto 0;padding: 10px 0 0;}
	#timeline .div4 { width: 500px; margin: auto; overflow: hidden;}
	#issues li{height: 440px;}
	.h_honor{    background-size: 100% 622px;}
	#owl-demo2{ display:block !important;}
	#owl-demo{ display:none !important;}
	
}

@media(max-width:640px){
	.new li a article time b {font-size: 24px;}
	.nav__icon:before, .nav__icon:after{width: 25px;height: 3px;}
	.prenext p span{width: 60px;}
	.message li p textarea { height: 150px;}
	#timeline .div4,#issues li{ width: 400px;}
	.timelineinfo time,.timelineinfo h5{font-size: 16px;}
	#issues li { height: 340px;}
	.h_honor {  background-size: 100% 522px;}
}
@media (max-width:540px){
	#timeline .div4, #issues li { width: 350px;}
	#issues li { height: 300px;}
	.h_honor { background-size: 100% 472px;}
}
@media (max-width:520px){
	.new li a article h5{font-size: 16px;}
	.Tit h2, .h_T h2 { font-size: 20px;}
	.logo img{height: 40px;}
	.nav__trigger{right: 15px;top: 20px;}
	.h110 { height: 70px;}
	.language{    top: 10px;}
	
}
@media (max-width:500px){
	#timeline .div4, #issues li { width: 300px;}
	#issues li { height: 270px;}
	.h_honor {  background-size: 100% 422px;}
}
@media (max-width:430px){
	
	#timeline .div4, #issues li { width: 250px;}
	#issues li { height: 230px;}
	.h_honor {  background-size: 100% 400px;}
	
}
@media (max-width:380px){
	#timeline .div4, #issues li { width: 200px;}
	#issues li { height: 190px;}
	.h_honor {  background-size: 100% 362px;}
	.language p a{padding: 0 5px;font-size: 12px;}
}
@media (max-width:340px){
.logo img { height: 35px;}
}


.proL dl dd .active{    padding: 15px 0 15px 25px;  color:#FFF; background:#0266bb url(../images/nav_hover.png) no-repeat 10px  center; background-size:10px;}


.navs li .active span{ color:#0266bb}	
.navs li .active em{z-index:2;left:50%;margin-left:-18px; top:50%;margin-top:-18px; position:absolute;width:36px;height:36px; display:inline-block; border-radius:100%; background-color:#c2daef;-webkit-transform: scale(0);

      -webkit-transform: scale(1);
    -ms-transform: scale(1);
	}
	
	
.navs li .active i{
		z-index: 1;
    left: 50%;
    margin-left: -27px;
    top: 50%;
    margin-top: -27px;
    position: absolute;
    width: 54px;
    height: 54px;
    display: inline-block;
    border-radius: 100%;
    background-color: #f2f7fc;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	 
	}