﻿@charset "utf-8";

.pw{ width:1200px; margin:0 auto; }
/* fixed end */

/*.banner2.act{ transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.5; transition: transform 600ms,opacity 600ms; -webkit-transition:transform 600ms,opacity 600ms; -ms-transition: transform 600ms,opacity 600ms; -moz-transition: transform 600ms,opacity 600ms; -o-transition: transform 600ms,opacity 600ms; }
.banner2.act.show{ transform: scale(1); -webkit-transform: scale(1); opacity: 1;}*/
.banner2.act .pbtxts{  
	-webkit-transform-origin: center bottom 0; 
	transform-origin: center bottom 0; 
	-webkit-transform-style: preserve-3d; 
	-moz-transform-style: preserve-3d; 
	-ms-transform-style: preserve-3d; 
	transform-style: preserve-3d; 
	-webkit-transform: perspective(600px) rotateX(90deg); 
	transform: perspective(600px) rotateX(90deg); 
	visibility: hidden;  
	transition: 400ms 300ms; 
	-webkit-transition: 400ms 300ms; 
	}
.banner2.act.show .pbtxts{ -webkit-transform: perspective(600px) rotateX(0); transform: perspective(600px) rotateX(0); visibility:visible; }

/*about*/
.abitr{ text-align:center; }
.abitr .ti{ font-size:30px; color:#707070; }
.abitr .line{ width:57px; height:2px; background:#9ebf65; display:block; margin:12px auto 14px auto; }
.abitr .txx{ width:650px; margin:0 auto; font-size:12px; color:#aeaeae; line-height:2; }
.abtps{ text-align:center; font-size:0; margin-top:30px; }
.abtps li{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; font-size:12px; width:136px; }
.abtps .dot{ width:86px; height:86px; border-radius:100%; position:relative; margin:0 auto; }
.abtps .dot .bg{ border-radius:100%; transition:400ms; -webkit-transition:400ms; }
.abtps .dot .bg_1{ border:2px solid #b7b7b7; }
.abtps .dot .bg_2{ background:#9ebf65; transform:scale(1.3); -webkit-transform:scale(1.3); opacity:0; display:none\9; }
.abtps .dot .ico{ position:relative; background-position:left top; ransition:400ms; -webkit-transition:400ms; }
.abtps .name{ white-space:nowrap; margin-top:12px; color:#aeaeae }

.abtps li:hover .dot .bg_2{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.abtps li:hover .dot .bg_1{ transform:scale(1.3); -webkit-transform:scale(1.3); opacity:0; display:none\9; } 
.abtps li:hover .dot .ico{ background-position:left bottom; }
.abtps li:hover .name{ color:#9ebf65; }
.abcom{ position:relative; padding-left:330px; margin-top:100px; }
.abctxts{ position:absolute; top:0; bottom:0; left:0; width:330px; background:#f3f3f3; }
.abctxts .pa{ padding:35px 30px 35px 30px;  }
.abTitle{ color:#707070; }
.abTitle .en{ font-size:18px; text-transform:uppercase; line-height:1.1; font-family:Arial; }
.abTitle .ch{ font-size:24px; line-height:1.3; font-weight: bold}
.abctxts .tx{ line-height:24px !important; height:120px; margin-top:38px; }
.abmore{ display:block; position:absolute; left:30px; right:30px; height:42px; overflow:hidden; line-height:42px; color:#7f7f7f; bottom:25px; }
.abmore .bg{ background:#b8b8b8; transition:400ms; -webkit-transition:400ms; }
.abmore .bg_1,.abmore .bg_2{ width:100%; height:1px; }
.abmore .bg_3,.abmore .bg_4{ width:1px; height:100%; }
.abmore .bg_1{ bottom:auto; }
.abmore .bg_2{ top:auto; }
.abmore .bg_3{ left:auto; }
.abmore .bg_4{ right:auto; }
.abmore .txx{ display:block; padding-left:15px; position:relative; }
.abmore .aw{ width:9px; position:absolute; top:0; bottom:0; right:20px; background-image:url(../images/rr-abmore1.png); }
.abmore:hover .bg{ background:#9ebf65; }
.abmore:hover .bg_1,.abmore:hover .bg_2{ opacity:0.25; height:100%; }
.abmore:hover .bg_3,.abmore:hover .bg_4{ opacity:0.25; width:100%;}
.abmore:hover{ color:#fff; }
.abmore:hover .aw{ transform:scale(0.8) translateX(-15px); -webkit-transform:scale(0.8) translateX(-15px); background-image:url(../images/rr-abmore2.png); }
.abcpics .slick-dots{ position:absolute; left:0; right:0; font-size:0; bottom:7px; padding:0 20px; text-align:right; }
.abcpics .slick-dots li{ display: inline-block;*zoom: 1;*display: inline; width:11px; height:11px; background:#fff; border:1px solid #fff; border-radius:100%; margin:0 4px; transition:300ms; -webkit-transition:300ms; }
.abcpics .slick-dots li a{ display:block; width:100%; height:100%; }
.abcpics .slick-dots li.slick-active,.abcpics .slick-dots li:hover{ background:#9ebf65; }
/*about end*/
.abVideo{ height:430px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden; margin-top:20px; }
.abVideo .pic{ height:100%; transition:2s; -webkit-transition:2s; }
.abVideo .cover{ background:url(../images/black.png); background:rgba(0,0,0,.2); }
.abVideo .vitxts{ position:absolute; left:0; right:0; top:25%;}
.abVideo .vitxts .abTitle{ color:#fff; text-align:center; }
.videoBtn{ width:50px; height:50px; margin:0 auto; position:relative; margin-top:45px;  }
.videoBtn .bg_2,.videoBtn .bg_3{ display:block; width:0; height:25px; position:absolute;  }
.videoBtn .bg_1{ background:url(../images/rr-dot2.png) no-repeat center center; }
.videoBtn .bg_2{ top:0; left:0; background:url(../images/rr-dot.png) no-repeat left top; transition:300ms linear; -webkit-transition:300ms linear; }
.videoBtn .bg_3{ bottom:0; right:0; background:url(../images/rr-dot.png) no-repeat right bottom; transition:300ms linear 300ms; -webkit-transition:300ms linear 300ms; }
.videoBtn:hover .bg_2,.videoBtn:hover .bg_3{ width:100%; }
.videoBtn .ico{ background-image:url(../images/rr-video.png); background-position:16px center; }
.abVideo:hover .pic{ transform:scale(1.1); -webkit-transform:scale(1.1); }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/rr-video2.png) no-repeat!important; width: 51px!important; height: 51px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
#vido_display_button{ background: none no-repeat!important; } 
.abVideo.hide .cover{ background:rgba(0,0,0,.8); }
.abVideo.show .cover{ background:rgba(0,0,0,.2); transition:4s; -webkit-transition:4s; }
.aball{ width:31.33%; margin-left:2%; display:block; float:left; position:relative; }
.ab3 .move{ margin-left:-2%;  }
.abhohis .txts{ position:absolute; left:0; right:0; bottom:0; background:url(../images/black.png); background:rgba(0,0,0,.5); padding:25px 30px; }
.abhohis .abTitle{ color:#fff; position:relative; }
.abhohis .aw{ position:absolute; top:0; bottom:0; right:30px; width:20px; background-image:url(../images/rr-aball.png); }
.abhohis .line{ position:absolute; display:block; background:#9ebf65; width:100%; height:0; transition:400ms; opacity:0; transform:scale(0); -webkit-transform:scale(0);s }
.abhohis .line_2{ right:0; top:0; }
.abhohis:hover .line{ width:100%; height:100%; opacity:1; transform:scale(1); -webkit-transform:scale(1); }
.abnews{ background:#f3f3f3; height:430px; position:relative; }
.abnews .pa{ padding:50px 30px 0 30px; }
.abnwList a{ display:block; color:#aeaeae; position:relative; padding-right:75px; border-bottom:1px solid #d9d9d9; padding-bottom:15px; margin-top:15px; }
.abnwList .txx{ width:80%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.abnwList .date{ position:absolute; top:0; right:5px; }
.abnwList .line{ width:0; height:1px; display:block; background:#9ebf65; position:absolute; left:0; bottom:-1px; transition:400ms; -webkit-transition:400ms; }
.abnwList a:hover{ color:#9ebf65; }
.abnwList a:hover .line{ width:100%; }
.abnwList{ margin-top:45px; }
.ab3{ margin-top:20px; }
.aboutpanel{ padding:60px 0; }
.vt2{ display:none !important; }

/*footer*/
.footer .logo{ position:static; float:left; }
.footer a{ color:#7f7f7f; }
.footer a:hover{ color:#11623d; }
.fctas a{ display:block; line-height:28px; }
.fctas{ float:left; margin-left:9.5%; }
.fnav{ margin-top: 15px; }
.fnav a{ display:block; line-height:28px; overflow:hidden; width: 16.66%; float: left; }
.fnav .line{ width:11px; height:3px; background:#11623d; display:block; float:left; margin-top:14px; margin-right:10px; }
.fnav1{ margin: 0; }
.fnav2{ margin-left:4.5%; }
.fnav a:hover{ transform:translateX(8px); -webkit-transform:translateX(8px); }
.flink{ float:right; height:30px; line-height:30px; position:relative; background:#f3f3f3; width:195px; cursor:pointer; }
.flink > p{ padding:0 10px; transition:300ms; -webkit-transition:300ms; }
.flink > p .ico{ width:20px; position:absolute; top:0; bottom:0; right:5px; background-image:url(../images/rr-flink.png); background-position: left top; }
.moreLinks{ position:absolute; left:0; right:0; bottom:30px; display:none; }
.moreLinks a{ display:block; padding:9px 10px; background:#9ebf65; background:rgba(158,191,101,0.8); color:#fff;line-height: 1.4; font-size:13px; }
.moreLinks a:hover{ background:#fff; }
.flink:hover > p,.flink.act > p{ background:#9ebf65; color:#fff; }
.flink:hover > p .ico{ background-position:left bottom;}
.flink.act > p .ico{ transform:rotate(180deg); -webkit-transform:rotate(180deg); background-position:left bottom; }
.footer .top{ padding:30px 0 30px 0; }
.footer .btm{ text-align:center; border-top:1px solid #eee; padding:10px 0; }
.footer .btm a{ margin-left:15px; }
/*footer end*/

/*fixctas*/
.fixctas{ width:44px; position:fixed; z-index:1020; top:400px; right:0; display:none; }
.fixctas a{ display:block; color:#fff; }
.fixctas > a,.fixctas .calls{ width:44px; height:44px; position:relative; text-align:center; line-height:44px; text-transform:uppercase; font-family:Arial; margin-bottom:1px; }
.fixctas > a{ background:#b1b1b1; }
.fixctas .calls a{ position:absolute; top:0; left:0; height:100%; background:#b1b1b1; padding-left:44px; transition:0ms; -webkit-transition:0ms; }
.fixctas .calls{ height:55px; }
.fixctas .calls .ico{ width:44px; font-size:14px; text-align:center; line-height:20px; background-image:url(../images/rr-qq2.png); position:absolute; top:0; left:0; background-position:center 10px; padding-top:30px; }
.fixctas .calls .txx{ line-height:55px; white-space:nowrap; overflow:hidden; padding-right:15px; }
.fixctas .weixin .ico{ background-image:url(../images/rr-weixin2.png); }
.fixctas a:hover{ background:#9ebf65; }
.fixctas .backTop .aw{ width:20px; height:5px; position:absolute; left:50%; margin-left:-10px; top:-5px; background-image:url(../images/rr-top.png); background-position:left top; transition:0ms; -webkit-transition:0ms; }
.fixctas .backTop:hover .aw{ background-position:left bottom; }
/*fixctas end*/
.pnav{ text-align:center; font-size:0; }
.pnav a{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; font-size:14px; color:#fff; background:#9ebf65; width:182px; text-align:center; border-right:1px solid #fff; line-height:25px; padding:9px 0; position:relative; }
.pnavb{ background:#fff; transition:top 400ms; -webkit-transition: top 400ms; }
.pnavb .bodr{ border-bottom:1px solid #e2e2e2; }
.pnav .txx2{ line-height:25px; padding:9px 0; position:absolute; left:0; top:0; bottom:0; right:0; padding-left:25px; text-align:left; transform:translateX(20px); -webkit-transform:translateX(20px); opacity:0; display:none\9; transition:400ms; -webkit-transition:400ms; }
.pnav .line{ left:0; right:0; top:0; height:47px; position:absolute; background:#6f9430; display:block;  
	transform: rotateX(270deg); 
	-webkit-transform: rotateX(270deg); 
	-moz-transform: rotateX(270deg); 
	-ms-transform: rotateX(270deg); 
	-o-transform: rotateX(270deg); 
	transform-origin: 0 0; 
	-webkit-transform-origin: 0 0; 
	-moz-transform-origin: 0 0; 
	-ms-transform-origin: 0 0; 
	-o-transform-origin: 0 0; 
	transition:600ms; 
	-webkit-transition:600ms; 
	-ms-transition:600ms; 
	-moz-transition:600ms; 
	-o-transition:600ms;
	opacity:0;
	display:none\9;
	}
.pnav a:hover .line,
.pnav a.act .line{
	transform: rotateX(0); 
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	opacity:1;
	display:block\9; 
	}
.pnav .tree{ width:47px; height:47px; display:block; position:absolute; top:0; right:0; background:url(../images/rr-tree.png) no-repeat 47px center;  opacity:0; display:none\9; transition:400ms; -webkit-transition:400ms; }
.pnav a:hover .tree,.pnav a.act .tree{ background-position:0 center; opacity:1; display:block\9; transition:400ms 300ms; -webkit-transition:400ms 300ms; }
.pnav a:hover .txx2,.pnav a.act .txx2{ transform:translateX(0); -webkit-transform:translateX(0); opacity:1; display:block\9; transition:400ms 300ms; -webkit-transition:400ms 300ms; }
.abo1 .txts{ width:40%; float:left; line-height:30px; font-size:14px; }
.abo1 .txts .tx1{ font-size:20px; line-height:1.8; margin-bottom:18%; }
.abo1 .pic{ width:53%; float:right; }
.abo2 .pic{ float:left; width:47.4%;}
.abo2 .txts{ line-height:30px; font-size:14px; float:right; width:50%; }
.abo2,.abo3{ margin-top:50px; }
.abo3{ line-height:30px; font-size:14px; }
.abhotsb{ background:#f3f3f3; padding:30px 0 20px 0; margin-top:60px; }
.abhots a{ display:block; float:left; width:23%; margin-left:2%; color:#949494;  }
.abhots{ margin-left:-2%; }
.abhots .name{  text-align:center; white-space:nowrap; overflow:hidden; position:relative; }
.abhots .pa{ padding:8px; position:relative; transition:400ms; -webkit-transition:400ms; }
.abhots .bg{ /*bottom:auto; */ background-color:transparent; /*height:0; */transition:400ms; -webkit-transition:400ms; }
/*.abhots a:nth-child(2n) .bg{ bottom:0; top:auto; }*/
.abhots a:hover .bg{ background:#fff; }
.abhots a:hover .pa{ box-shadow:0 0 8px rgba(0,0,0,.3); transform:translate(0,8px); -webkit-transform:translate(0,8px); }

/*.abhots a:hover .name{ color:#fff; }*/
.abo1{ padding-top:50px; border-top:1px solid #f3f3f3; margin-top:40px; }
.abopanel{ padding-top:60px; }
.abtTxts .abTitle{ text-align:center; }
.abtTxts{ width:640px; margin:0 auto; text-align:center; }
.abtTxts .txx{ color:#aeaeae; line-height:2; margin-top:18px; }
.honorList a{ width:29.33%; margin-left:4%; margin-bottom:2%; float:left; color:#bababa; }
.honorList{ margin-left:-4%; }
.honorList span{ display:block; }
.honorList .line{ background:#dcdcdc; position:absolute; transition:400ms; -webkit-transition:400ms; }
.honorList .line_1{ width:3px; height:100%; left:0; bottom:0; }
.honorList .line_2{ width:100%; height:3px; left:0; bottom:0; }
.honorList .line_3{ width:3px; height:100%; right:0; top:0; }
.honorList .line_4{ width:100%; height:3px; right:0; top:0; }
.honorList .bg{ width:0; height:100%; background:url(../images/rr-bg.png); transition:400ms; -webkit-transition:400ms; }
.honorList .bg_1{ right:auto; top:auto; }
.honorList .bg_2{ left:auto; bottom:auto; }
.honorList .ico{ width:30px; height:30px; position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-15px; background-image:url(../images/rr-big.png); transform:scale(0); -webkit-transform:scale(0); opacity:0; display:none\9; transition:400ms; -webkit-transition:400ms; }
.honorList a:hover .bg{ width:100%; }
.honorList a:hover .ico{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.honorList a:hover .line{ background:#9ebf65; }
.honorList .name{ text-align:center; white-space:nowrap; padding:8px 0 0 0; overflow:hidden;text-overflow: ellipsis; }
.pager{ text-align:center; font-size:0; border-top:1px solid #d9d9d9; padding-top:30px; margin-top:30px; }
.pager a{ display: inline-block;*zoom: 1;*display: inline; font-size:14px; width:30px; height:30px; line-height:30px; overflow:hidden; text-align:center; background:#c9c9c9; color:#666; margin-left:1px; }
.pager .prnx{ font-family:"微软雅黑";}
.pager a:hover,.pager a.act{ background:#9ebf65; color:#fff; }
.abtpanel{ padding:60px 0; }
.abhis .dot{ width:114px; height:114px; margin:0 auto; border-radius:100%; position:relative; background:#c3c3c3; transition:400ms; -webkit-transition:400ms; }
.abhis .year{ font-size:26px; line-height:30px; white-space:nowrap; font-family:Arial; text-align:center; color:#fff; padding-top:42px; position:relative; transition:400ms; -webkit-transition:400ms; }
.abhis .dot .bg_1{ border-radius:100%; padding:3px; border:1px solid #9ebf65; right:auto; bottom:auto; width:100%; height:100%; left:-4px; top:-4px; transform:scale(1.2); -webkit-transform:scale(1.2); opacity:0; display:none\9; transition:400ms; -webkit-transition:400ms; }
.abhis .dot .bg_2{ border-radius:100%; background:#9ebf65; transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0; display:none\9; transition:400ms; -webkit-transition:400ms; }
.abhis .dot:hover .bg,
.abhis .dot.act .bg{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.abhis .dot:hover .year,
.abhis .dot.act .year{ transform:translateY(-5px); -webkit-transform:translateY(-5px); }
.abhis .dot:hover,
.abhis .dot.act{ background:#fff; }
.abhisb{ position:relative; width:972px; margin:0 auto; }
.abhis .item{ padding:45px 0 35px 0;  }
.abhisb .slick-arrow{ width:30px; height:30px; margin-top:-10px; position:absolute; top:50%; font-size:0; }
.abhisb .slick-prev{ left:-40px; background:url(../images/rr-hisprev.png) no-repeat left center; }
.abhisb .slick-next{ right:-40px; background:url(../images/rr-hisnext.png) no-repeat right center; }
.abhisb .slick-prev:hover{ background-position:right center; }
.abhisb .slick-next:hover{ background-position:left center; }
.hisTxts{ margin:0 5%; margin-top:35px; transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; transition: 700ms; -webkit-transition: 700ms; position:relative; }
.hisTxts.show{ transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.hisTxts .pic{ width:49%; position:absolute; top:0; left:0; bottom:0; }
.hisTxts .pic img{ display:none; }
.hisTxts .txts{ float:right; width:51%; background:#fff;  }
.hisTxts .txts .pa{ min-height:450px; border:1px solid #9ebf65; border-left:0;  padding:0 30px 40px 30px;  }
.hisTxts .txts .year{ color:#9f9f9f; font-size:30px; font-family:Arial; white-space:nowrap; line-height:1.4; display: inline-block;*zoom: 1;*display: inline; border-bottom:1px solid #9ebf65; padding-bottom:6px; padding-right:40px; padding-top:20px; }
.hisTxts .txts .year .y{ font-style:italic; margin-left:10px; }
.hisTxts ul li{ border-bottom:1px dashed #9f9f9f; color:#9f9f9f; padding:25px 0 20px 0; }
.hisTxts ul li .ti{ font-size:18px; line-height:1.4; white-space:normal; }
.hisTxts ul li .tx{ line-height:24px !important; height:48px; margin-top:5px; }
.hisTxts ul{ margin-top:10px; }
.hisTxts ul li:hover{ color:#9ebf65; }
.abhisbox{ border-bottom:1px solid #9ebf65; border-top:1px solid #9ebf65; margin-top:50px; }
.nw1{ background:#f6f6f6; padding:45px 0; }
.nwnav a{ display:block; width:160px; float:left; line-height:25px; padding:14px 0; color:#a1a1a1; text-align:center; font-size:16px; position:relative; margin-right:25px; }
.nwnav .bg{ border-radius:5px; transition:400ms; -webkit-transition:400ms; }
.nwnav .bg_1{ background:#fff; }
.nwnav .bg_2{ background:#9ebf65; transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0; display:none\9;  }
.nwnav .txx{ position:relative; }
.nwnav a:hover .bg_1,.nwnav a.act .bg_1{ transform:scale(1.2); -webkit-transform:scale(1.2); opacity:0; display:none\9; }
.nwnav a:hover .bg_2,.nwnav a.act .bg_2{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.nwnav a:hover .txx,.nwnav a.act .txx{ color:#fff; }
.nw1 .nwnav{ margin-top:20px; }
.spenewsb{ padding: 0 80px; }
.spenews .pic{ width:48%; float:left; }
.spenews .txts{ width:50%; float:right; height:332px; position:relative; }
.spenews .txts .date{ font-size:14px; color:#9ebf65; white-space:nowrap; overflow:hidden; }
.spenews .txts .nowti{ font-size:30px; color:#414141; margin-top:12px; }
.spenews .txts .tx{ font-size:15px; line-height:30px !important; height:90px; margin-top:25px; }
.nwmore{ display: inline-block;*zoom: 1;*display: inline; font-size:18px; line-height:1.4; color:#414141; position:relative; padding-bottom:9px; }
.nwmore .txx{ position:relative; }
.nwmore .line{ width:100%; height:1px; display:block; background:#414141; position:absolute; left:0; bottom:0; transition:300ms; -webkit-transition:300ms; }
.nwmore:hover{ color:#9ebf65; }
.nwmore:hover .line{ background:#9ebf65; width:0; }
.spenews .nwmore{ position:absolute; left:0; bottom:0; }
.spenews .slick-arrow{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; font-size:0; border-radius:100%; background:#999 url(../images/rr-spenw.png) no-repeat left center; }
.spenews .slick-prev{ left:-80px;  }
.spenews .slick-next{ right:-80px; background-position:right center; }
.spenews .slick-arrow:hover{ background-color:#9ebf65; }
.nw2{ padding:95px 0 75px 0; }
.nw3{ background:#f6f6f6; padding:55px 0 7.8% 0; }
.newsList{ margin-left:-6%; }
.newsList a{ width:27.33%; margin-left:6%; display:block; float:left; color:#7e7e7e; margin-bottom:35px; }
.newsList .pa{ padding:10px; position:relative; }
.newsList .txts .date{ font-size:14px; margin-top:15px; }
.newsList .txts .nowti{ font-size:18px; color:#414141; margin-top:10px; }
.newsList .txts .tx{ line-height:24px !important; height:72px; margin-top:5px; }
.newsList .nwmore{ margin-top:30px; } 
.newsList .txts{ padding-bottom:18px; }
.newsList .wline,
.designers .wline{ display:block; position:absolute; background:#9ebf65; transition:400ms; -webkit-transition:400ms; z-index:5; }
.newsList .wline_1,
.designers .wline_1{ width:0; height:1px; top:0; left:0; }
.newsList .wline_2,
.designers .wline_2{ width:0; height:1px; bottom:0; right:0; }
.newsList .wline_3,
.designers .wline_3{ height:0; width:1px; top:0; left:0; }
.newsList .wline_4,
.designers .wline_4{ height:0; width:1px; bottom:0; right:0; }
.newsList a:hover .wline_1,
.newsList a:hover .wline_2,
.designers li:hover .wline_1,
.designers li:hover .wline_2{ width:100%; }
.newsList a:hover .wline_3,
.newsList a:hover .wline_4,
.designers li:hover .wline_3,
.designers li:hover .wline_4{ height:100%; }
.newsList a:hover .nwmore{ color:#9ebf65; }
.newsList a:hover .nwmore .line{ background:#9ebf65; width:100%; }
.nd1{ background:#f6f6f6; padding:50px 0 30px 0; }
.ndTitle{ text-align:center; }
.ndTitle .ti{ font-size:26px; color:#535353; }
.share{ display:block; width:90px; line-height:30px; height:30px; position:relative; margin:0 auto; color:#fff; }
.share .bg{ background:#9ebf65; border:1px solid #9ebf65; }
.share .txx{ padding-left:33px; text-align:left; position:relative; background:url(../images/rr-share.png) no-repeat 15px top; transition:300ms; -webkit-transition:300ms; }
.share:hover .bg{ background:none; }
.share:hover .txx{ color:#9ebf65; background-position:15px bottom; }
.ndTitle .share{ margin-top:43px; }
.ndtxts{ width:1000px; margin:0 auto; padding:7% 0 14% 0; }
.backb{ background:#f6f6f6; padding:50px 0 65px 0; }
.backb .pw{ position:relative;  }
.backb a{ display:block; height:38px; line-height:38px; color:#8c8c8c; }
.ba-arrow{ width:130px; position:absolute; top:0; background:#e2dfda; overflow:hidden; }
.ba-prev{ left:0;  }
.ba-next{ text-align:right; right:0; }
.ba-arrow .ico{ width:38px; height:38px;  }
.ba-prev .ico{ margin-right:15px; float:left; background-image:url(../images/rr-baprev.png); }
.ba-next .ico{ margin-left:15px; float:right; background-image:url(../images/rr-banext.png);  }
.ba-prev .txx1 .ico{ background-position: left center; }
.ba-prev .txx2 .ico{ background-position: right center; }
.ba-next .txx2 .ico{ background-position: left center; }
.ba-next .txx1 .ico{ background-position: right center; }
.ba-arrow .txx2{ color:#fff; }
.ba-arrow .move{ width:200%; transition:400ms; -webkit-transition:400ms; overflow:hidden; }
.ba-arrow .txx{ width:110px; float:left; }
.ba-prev .txx{ padding-left:20px; }
.ba-next .txx{ padding-right:20px; }
.ba-arrow:hover{ background:#9ebf65; }
.ba-arrow:hover .move{ margin-left:-130px; }
.backList{  width:130px; text-align:center; font-size:0; margin:0 auto; position:relative; }
.backList .ico,.backList .txx{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; font-size:12px; }
.backList .ico{ width:18px; background:url(../images/rr-back.png) center top; margin-right:5px; transition:600ms; -webkit-transition:600ms; }
.backList:hover{ color:#9ebf65; }
.backList:hover .ico{ transform:rotate(360deg); }

/*show*/
.show1{ padding:30px 0 10px 0; }
.show1 .pic{ width:47%; float:left; }
.show1 .txts{ width:45%; float:right; margin-right:3.5%; padding-top:10px; }
.showpanel .abTitle .en{ text-transform:capitalize; }
.show1 .freeTx{ font-size:14px; line-height:30px; margin-top:35px; color:#aeaeae; }
.swTitle{ background:#9ebf65; color:#fff; line-height:24px; padding:14px 0; padding-left:20px; }
.swTitle .ch{ font-size:24px; font-weight: bold}
.swTitle .en{ font-family:Arial; font-size:15px; text-transform:capitalize; margin-left:4px; }
.swTitle .mark{ margin-left:14px; }
.showList .abhots a{ margin-bottom:10px; }
.showList .abhots .name{ font-size:14px; }
.showb{ margin-top:40px; }
.showList .slick-arrow,
.teamDemo .slick-arrow{ display:block; width:57px; height:33px; border:1px solid #868686; font-size:0; position:absolute; bottom:0; }
.teamDemo .slick-arrow{ border-color:#9ebf65; }
.showList .slick-prev,
.teamDemo .slick-prev{ left:0; background:url(../images/rr-swprev.png) no-repeat left center; }
.teamDemo .slick-prev{ background:url(../images/rr-teamprev.png) no-repeat left center; }
.showList .slick-next,
.teamDemo .slick-next{ right:0; background:url(../images/rr-swnext.png) no-repeat right center; }
.teamDemo .slick-next{ background:url(../images/rr-teamnext.png) no-repeat right center; }
.showList .slick-arrow:hover{ background-color:#868686; }
.teamDemo .slick-arrow:hover{ background-color:#9ebf65; }
.showList .slick-prev:hover,
.teamDemo .slick-prev:hover{ background-position:right center; }
.showList .slick-next:hover,
.teamDemo .slick-next:hover{ background-position:left center; }
.show3{ background:#f6f6f6; }
.show2{ padding-bottom:8.9%; }
.designers li{ width:23.5%; margin-left:1.5%; margin-bottom:1.5%; color:#898989; float:left; }
.designers{ margin-left:-1.5%; margin-top:30px; }
.designers .txts .ti{ font-size:16px; white-space:nowrap; overflow:hidden; }
.designers .txts .tx{ line-height:20px !important; height:60px; margin-top:15px; }
.designers .txts{ padding:15px 25px 0 10px; }
.designers .abmore{ position:relative; left:0; right:0; bottom:0; background:#c4c4c4; text-align:center; font-size:16px; color:#fff; margin-top:15px; }
.designers .abmore .txx{ padding-left:0; }
.designers .abmore:hover{ background:#fff; }
.show3{ padding:40px 0 60px 0; }
.laCon{ width:48%; position:absolute; left:50%; margin-left:-24%; top:50%; }
.laCon .txts{ background:#fff; font-size:14px; line-height:20px; padding:25px 55px 65px 30px; margin-top:5px; }
.showpics .slick-arrow{ width:44px; height:44px; font-size:0; position:absolute; top:50%; margin-top:-22px; z-index:99; }
.showpics .slick-prev{ left:20px; background:url(../images/rr-laprev.png) no-repeat left center; }
.showpics .slick-next{ right:20px; background:url(../images/rr-lanext.png) no-repeat right center; }
.showpics .slick-prev:hover{ background-position: right center; }
.showpics .slick-next:hover{ background-position: left center; }
.laBox.hide{ opacity:0; transition:600ms; -webkit-transition:600ms; }
.laBox.show{ opacity:1; }
.laBox.hide .laCon{ transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0; transition:transform 600ms,opacity 600ms; -webkit-transition:transform 600ms,opacity 600ms; }
.laBox.show .laCon{ transform:scale(1); -webkit-transform:scale(1); opacity:1;  }
.la-close{ width:44px; height:44px; background:#fff; position:absolute; top:0; right:-50px; display:block; }
.la-close .ico{ background-image:url(../images/rr-laclose.png); transition:400ms; -webkit-transition:400ms; }
.la-close:hover .ico{ transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.pnavb.pos{ position:fixed; left:0; right:0; z-index: 1005; top:80px; padding:0 6%; }
.swTitle2 .en{ text-transform:capitalize; }
.swoTitle{ color:#11623d; }
.swoTitle .ch{ line-height:30px; height:30px; margin-bottom:3px; font-weight: bold}
.swoTitle .aw{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; width:10px; background-image:url(../images/rr-swoaw.png); margin-left:25px; animation:arrow 2s linear 0.1s alternate infinite running; -webkit-animation:arrow 2s linear 0.1s alternate infinite running; }
.swo1 .pa{ padding:0 5%; }
.swo1 .swoTitle{ margin-bottom:30px; }
.swotxts{ margin-bottom:5px; }
.swotxts .txts{ width:44%; color:#aeaeae; padding-top:5.8%; }
.swotxts .pic{ width:54%; }
.swotxts1 .txts{ float:left; }
.swotxts1 .pic{ float:right; }
.swotxts2 .txts{ float:right; }
.swotxts2 .pic{ float:left; }
.swotxts .txts .ti{ font-size:20px; }
.swotxts .txts .tx{ line-height:24px !important; margin-top:12px; }
.swomore{ display:block; color:#818181; line-height:25px; padding:22px 0; position:relative; font-size:0; text-align:center; }
.swomore .bg{ background:#f3f3f3; transition:400ms; -webkit-transition:400ms; }
.swomore i{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; font-size:18px; position:relative; }
.swomore .ico{ height:25px; width:25px; background:url(../images/rr-swomore.png) center top; margin-right:15px; transition:transform 400ms; -webkit-transition:transform 400ms; }
.swo1 .swomore{ margin-top:30px; }
.swomore:hover .txx{ color:#fff; }
.swomore:hover .ico{ transform:rotate(180deg); -webkit-transform:rotate(180deg); background-position: center bottom; }
.swomore:hover .bg{ background:#9ebf65; }
.swo1{ padding-top:40px; }
.swopanel{ padding:20px 0 5% 0; }
@keyframes arrow{
	0%{ transform:translateX(0); -webkit-transform:translateX(0); }
	100%{ transform:translateX(8px); -webkit-transform:translateX(8px); }
}
@-webkit-keyframes arrow{
	0%{ transform:translateX(0); -webkit-transform:translateX(0); }
	100%{ transform:translateX(8px); -webkit-transform:translateX(8px); }
}
.faceShow{ position:relative; padding-left:250px; background:#9ebf65; margin-top:30px; }
.facetxts{ position:absolute; top:0; left:0; width:250px; color:#fff; }
.facetxts .pa{ padding:50px 25px 0 25px; }
.facetxts .tx{ line-height:24px !important;}
.fc-arrow{ position:absolute; left:25px; bottom:75px; overflow:hidden; }
.fc-arrow > div{ width:57px; height:33px; float:left; cursor:pointer; border:1px solid #fff; transition:300ms; -webkit-transition:300ms; }
.fc-prev{ margin-right:1px; background:url(../images/rr-fcprev.png) no-repeat left center; }
.fc-next{ background:url(../images/rr-fcnext.png) no-repeat right center; }
.fc-prev:hover{ background-color:#fff; background-position: right center; }
.fc-next:hover{ background-color:#fff; background-position: left center; }
.facepic .slick-active .pic img {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
	}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.swt2{ background:#f6f6f6; margin-top:50px; }
.swttxts .tx1{ color:#868686; font-size:14px; }
.swttxts .tx1 em{ font-size:16px; font-weight:bold; }
.swttxts .pa{ padding:70px 450px 80px 20px; position:relative; }
.swttxts .txts{ width:73%; line-height:24px;  }
.swttxts .tx2{ font-size:16px; color:#9ebf65; margin-top:10%; }
.swttxts .pics{ width:450px; height:300px; position:absolute; top:50%; margin-top:-150px; right:0; }
.pics li{ position:absolute; }
.pics li .pic{ width:auto;  border:2px solid #fff; box-shadow:1px 1px 3px -1px rgba(0,0,0,.5); }
.pics .li_1{ width:225px; top:5px; left:105px; }
.pics .li_1 .pic{ transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -ms-transform:rotate(-2deg); -moz-transform:rotate(-2deg); }
.pics .li_2{ width:185px; top:85px; left:0;  }
.pics .li_2 .pic{ transform:rotate(2deg); -webkit-transform:rotate(2deg); -ms-transform:rotate(2deg); -moz-transform:rotate(2deg); }
.pics .li_3{ width:185px; top:80px; left:230px; }
.pics .li_3 .pic{ transform:rotate(17deg); -webkit-transform:rotate(17deg); -ms-transform:rotate(17deg); -moz-transform:rotate(17deg); }
.pics .li_4{ width:185px; top:150px; left:100px;  }
.pics .li_4 .pic{ transform:rotate(4deg); -webkit-transform:rotate(4deg); -ms-transform:rotate(4deg); -moz-transform:rotate(4deg); }
.swtpanel{ padding-top:70px; }
.reportList a{ width:21%; }
.swfodots{ width:900px; margin:0 auto; }
.swfodots li{ width:20%; float:left; margin:20px 0; }
.swfodots .dot{ width:130px; height:130px; border-radius:100%; position:relative; margin:0 auto; }
.swfodots .ico{ height:40px; background-position:center top; }
.swfodots .li_1 .ico{ background-image:url(../images/rr-swfodot.png); }
.swfodots .name{ text-align:center; font-size:14px; white-space:nowrap; margin-top:10px; }
.swfodots .pa{ padding-top:25px; position:relative; }
.swfodots .bg{ border-radius:100%; transition:400ms; -webkit-transition:400ms; }
.swfodots .bg_1{ background:#efefef; }
.swfodots .bg_2{ background:#9ebf65; transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0; display:none\9; }
.swfodots .dot:hover .bg_2{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.swfodots .dot:hover .bg_1{ transform:scale(1.2); -webkit-transform:scale(1.2); opacity:0; display:none\9; }
.swfodots .dot:hover .name{ color:#fff; }
.swfodots .dot:hover .ico{ background-position:center bottom; }
.sertx{ font-size:24px; line-height:1.4; color:#fff; text-align:center; }
.serList li{ width:31.33%; margin-left:2%; background:#9ebf65; color:#fff; float:left; }
.serList{ margin-left:-2%; }
.serList .pa{ padding:0 35px 0 35px; height:320px; }
.serList .ti{ font-size:24px; white-space:nowrap; overflow:hidden; border-bottom:1px solid #fff; padding:15px 0; }
.serList .tx{ line-height:24px !important; margin-top:15px; }
.serList{ margin-top:65px; }
.swfo2 .fixbg{ padding:11% 0 7.6% 0; }
.swfopanel{ padding-top:5%; }
.swfo1{ padding-bottom:45px; }
/*show end*/

/*case*/
.caseList a{ display:block; float:left; width:48%; margin-left:2%; color:#fff; position:relative; margin-bottom:2%; }
.caseList{ margin-left:-2%; margin-top:60px; }
.caseList .txts{ width:235px; position:absolute; top:0; bottom:0; right:0; background:url(../images/black.png); background:rgba(0,0,0,.5); transition:400ms; -webkit-transition:400ms; }
.caseList .txts .pa{ padding:60px 35px 0 10px; }
.caseList .txts .nowti{ font-size:18px; }
.caseList .txts .tx{ line-height:24px !important; max-height:144px; margin-top:20px; }
.casemore{ display:block; position:absolute; left:10px; right:35px; bottom:18px; overflow:hidden; line-height:25px; padding:10px 0; border-top:1px solid #fff; }
.casemore .ico{ background-image:url(../images/rr-abmore2.png); height:25px; width:9px; float:right; }
.caseList a:hover .txts{ background:#9ebf65; }
.caseList a:hover .ico{ transform:scale(0.9) translateX(-5px); -webkit-transform:scale(0.9) translateX(-5px); }
.casepanel{ padding:85px 0 70px 0;}
/*case end*/

/*cta*/
.ctaTitle{ color:#11623d; }
.cta1 .txts{ width:46%; float:left; padding-top:15px; }
.cta1 .pic{ width:50%; float:right; }
.cta1 .txb{ border-top:1px solid #f2f2f2; margin-top:30px; padding-top:12%; }
.cta1 .txb .ti{ font-size:18px; font-weight:bold; color:#666; }
.cta1 .txb .tx{ font-size:14px; line-height:30px !important; margin-top:30px; }
.jobList .jb{ padding-left:9%; border-radius:3px 3px 0 0; transition:400ms; -webkit-transition:400ms; }
.jobList .jb span{ display:block; float:left; line-height:24px; padding:20px 0; }
.jobList .jb .sp1{ width:29%; }
.jobList .jb .sp2{ width:29%; }
.jobList .jb .sp3{ width:29%; }
.jobList .jb .sp4{ width:11%; cursor:pointer; }
.jobList .jbnames{ background:#9ebf65; font-size:14px; color:#fff; }
.jobList li{ border-bottom:2px solid #fafafa; }
.jobList .jbmore{ background:#fafafa; line-height:28px; padding:20px 9% 35px 9%; display:none; }
.jobList li.act .jb{ background:#efefef; }
.jobList{ margin-top:40px; }
.cta2{ padding-top:8.2%; }
.teamList a{ display:block; width:23%; margin-left:2%; margin-bottom:3%; float:left; position:relative; color:#fff; }
.teamList{ margin-left:-2%; }
.teamList .txts{ position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; }
.teamList .bg{ background:url(../images/rr-teambg.png); transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0; display:none\9; transition:400ms; -webkit-transition:400ms; }
.teamList .txts .txb{ position:relative; padding-top:24%; }
.teamList .name{ font-size:16px; line-height:1.4; transform:translateY(30px); -webkit-transform:translateY(30px); opacity:0; display:none\9; transition:400ms 200ms; -webkit-transition:400ms 200ms;  }
.teamList .more{ width:72px; height:18px; line-height:18px; margin:0 auto; border:1px solid #fff; margin-top:15px; transform:translateY(-30px); -webkit-transform:translateY(-30px); opacity:0; display:none\9; transition:400ms 200ms; -webkit-transition:400ms 200ms; }
.teamList .line{ display:block; position:absolute; background:#fff; }
.teamList .line_1{ width:1px; height:16px; left:0; bottom:0; }
.teamList .line_2{ height:1px; width:16px; left:0; bottom:0; }
.teamList .line_3{ width:1px; height:16px; right:0; top:0; }
.teamList .line_4{ height:1px; width:16px; right:0; top:0; }
.teamList .lb{ width:16px; height:16px; position:absolute; transition:400ms 200ms; -webkit-transition:400ms 200ms; }
.teamList .lb1{ left:10px; bottom:10px; transform:translate(30px,-30px); -webkit-transform:translate(30px,-30px); opacity:0; display:none\9; }
.teamList .lb2{ right:10px; top:10px; transform:translate(-30px,30px); -webkit-transform:translate(-30px,30px); opacity:0; display:none\9; }
.teamList a:hover .bg{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.teamList a:hover .lb{ transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1; display:block\9; }
.teamList a:hover .more,.teamList a:hover .name{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; display:block\9; }
.teamDemo{ padding-bottom:35px; margin-top:30px; }
.cta3{ padding:12% 0 70px 0; }
.ctasb{ position:relative; padding:35px 0 25px 0; border-top:1px solid #e2e2e2; margin-top:45px; }
.ctaoTitle{ display: inline-block;*zoom: 1;*display: inline; position:relative; color:#9ebf65; padding-left:88px; border-bottom:1px solid #9ebf65; padding-bottom:20px; padding-right:55px; }
.ctaoTitle .ch{ font-size:30px; line-height: 1.3; font-weight: bold}
.ctaoTitle .en{ font-size: 18px; text-transform:capitalize; line-height: 1.1; font-family: 'Ald721n'; margin-top:5px; }
.ctaoTitle .cLogo{ width:57px; height:57px; position:absolute; left:0; top:5px; }
.ctas a{ display:block; color:#7e7e7e; font-size:14px; line-height:30px; cursor:default; }
.ctas a:hover{ color:#9ebf65; }
.ctas{ margin-top:20px; }
.mab .ma{ float:left; }
.mab .txx{ font-size:14px; line-height:30px; float:left; margin-left:15px; margin-top:35px; }
.mab:hover .txx{ color:#9ebf65; }
.mab{ position:absolute; bottom:65px; right:0; }
#map{ height:460px; }
.ctaopanel{ padding-top:60px; }
/*cta end*/

/*ser*/
.serotxts .pic{ width:44%; }
.serotxts .txts{ width:52%; }
.serotxts .so1 .pic{ float:left; }
.serotxts .so1 .txts{ float:right; }
.serotxts .so2 .pic{ float:right; }
.serotxts .so2 .txts{ float:left; }
.serotxts .txts .ti{ font-size:25px; }
.serotxts .txts .tx{ font-size:14px; line-height:30px !important; margin-top:35px; }
.sermore{ display:block; overflow:hidden; width:112px; height:35px; background:#d5d5d5; color:#fff; line-height:13px; position:relative; }
.sermore .m1{ display:block; width: 0;height: 0; transform: rotate(360deg); -webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #9ebf65;position: absolute; bottom: 0;left: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; }
.sermore .m2{ display:block; width: 0;height: 0; transform: rotate(360deg); -webkit-transform: rotate(360deg); border-style: solid;border-width: 0 0 0 0;border-color: transparent #9ebf65 transparent transparent;position: absolute;top: 0; right: 0;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;transition: all 0.5s; }
.sermore:hover .m1{ border-width: 105px 0 0 105px;}
.sermore:hover .m2{ border-width: 0 105px 105px 0;}
.sermore .txx{ position:relative;background:url(../images/rr-seraw.png) no-repeat 90px center; font-size:12px; color:#fff;}
.serotxts .sermore{ margin-top:15%; }
.serotxts li{ border-bottom:1px solid #e2e2e2; padding:70px 0 80px 0; }
.seropanel{ padding-top:40px; }
.sdtxts .pics .pic{ width:49.5%; margin-left:0.5%; float:left; }
.sdtxts .pics{ margin-left:-0.5%; }
.sdtxts .txts a{ display:block; color:#7e7e7e; font-size:14px; line-height:30px; cursor:default; }
.sdtxts .txts{ padding:30px 20px 55px 20px; position:relative; }
.sdtxts .txts .sermore{ width:115px; height:36px; line-height:36px; position:absolute; right:20px; top:40px; color:#fff; background:#9ebf65; }
.sdtxts .txts .sermore .txx{ padding-left:35px; background:url(../images/rr-online.png) no-repeat 8px center; }
.sdtxts .txts .sermore .m2 { border-color: transparent #d5d5d5 transparent transparent; }
.sdtxts .txts .sermore .m1 { border-color: transparent transparent transparent #d5d5d5; }
.sd1{ border-bottom:1px solid #e2e2e2; padding-top:5.5%; }
.sdtxts .pics{ margin-top:35px; }
.sdTitle{ font-size:20px; color:#424b52; line-height:1.4; }
.sdList li{ float:left; width:23.5%; margin-left:1.5%; margin-bottom:1.5%; }
.sdList{ margin-left:-1.5%; }
.sdList .txts{ background:#f3f3f3; padding:25px 20px 70px 20px; transition:background 400ms; -webkit-transition:background 400ms; }
.sdList .tx{ line-height:20px !important; transition:transform 400ms; -webkit-transition:transform 400ms; }
.sdList .name{ position:absolute; left:0; bottom:0; white-space:nowrap; overflow:hidden; background:url(../images/black.png); color:#fff; padding:0 10px; font-size:14px; line-height:36px; }
.sdList li:hover .txts{ background:#9ebf65; color:#fff; }
.sdList li:hover .tx{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
.sdList{ margin-top:40px; }
.sd2{ padding:65px 0 0 0; }
.serIntro{ width:670px; margin:0 auto; text-align:center; font-size:24px; line-height:1.5; margin-bottom:75px; }
.sernav{ text-align:center; font-size:0; }
.sernav li{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; font-size:16px; width:209px; height:127px;  color:#7e7e7e; margin:0 2px; position:relative; cursor:pointer; }
.sernav .ico{ height:40px; background-position:center top; margin-bottom:5px; }
.sernav .txb{ padding-top:25px; position:relative; }
.sms{ position:relative; overflow:hidden; }
.sms .sm{ display:block; width: 0; height: 0; transform: rotate(360deg); -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 0 0 0; position: absolute; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;  }
.sms .sm1{ border-color: transparent transparent transparent #9ebf65; bottom: 0;left: 0;  }
.sms .sm2{ border-color: transparent #9ebf65 transparent transparent; top: 0; right: 0; }
.sms:hover .sm1{ border-width: 180px 0 0 180px; }
.sms:hover .sm2{ border-width: 0 180px 180px 0; }
.sernav li:hover .ico,.sernav li.act .ico{ background-position: center bottom; }
.sernav li:hover .name,.sernav li.act .name{ color:#fff; }
.sernav li.act .sm1{ border-width: 180px 0 0 180px; }
.sernav li.act .sm2{ border-width: 0 180px 180px 0; }
.sdt2{ background:#f3f3f3; border-top:1px solid #d9d9d9; padding:25px 0 50px 0; }
.sdtcase .scA{ display:block; float:left;  width:23.5%; margin-left:1.5%; color:#898989; }
.sdtcase{ margin-left:-1.5%; }
.sdt2 .pw{ position:relative; }
.sc-arrow{ top:5px; right:15px; position:absolute; overflow:hidden; }
.sc-arrow > div{ width:37px; height:20px; float:left; cursor:pointer; transition:300ms; -webkit-transition:300ms; }
.sc-prev{ margin-right:1px; background:#898989 url(../images/rr-sdtaw1.png) no-repeat center center; }
.sc-next{ background:#898989 url(../images/rr-sdtaw2.png) no-repeat center center; }
.sc-arrow > div:hover{ background-color:#9ebf65; }
.sdtcasesb{ margin-top:35px; }
.sdt3{ background:none; }
.sdtcase .name{ white-space:nowrap; font-size:16px; text-align:center; padding:3px 0; }
.sdtcase .scA:hover .name{ color:#9ebf65; }
.sdt4 .sdtcase{ margin-top:35px; }
.sdt4{ padding-bottom:50px; }
.sdt3{ padding-bottom:25px; }
.sertxts{ background:#9ebf65; color:#fff; padding:40px 0 60px 0; margin-top:30px; }
.sertxts li{ width:960px; margin:0 auto; display:none; }
.sertxts .ti{ font-size:18px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; border-bottom:1px solid #fff; padding-bottom:8px; }
.sertxts .tx{ font-size:14px; line-height:30px !important; margin-top:15px; }
.sernav .sms{ height:100%; background:#eee; }
.sernav .aw{ height:17px; position:absolute; left:0; right:0; bottom:-30px; background-image:url(../images/rr-seraw2.png); transform:translateY(10px); -webkit-transform:translateY(10px); opacity:0; display:none\9; }
.sernav li.act .aw{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; display:block\9; }
.ser2 .fixbg{ height:620px; }
.ser1{ background:#eee; padding:30px 0 75px 0; }
.rhoti{ font-size:30px; line-height:1.4; text-align:center; font-family: 'Adorable'; }
.serhos{ font-size:0; text-align:center; }
.serhos li{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; width:150px; margin:0 40px; }
.serhos .dot{ width:100px; height:115px; background:url(../images/rr-rho.png) no-repeat center center; margin:0 auto; position:relative; }
.serhos .dot .num{ font-family: 'Adorable'; font-size:36px; line-height:1.1; padding-top:32px; position:relative; }
.serhos .bg{ background:url(../images/rr-rho2.png) no-repeat center center; transform: scale(2); -webkit-transform:scale(2); opacity:0; display:none\9; transition: 400ms; -webkit-transition: 400ms;  }
.serhos li:hover .dot .bg{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.serhos li:hover .dot .num{ color:#fff; }
.serhos .name{ font-size:16px; line-height:1.4; margin-top:20px; white-space:nowrap; }
.serhos li:hover .name{ color:#9ebf65; }
.serhos{ margin-top:50px; }
.asks{ text-align:center; font-size:14px; margin-top:50px; width:890px; margin:0 auto; }
.askList li{ width:20%; margin-left:5%; float:left; }
.askList{ margin-left:-5%; }
.askList .tx{ padding:20px 10px 8px 10px; text-align:left; line-height:24px !important; height:72px; }
.askList{ margin-top:80px; }
.askList li:hover .tx{ color:#9ebf65; }
.ser3{ padding:60px 0 50px 0; }
.wordsb{ width:690px; margin:0 auto; }
.look{ text-align:center; line-height:24px; margin-bottom:30px; margin-top:13px; }
.words .aip{ display:block; border:1px solid #9d9c9a; font-size:14px; color:#5e5e5e; line-height:24px; padding:9px 15px; }
.words .asi{ float:left; }
.words .c-input{ width:190px; margin-left:12px; }
.words .c-input:first-child{ margin-left:0; }
.words .c-select{ width:222px; margin-left:12px; background:url(../images/rr-wordaw.png) no-repeat 195px center; }
.words .c-select:first-child{ margin-left:0; }
.words li{ margin-bottom:10px; }
.words option{ background:#eee; padding:0 15px; line-height:2; }
.words .s-textarea{ width:658px; height:168px; }
.subBtn{ line-height:42px; height:42px; background:#9ebf65; color:#fff; display:block; width:100%; cursor:pointer; transition:400ms; -webkit-transition:400ms;  }
.subBtn:hover{ background:#9d9c9a; }
.words .aip:focus{ border:1px solid #9ebf65; background:#fff; }
.words .c-select:focus{ background:#fff url(../images/rr-wordaw2.png) no-repeat 195px center; }
.ser4 .fixbg{ padding:65px 0 75px 0; }
.serpanel{ padding-top:6.5%; }
/*ser end*/


/*pro*/
.proL{ width:185px; float:left; }
.proR{ float:right; width:82%; padding-top: 15px; } 
.pronavb{ box-shadow: 0 0 12px #d5d4d4; border:1px solid #ccc; padding: 0 18px; }
.pronav a{ display:block; font-size:16px; color:#696868; border-top:1px solid #e8e8e8; line-height:20px; padding:15px 0; text-align:center; position:relative; }
.pronav a:first-child{ border-top:0; }
/*.pronav .ico{ width:13px; height:13px; border:1px solid #dedede; border-radius:100%; position:absolute; top:50%; margin-top:-7px; right:13px; background-image:url(../images/rr-pronav.png); background-position:right center; }*/
/*.pronav a:hover .ico,.pronav a.act .ico{ background-color:#9ebf65; border:1px solid #9ebf65; background-position:left center;  }*/
.pronav a:hover,.pronav a.act{ color:#9ebf65; }
/*.pronav a:hover .ico{ transform:translateX(8px); -webkit-transform:translateX(8px); }*/
/*.pronav a:hover{  padding-left:8px; }*/
.proTitle{ color:#696868; border-bottom:1px solid #ccc; padding-bottom:10px; }
.proTitle .ch{ font-size:16px; font-weight: bold}
.proTitle .en{ text-transform:uppercase; }
.proTitle .mark{ margin-left:8px; margin-right:2px; }
.procase a{ display:block; background:#fff; color:#696868; margin-bottom:40px; }
.procaseb .proTitle{ margin-bottom:25px; }
.procase .name{ text-align:center; padding:3px 0; }
.procase .pa{ border:1px solid #ccc; padding:5px; transition:400ms; -webkit-transition:400ms;  }
.procase a:hover .pa{ background:#9ebf65; border:1px solid #9ebf65; } 
.procase a:hover .name{ color:#9ebf65; }
.proLis .pic{ transition:400ms; -webkit-transition:400ms; }
.procaseb{ margin-top:55%; }
.propanel{ padding:30px 0 6.3% 0; }
.proTitle2{ font-size:20px; color:#9ebf65; line-height:24px; border-bottom:1px solid #ccc; padding-bottom:8px; color:#696868; position:relative; }
.proTitle2 .more{ color:#bcbcbc; font-size:16px; color:#9ebf65; position:absolute; top:0; right:0; text-transform:capitalize;  padding:0 5px;  }
.proTitle2 .more:hover{ background:#9ebf65; color:#fff; }
.proList a{ display:block; width:30.33%; margin-left:3%; float:left; color:#696868; padding-bottom:48px; position:relative; font-size:14px; }
.proList{ margin-left:-3%; margin-top:40px; }
.proList .cover{ background:url(../images/rr-teambg.png); background:rgba(158,191,101,0.9); transform:scale(0.8); -webkit-transform:scale(0.8); opacity:0; display:none\9; }
.proList .name{ padding:0 8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; /*white-space:nowrap;*/text-align:center; line-height:48px;  position:absolute; left:0; right:0; bottom:0; transition:600ms; -webkit-transition:600ms; }
.proList a:hover .cover{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.proList a:hover .name{ bottom:50%; font-size:16px; color:#fff;  }
.proList a:hover .pic{ box-shadow: 0 0 8px rgba(0,0,0,.3); }
.prob{ margin-bottom:25px; }
.proTitle3{ background:#9ebf65; border:0; padding:15px 30px; color:#fff; margin-bottom:1px; }
.proopanel .proR{ padding-top:0; }
.ponavb{ background:#eee; padding:0 30px; }
.ponav{ padding:7px 0 18px 0; }
.ponav a{ display:block; float:left; color:#5a5a5a; padding:4px 6px; line-height:20px; margin:0 6px; position:relative; }
.ponav .line{ position:absolute; left:0; right:0; height:2px; background:#9ebf65; display:block; bottom:0; transform:translateY(5px); -webkit-transform:translateY(5px); opacity:0; display:none\9; transition:300ms; -webkit-transition:300ms; }
.ponav .ico{ position:absolute; left:0; right:0; height:6px; background-image:url(../images/rr-poaw.png); bottom:-8px; display:none; }
.ponav a:hover .line,.ponav a.act .line{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; display:block\9; }
.ponav a.act .ico{ display:block; }
.ponav a:hover,.ponav a.act{ color:#9ebf65; }
.pronews a{ display:block; /*display: inline-block;*zoom: 1;*display: inline; vertical-align:middle;*/ color:#696868; line-height:30px; position:relative; }
.pronews .line{ display:block; width:0; height:1px; background:#9ebf65; bottom:0; position:absolute; left:0; transition:400ms; -webkit-transition:400ms; }
.pronews a:hover{ color:#9ebf65; }
.pronews a:hover .line{ width:100%; }
.pronews{ margin-top:25px; }
.poList a{ margin-bottom:20px; }
.pronewsb{ margin-top: 70px; }
.hotpros{ margin-top:48px; }
.promass{ padding-left:30px; padding-bottom:35px; }
.pmpics{ width:50%; float:left; }
.bigpic{ position:relative; }
.bigpic .imgs{ width:100%; position:absolute; left:0; top:0; }
.bigpic .imgs .pic{ position:absolute; top:0; left:0; }
.smallpic .bodr{ position:absolute; left:0; top:0; bottom:0; right:0; border:3px solid #fff; border-color:transparent; transition:300ms; -webkit-transition:300ms; }
.smallpic .bx-wrapper .bx-controls-direction a{ z-index:99; }
.smallpicb .bx-wrapper .bx-prev{ background:url(../images/rr-pdprev.png) no-repeat left center; left:-45px; }
.smallpicb .bx-wrapper .bx-next{ background:url(../images/rr-pdnext.png) no-repeat right center; right:-45px; }
.smallpicb .bx-wrapper .bx-prev:hover{ background-position:right center; }
.smallpicb .bx-wrapper .bx-next:hover{ background-position:left center; }
.smallpic .item{ cursor:pointer; }
.smallpic .item.act .bodr{ border:3px solid #9ebf65; }
.smallpicb{ margin-top:15px; }
.jqzoom { position: relative; padding: 0; }
.zoomdiv { z-index: 100; position: absolute; top:0 !important; right:-410px !important; left:auto !important; width: 400px !important; height: 373px !important; background: url(../images/bx_loader.gif) #fff no-repeat center center; border: 1px solid #9ebf65; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 200px !important; height: 200px !important; background: #9ebf65 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
.pmtxts{ width:45%; float:right; }
.pmtxts .ti{ font-size:30px; }
.pmtxts .tx{ line-height:24px !important; margin-top:7px; }
.pmtxts .price{ border:1px solid #7c7c7c; padding:25px 20px; line-height:24px; position:relative; margin-top:73px;  }
.pmtxts .price .num{ font-size:18px; color:#d50c0c; line-height:30px; white-space:nowrap; background:#fff; padding:0 30px 0 10px; position:absolute; top:-15px; left:20px; }
.pmtxts .price .num .q{  font-weight:bold; font-size:24px;  }
.pmqqs .sermore{ width:155px; height:45px; line-height:45px; float:left; margin-left:15px; background:#9ebf65; }
.pmqqs .sermore:first-child{ margin-left:0; }
.pmqqs .sermore .txx{ padding-left:55px; background:url(../images/rr-pmqq.png) no-repeat 20px center; }
.pmqqs .sermore .m1,.barLink .sermore .m1,.ixpoints .sermore .m1{ border-color: transparent transparent transparent #c70400; }
.pmqqs .sermore .m2,.barLink .sermore .m2,.ixpoints .sermore .m2{ border-color: transparent #c70400 transparent transparent; }
.pmtxts .pmqqs{ margin-top:55px; }
.pdti{ font-size:16px; color:#343434; background:#ddd; line-height:1.4; padding:11px 30px; }
.pdtxts .txb .ti{ font-size:16px; color:#9ebf65; border-bottom:1px solid #f6f6f6; padding:6px 0; margin-bottom:20px; }
.pdtxts .txts{ line-height:26px; padding:40px 0 35px 0; }
.pdtxts .txb{ margin-top:35px; }
.pdtxts img{ max-width:100%; }
/*pro end*/

/*index*/
.bar-arrow{ position:absolute; left:50%; margin-left:-640px; bottom:10px; z-index:99; overflow:hidden; }
.bar-arrow > div{ height:25px; line-height:25px; }
.bar-prev,.bar-next{ width:24px; float:left; cursor:pointer; }
.bar-prev{ background:url(../images/rr-barprev.png) no-repeat left center; }
.bar-next{ background:url(../images/rr-barnext.png) no-repeat right center; }
.apage{ float:left; padding:0 20px; color:#fff; font-family:Arial; }
.apage .cnum{ font-size:16px; color:#9ebf65; }
.bar-prev:hover{ background-position:right center; }
.bar-next:hover{ background-position:left center; }
.bannertxts{ position:absolute; left:0; right:0; z-index:99; top:40%; color:#fff; text-align:center; }
.bannertxts a{ color:#fff; }
.bannertxts a:hover{ color:#9ebf65; }
.bannertxts .tx1{ font-size:30px; line-height:1.4; background:url(../images/rr-barline.png) no-repeat center bottom; padding-bottom:25px; }
.bannertxts .tx2{ font-size:28px; line-height:1.1; font-family:"微软雅黑"; text-transform:uppercase; margin-top:33px;  }
.bannertxts .tx3{ text-transform:capitalize; line-height:1.1; font-family:"微软雅黑"; font-size:18px; margin-top:22px;  }
.bannertxts .txx{ text-shadow:0 0 1px rgba(0,0,0,.2); }
/*.bannertxts .txx{ text-shadow:0 0 1px rgba(0,0,0,.2); transform:translateY(60px); -webkit-transform:translateY(60px); opacity:0; }
.banner .slick-active .bannertxts .txx{ transition:700ms !important; -webkit-transition:700ms !important; transform:translate(0); -webkit-transform:translate(0); opacity:1; }
.banner .slick-active .bannertxts .tx1{ transition-delay:800ms; -webkit-transition-delay:800ms; }
.banner .slick-active .bannertxts .tx2{ transition-delay:900ms; -webkit-transition-delay:900ms; }
.banner .slick-active .bannertxts .tx3{ transition-delay:1000ms; -webkit-transition-delay:1000ms; }
*/
.barLink{ position:absolute; height:290px; top:55%; margin-top:-170px; right:-305px; width:330px; background:url(../images/rr-barbg.png); } 
.barLink .hLine{ position:absolute; top:0; height:100%; left:0; width:25px; background:#11623d; cursor:pointer; }
.barLink .hLine .ico{ background:url(../images/rr-baraw.png) no-repeat center center; }
.barLink .Con{ padding:25px 25px 0 50px; }
.barLink .Con .en{ color:#484848;  font-family:Arial; line-height:1.1; }
.barLink .Con .ch{ font-size:16px; line-height:1.4; white-space:nowrap; color:#484848; font-weight: bold}
.barLink .Con .tx{ line-height:20px !important; height:140px; margin-top:15px; font-size:14px; }
.barLink .sermore{ background:#11623d; margin-top:25px; }
.barLink .sermore .txx{ padding-left:5px; }
.ixTitle{ width:340px; margin:0 auto; text-align:center; }
.ixti{ width:202px; margin:0 auto; position:relative; }
.ixti .en{ line-height:1.1; font-size:16px; color:#c0c0c0; font-family: Arial; }
.ixti .ch{ color:#575757; font-size:24px; line-height:1.4; margin-top:2px; text-transform:capitalize; font-weight: bold}
.ixTitle .en2{ color:#c0c0c0; line-height:1.5; font-family:"微软雅黑"; margin-top:25px; font-size:14px; }
.ixti .line{ display:block; width:2px; height:100%; background:#11623d; position:absolute; top:0; }
.ixti .line_1{ left:0; }
.ixti .line_2{ right:0; }
.noMove.ixTitle .ixti .line{ height:0; transition:600ms; -webkit-transition:600ms; }
.noMove.show .ixti .line{ height:100%; }

@media (max-width: 1400px) {
	.barLink {
    position: absolute;
    height: 290px;
    top: 65%;
    margin-top: -170px;
    right: -305px;
    width: 330px;
    background: url(../images/rr-barbg.png);
}
	}

@media screen and (max-width:1600px){
.ser2 .fixbg { height: 520px; }
}
@media screen and (max-width:1440px){
/* pw */.pw{ width:1100px; }
.logo{ left:5%; }
.hctas{ right:5%; }
.nav li > a{ padding:8px 10px; }
.abnews{ height:370px; }
.abVideo{ height:370px; }
.abhohis .txts{ padding-top:20px; padding-bottom:20px; }
.abnews .pa{ padding-top:30px; }
.abnwList{ margin-top:30px; }
.ispa,.pnavb.pos{ padding: 0 5%; }
.fctas{ margin-left: 5%; }
.fnav1 { margin-left: 5%; }
.abcom{ margin-top:80px; }
.hctas .tools{ margin-left:10px; }
.abo1 .txts,.abo2 .txts,.abo3{ font-size:12px; line-height:25px; }
.abo1 .txts .tx1{ font-size:18px; margin-bottom:15%; }
.abhots a{ width:24%; margin-left:1%; }
.abhots{ margin-left:-1%; }
.hisTxts { margin-left:3%; margin-right:3%; }
.hisTxts .txts .pa{ min-height:400px; }
.hisTxts ul li { padding: 20px 0 15px 0; }
.hisTxts ul{ margin-top:0; }
.spenews .txts{ width:48%; height:290px; }
.spenews .pic{ width:50%; }
.spenews .txts .nowti{ font-size:26px; }
.newsList a { width: 29.33%; margin-left: 4%; }
.newsList{ margin-left: -4%; }
.show1 .freeTx{ margin-top:25px; }
.show1 .txts{ padding-top:0; }
.reportList a{ width:22%; margin-left:3%; }
.reportList{ margin-left:-3%; }
.caseList .txts .pa{ padding-top:40px; }
.casemore{ bottom:8px; }
.fc-arrow{ bottom:55px; }
.teamList a { width: 24%; margin-left: 1%; margin-bottom: 2%; }
.teamList{ margin-left:-1%; }
.cta1 .txb{ padding-top:10%; }
.serotxts .sermore { margin-top: 10%; }
.serotxts .txts .tx{ line-height:28px !important; margin-top:25px; }
.proR{ width:80%; }
.procaseb,.pronewsb { margin-top: 35%; }
.promass{ padding-left:0; }
.pmtxts .ti { font-size: 26px; }
.pmtxts .price{ margin-top:50px; }
.pmtxts .pmqqs { margin-top: 40px; }
.zoomdiv{ height:321px !important; }
.askList li { width: 22%; margin-left: 3%; }
.askList{ margin-left:-3%; }
.serhos li{ margin:0 35px; }
.idx_pros a{ width:275px; }
.idx_pros{ width:1104px; }
.ixpoints .picb .popic{ width:400px; margin-left:-200px; margin-top:-158px; }
.ixser .item { padding: 0 15px; }
.bar-arrow{ margin-left:-550px; }
.ixpoints .txts .pa{ padding-right:15px; }
}
@media screen and (max-width:1366px){
/* pw */.pw{ width:1000px; }
/*.ispa{ padding:0; }*/
.logo .lo2{ display:none; }
.logo{ position:static; float:left; margin-left:5%; margin-top:0; }
.nav{ float:left; margin-left:5%; }
/*.header{ padding:27px 0; }*/
.abtps li{ width:12.5%; }
.abctxts .pa { padding: 25px 20px 25px 20px; }
.abctxts .tx{ margin-top:20px; }
.abmore{ left:20px; right:20px; bottom: 20px; }
.abTitle .ch{ font-size:20px; }
.abTitle .en{ font-size:16px; }
.abhohis .txts { padding-top: 15px; padding-bottom: 15px; }
.abnews,.abVideo { height: 336px; }
.abnews .pa { padding: 25px 20px 0 20px; }
.abnwList a{ padding-bottom:12px; margin-top:12px; }
.footer .logo{ margin-left:0; }
.fctas { margin-left: 8%; }
.fnav1 { margin-left: 6%; }
.abhohis .txts{ padding-left:20px; padding-right:20px; }
.abo1 .txts{ width:42%; }
.abo1 .txts .tx1{ margin-bottom:12%; font-size:16px; }
.abo1 .txts, .abo2 .txts, .abo3{ line-height:24px; }
.hisTxts .txts .pa{ min-height:385px; }
.hisTxts .txts .year{ font-size:26px; }
.hisTxts ul li .ti{ font-size:16px; }
.hisTxts{ margin-left:0; margin-right:0; }
.abhisb{ width:900px; }
.spenews .txts{ height:260px; }
.spenews .txts .tx{ font-size:14px; line-height:25px !important; height:75px; }
.spenews .txts .nowti { font-size: 24px; }
.newsList a { width: 30.33%; margin-left: 3%; }
.newsList{ margin-left: -3%; }
.show1 .freeTx { font-size: 12px; line-height: 25px;  }
.designers .txts{ padding-right:10px; }
.swTitle .ch{ font-size:20px; }
.swotxts .txts{ padding-top:6%; }
.reportList a{ width:23%; margin-left:2%; }
.reportList{ margin-left:-2%; }
.caseList .txts .pa { padding-top: 25px; }
.caseList .txts .tx{ margin-top:15px; }
.caseList .txts .pa{ padding-right:10px; }
.caseList .txts { width: 210px; }
.pnav a{ width:165px; }
.casemore{ right:10px; }
.facetxts .pa{ padding-top:30px; }
.fc-arrow { bottom: 45px; }
.swttxts .txts { width: 85%; }
.swttxts .pa{ padding-left:0; }
.cta1 .txb .ti{ font-size:16px; }
.serotxts .txts .ti{ font-size:22px; }
.serotxts .txts .tx{ line-height:25px !important; }
.serotxts .sermore { margin-top: 8%; }
.sdList .txts{ padding-bottom:50px; }
.proR { width: 78%; }
.proList a { width: 31.83%; margin-left: 1.5%; }
.proList{ margin-left:-1.5%; }
.pmtxts .ti { font-size: 22px; }
.smallpicb{ width:272px; margin:0 auto; margin-top:15px; }
.pmtxts .price { padding: 20px 15px; }
.pmtxts .price{ margin-top:40px; }
.pmtxts .pmqqs { margin-top: 35px; }
.zoomdiv{ height:285px !important; }
.ser2 .fixbg { height: 420px; }
.sernav li{ width:178px; }
.serhos li{ margin:0 20px; }
.askList li { width: 23%; margin-left: 2%; }
.askList{ margin-left:-2%; }
.sertxts li { width: 860px; }
.askList .tx{ padding-left:0; padding-right:0; }
.rhoti { font-size: 24px; }
.bannertxts .tx2{ margin-top:25px; }
.bannertxts .tx3{ margin-top:15px; }
.bannertxts{ top:28%; }
.idx_pros a{ width:250px; }
.idx_pros{ width:1004px; }
.idx_pros .icob{ width:45%; }
.idx_pros .txts{ left:45%; width:45%; }
.idx_pros a:hover .txts{ padding-left:10%; }
.ixpro { width: 40%; }
.ixser .item { padding: 0 5px; }
.bar-arrow { margin-left: -500px; }
.ixTitle3 .csti{ margin-left:30px; }
}
@media screen and (max-width:1281px){
.nav{ margin-left:3%; }
.laCon{ width:50%; margin-left:-25%; }
}
@media screen and (max-width:1200px){
.header .hctas .tel-b{ display:none; }
.nav{ margin-left:5%; }
.barLink{ display:none; }
}
@media screen and (max-width:1024px){
/* video layer */.vwrap .videobox { width: 700px; margin-left: -350px; }/* video layer end */
/* fixbg */.fixbg{ background-attachment:scroll; }
/* pw */.pw{ width:100%; }	
/*menu-handler*/.menu-handler{ display:block; }
.nav{ display:none; }
.header{ height:60px; padding:0; }
.header .hctas{ display:none; }
.logo{ margin-left:5%; margin-top:10px; }
.logo .lo1{ width:128px;  }
.logo .lo2{ display:block; margin-top:10px; }
.mtop{ height:60px; }
.ispa,.pnavb.pos{ padding:0; }
.pnavb.pos{ top:60px; }
.abcpics .pic,.abhohis .pic{ height:336px; }
.abcpics .pic img,.abhohis .pic img{ display:none; }
.fnav{ display:none; }
.pbtxts{ padding-left:5%; }
.pnavb .pw{ width:100%; }
.pnav a{ width:16.66%; box-sizing:border-box; }
.pnav .txx2{ padding-left:15px; }
.abo1 .txts .tx1{ margin-bottom:25px; }
.abo1 .txts, .abo2 .txts, .abo3{ line-height:20px; }
/*.hisTxts .pic{ height:427px; }*/
.hisTxts .pic img{ display:none; }
.abhisb{ width:750px; }
.spenews .pic{ height:260px; }
.spenews .pic img{ display:none; }
.newsList a { width: 32.33%; margin-left: 1%; }
.newsList{ margin-left: -1%; }
.newsList .txts .nowti{ font-size:16px; }
.nwmore{ font-size:16px; }
.ndtxts{ width:90%; }
.show1 .pic{ height:333px; }
.show1 .txts { width: 50%; margin-right: 0; }
.designers .txts{ padding-left:0; padding-right:0; }
.laCon{ width:70%; margin-left:-35%; }
.swo1 .pa { padding: 0; }
.swfodots { width:90%; }
.caseList .pic{ height:255px; }
.caseList .pic img{ display:none; }
.fc-arrow { bottom: 25px; left:15px; }
.facetxts .pa { padding: 25px 15px 0 15px; }
.swttxts .txts { width: 90%; }
.cta1 .txb .ti { font-size: 15px; }
.cta1 .txb .tx{ font-size:12px; line-height:24px !important; }
.mab{ display:none; }
.serotxts .pic{ height:245px; }
.serotxts .txts .tx{ font-size:12px; }
.serotxts .txts .ti{ font-size:20px; }
.sdList li { width: 24%; margin-left: 1%; margin-bottom: 1%; }
.sdList .txts{ padding-left:15px; padding-right:15px; }
.proR { width: 76%; }
.proL { width: 175px; }
.smallpicb{ display:none; }
.bigpic .imgs{ position:relative; }
.bigpic .imgs .pic{ position:relative; display:block !important; }
.bigpic .pospic{ display:none; }
.pmpics { width: 60%; float:none; }
.bigpic .slick-dots{ bottom:10px; margin-top:0; position:absolute; left:0; right:0; }
.pmtxts { width: 100%; float: none; margin-top:30px; }
.sernav{ text-align:left; }
.sernav li{ width:20%; margin:0; padding:2px; box-sizing:border-box; text-align:center; }
.serhos{ margin-top:50px; text-align:left; }
.serhos li{ margin:0; width:20%; text-align:center; margin-bottom:20px; }
.ser1{ padding-bottom:50px; }
.sertxts li{ width:90%; }
.serpanel { padding-top: 50px; }
.serIntro{ font-size:20px; margin-bottom:40px; }
.asks{ width:100%; }
.idx_pros{ width:90%; box-sizing:border-box; }
.idx_pros a{ width:25%; box-sizing:border-box; height:130px; }
.idx_pros .txts .ch{ font-size:14px; }
.idx_pros .txts .en{ font-size:10px; }
.ixpro { width: 42%; }
.ixTitle3 .csti{ margin-top:6%; }
.ixpoints .txts{ width:40%; }
.ixpoints .picb{ width:60%; }
.ixpoints{ width:60%; }
.ixpoints .picb .popic { width: 320px; margin-left: -160px; margin-top: -127px; }
.ixser .item { padding: 0 15px; }
.ixser .slick-arrow{ z-index:99; }
.ixser .slick-prev{ left:30px; }
.ixser .slick-next{ right:30px; }
.bar-arrow{ display:none; }
}
@media screen and (max-width:861px){
/* video layer */.vwrap .videobox { width: 560px; margin-left: -298px; }/* video layer end*/
.vt{ display:none !important; }
.vt2{ display:block !important; }
.abtps li{ width:25%; margin-bottom:20px; }
.abctxts{ width:100%; position:static; }
.abcom{ padding:0; }
.abctxts .tx{ height:auto; }
.abmore{ position:relative; left:0; right:0; bottom:0; margin-top:30px; }
.abitr .txx{ width:100%; }
.abcom { margin-top: 30px; }
.abcpics .pic,.abhohis .pic{ height:auto; }
.abcpics .pic img,.abhohis .pic img{ display:block; }
.aball{ width:48%; margin-bottom:20px; }
.abnews{ width:100%; float:none; clear:left; height:auto;  }
.abnews .pa{ padding-bottom:25px; }
.aboutpanel,.abtpanel{ padding-bottom:20px; }
.fctas{ float:none; margin-left:0; margin-top:10px; }
.footer .logo{ float:none; }
.flink{ float:none; margin-top:10px; }
.footer .btm{ text-align:left; }
.pbtxts .ch{ font-size:24px; }
.abo1 .txts,.abo1 .pic,.abo2 .pic,.abo2 .txts{ width:100%; float:none; }
.abo1 .txts,.abo2 .txts,.abo3,.abo2{ margin-top:25px; }
.abo1 .txts, .abo2 .txts, .abo3{ line-height:25px; }
.abhots a{ width:48%; margin-left:2%; margin-bottom:2%; }
.abhots{ margin-left:-2%; }
.mcv{ display:block; background:#9ebf65; }
.pnavb{ position:relative; }
.pnav{ position:absolute; left:0; right:0; top:44px; z-index:800; background:rgba(158,191,101,.8); display:none;  }
.pnav a{ display:block; width:100%; border:none; background:none; }
.pnav .tree,.pnav .line,.pnav .txx2{ display:none !important; }
.pnav a:hover{ background:rgba(111,148,48,.8);}
.abtTxts{ width:100%; }
.honorList a { width: 46%; }
.honorList { margin-top: 50px; }
.fancybox-close{ top:-15px; right:15px; }
.fancybox-prev { left: 0; }
.fancybox-next{ right:0; }
.abhisb{ width:496px; }
.hisTxts .pic{ position:static; width:100%; height:auto; }
.hisTxts .pic img{ display:block; }
.hisTxts .txts{ width:100%; float:none; margin-top:25px; }
.hisTxts .txts .pa{ height:auto; border:1px solid #9ebf65; padding-bottom:30px; }
.hisTxts ul li .tx{ height:auto; }
.hisTxts{ padding:0 5%; }
.spenews .pic{ height:auto; float:none; width:100%; }
.spenews .pic img{ display:block; }
.spenews .txts{ height:auto; float:none; width:100%; margin-top:25px; }
.spenews .nwmore{ position:relative; margin-top:30px; }
.nwnav a{ width:23.5%; margin-right:2%; margin-bottom:2%; }
.nwnav a:nth-child(4n){ margin-right:0; }
.newsList a { width: 48%; margin-left: 2%; margin-bottom:2%;  }
.newsList{ margin-left:-2%; }
.spenews .txts .nowti{ margin-top:5px; }
.spenews .txts .tx{ margin-top:10px; }
.nw2,.nw3,.show1 { padding:0; }
.show1 .pic{ height:auto; width:47%; float:left; }
.show1 .pic img{ display:block; }
.show1 .txts{ width:100%; float:none; margin-top:25px; }
.showList { padding-bottom: 0; }
.show2,.show3 { padding-bottom: 40px; }
.designers li { width: 46%; margin-left: 4%; margin-bottom:4%; }
.designers{ margin-left:-4%; }
.laCon{ width:90%; margin-left:0; left:5%; }
.la-close{ right:0; top:-50px; }
.swotxts .txts { padding-top: 2%; }
.swotxts .txts .tx{ margin-top:5px; }
.reportList a{ width:31.333%; margin-left:2%; }
.reportList{ margin-left:-2%; }
.swfodots li{ width:25%; }
.serList li{ width:100%; margin-left:0; margin-bottom:2%; }
.serList{ margin-left:0; }
.caseList .txts{ width:100%; }
.caseList .txts .pa { padding-top: 40px; }
.facetxts{ position:relative; }
.faceShow{ background:none; padding-left:0; }
.facetxts{ background:#9ebf65; width:100%; }
.facetxts .pa{ padding-bottom:40px; padding-top:40px; }
.facepic{ margin-top:25px; }
.fc-arrow{ z-index:99; }
.swttxts .txts{ width:100%; float:none; }
.swttxts .pa{ padding-right:0; }
.swttxts .pics{ position:relative; top:0; margin-top:0; margin:0 auto; margin-top:40px; }
.swtpanel { padding-top: 50px; }
.cta1 .txts,.cta1 .pic{ width:100%; float:none; }
.cta1 .txb { padding-top: 40px; }
.cta1 .pic{ margin-top:25px; }
.cta1 .txb .tx{ margin-top:20px; }
.teamList a { width: 45%; margin-left: 5%; margin-bottom: 5%; }
.teamList{ margin-left:-5%; }
.teamDemo{ padding-bottom:0; }
.ctaoTitle{ padding-left:70px; }
.ctaopanel { padding-top: 50px; }
.serotxts .pic{ height:auto; width:100%; float:none; }
.serotxts .pic img{ display:block; }
.serotxts .txts{  width:100%; float:none; margin-top:25px; }
.serotxts .sermore{ margin-top:40px; }
.serotxts li { padding: 40px 0; }
.sdList li { width: 31.33%; margin-left: 2%; margin-bottom: 2%; }
.sdList{ margin-left: -2%; }
.sdtxts .txts .sermore{ position:relative; top:0; right:0; margin-top:25px; }
.sd1,.sd2{ padding-top:50px; }
.sdtcase .scA{ width:46%; margin-left:4%; margin-bottom:4%;  }
.sdtcase{ margin-left:-4%; }
.procaseb{ display:none; }
.proR,.proL{ width:100%; float:none; }
.propanel{ width:100% !important; padding:0; }
.proR{ width:90%; margin:0 auto; }
.pronavb{ border:0; position:relative; padding:0; }
.pronav{ padding:0 20px; position:absolute; top:44px; left:0; right:0; z-index:99; background:rgba(255,255,255,.9); display:none; }
.pronavb .mcv{ background:#ccc; }
.proR{ padding-top:40px; }
.proList{ margin-left:-2%; }
.proList a { width: 48%; margin-left: 2%; }
.pronewsb,.ponav .line{ display:none; }
.proopanel .proR{ margin-top:40px; }
.ponavb{ padding:0; background:none; }
.ponav .ico{ display:none !important; }
.ponav a{ width:15.83%; margin:0; margin-right:1%; margin-bottom:1%; padding:8px 0; text-align:center; background:#eee; }
.ponav a:nth-child(6n){ margin-right:0; }
.ponav a:hover,.ponav a.act{ background:#9ebf65; color:#fff; }
.ponav{ padding:0; }
.proTitle3{ margin-bottom:1%; }
.pmpics { width: 70%; }
.pdtxts .txts{ padding-bottom:0; }
.serhos li{ width:33.33%; }
.askList li { width: 45%; margin-left: 5%; }
.askList{ margin-left:-5%; }
.askList .tx{ height:48px; }
.askList { margin-top: 40px; }
.asks{ margin-top:20px; }
.ser3 { padding: 50px 0; }
.wordsb{ width:90%; }
.words .aip{ box-sizing:border-box; }
.words .c-input,.words .c-select{ width:32%; margin-left:2%; }
.words .s-textarea{ width:100%; }
.serIntro{ width:90%; margin:0 auto; margin-bottom: 40px; }
.words .c-select{  background-position:right center; background-origin:content-box; }
.words .c-select:focus{ background-position:right center; background-origin:content-box;  }
.idx_pros a{ width:50%; }
.idx_pros .txts{ width:40%; margin-right:15%; }
.ixcst { width: 100%; float: none; }
.ixpro,.ixpoints,.ixhonor{ width:100%; float:none; }
.ixhonor .bodr{ background-size:cover; }
.ixhonor{ margin-top:30px; }
.ixcase .txts{ width:100%; height:auto; position:static; }
.ix-arrow{ display:none; }
.about .row {
    margin-top:0;
}
}
@media screen and (max-width:760px){
.ixser .item{ padding:0 15px; }
}
@media screen and (max-width:641px){
/* video layer */.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px;  margin-top:-175px;}/* video layer end*/
.honorList a {width: 47%;margin-left:3%;}
.honorList{margin-left:-3%;}
.abtpanel,.abopanel{ padding-top:40px; }
.abhisb{ width:352px; }
.spenewsb{ padding:0; }
.spenews .txts .tx{ height:auto; }
.spenews .slick-dots{ font-size:0; text-align:center; margin-top:30px; }
.spenews .slick-dots li{ width:11px; height:11px; background:#ccc; border-radius:100%; margin:0 5px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; }
.spenews .slick-dots li a{ display:block; width:100%; height:100%; }
.spenews .slick-dots li.slick-active,.slick-dots li:hover{ background:#9ebf65; }
.ndtxts { padding: 50px 0 100px 0; }
.swotxts1 .txts,.swotxts1 .pic,.swotxts2 .txts,.swotxts2 .pic{ float:none; width:100%; }
.swotxts .pic{ margin-top:20px; }
.swotxts { margin-bottom: 40px; }
.swopanel{ padding-bottom:0; }
.swfo2 .fixbg { padding: 50px 0; }
.serList { margin-top: 40px; }
.swfopanel{ padding-top:50px; }
.swfodots li{ width:33.33%; }
.caseList a{ width:100%; float:none; margin-left:0; }
.caseList{ margin-left:0; }
.caseList .pic{ height:auto; }
.caseList .pic img{ display:block; }
.caseList .txts{ width:210px; }
.casepanel { padding: 50px 0 0 0; }
.caseList{ margin-top:40px; }
.fc-arrow{ bottom:15px; }
.swttxts .pa{ padding:50px 0; }
.jobList .jb,.jobList .jbmore{ padding-left:5%; padding-right:5%; }
.teamList a { width: 47%; margin-left: 3%; margin-bottom: 3%; }
.teamList{ margin-left:-3%; }
#map{ height:360px; }
.ctaoTitle .ch{ font-size:26px; }
.ctaoTitle .cLogo{ top:2px; }
.sdtxts .txts{ padding-left:0; padding-right:0; }
.sdList li { width: 48%;}
.sdt4{ padding-bottom:0; }
.proList{ margin-left:-1%; }
.proList a { width: 49%; margin-left: 1%; }
.ponav a{ width:19.2%; }
.ponav a:nth-child(6n){ margin-right:1%; }
.ponav a:nth-child(5n){ margin-right:0; }
.pmpics { width: 100%; }
.sernav li{ width:33.33%; }
.sernav .aw{ display:none; }
.askList .tx{ height:72px; }
.ser4 .fixbg { padding: 50px 0; }
.idx_pros{ margin-top:25px; }
.ixTitle3 .csti { margin-left: 25px; }
.ixpoints .txts,.ixpoints .picb{ width:100%; float:none; overflow:hidden; }
.ixpoints{ height:auto; }
.ixpoints .txts .pa{ padding:30px 15px; }
.ixpoints .sermore{ position:relative; }
.ixpoints .ixTitle2{ margin-bottom:25px; }
.ixpoints .picb .popic{ position:static; width:100%; margin:0;}
.ixpoints .picb .bodr{ height:auto; }
.ixser .txts .aw{ display:none; }
.bannertxts .tx1{ font-size:26px; }
.bannertxts .tx2{ font-size:18px; margin-top:10px; }
.bannertxts .tx3 { margin-top: 10px; }
.bannertxts { top: 30%; }
.banner .bx-wrapper .bx-pager{ bottom:0px; }
.pba-prev,.pba-next{ width:20px; height:37px; background-size:20px 37px; margin-top:-19px; }
footer{height:130px;}
}
@media screen and (max-width:581px){
.caseList .txts{ width:100%; }
.caseList .txts .pa { padding-top: 30px; }
.casemore{ padding:5px 0; }
.idx_pros .txts { width: 45%; margin-right: 10%; }
.ixser .item { padding: 0 5px; }
}
@media screen and (max-width:481px){
/* video layer */.vwrap .videobox { width: 300px; margin-left: -178px; height: 300px; margin-top:-150px; } /* video layer end*/
.menuBox .hctas .tools{ display:block; text-align:center; margin:0; font-size:0; margin-top:25px; }
.menuBox .hctas .tools a{ display:inline-block; vertical-align:middle; float:none; }
.logo .lo2{ display:none; }
.abtps li{ width:50%; }
.abVideo{ height:280px; }
.abhohis{ float:none; width:100%; margin-left:0; }
.ab3 .move { margin-left: 0; }
.abnews{ margin-left:0; }
.abitr .ti{ font-size:24px; }
.pbtxts .ch,.pbtxts .mark{ display:none; }
.pbtxts{ padding:10px 5%; }
.abhots a { width: 49%; margin-bottom: 1%; margin-left:1%; }
.abhots .pa{ padding:0;}
.abhots{ margin-left:-1%; }
.abo1 { padding-top: 30px; margin-top: 20px; }
.honorList { margin-top: 30px; }
.hisTxts{ padding:0; }
.hisTxts .txts .pa{ padding-left:15px; padding-right:15px; }
.abhisb{ width:244px; }
.abhis .dot{ width:98px; height:98px; }
.abhis .year{ font-size:20px; padding-top:34px; }
.newsList a{ width:100%; margin-left:0; }
.newsList{ margin:0; }
.spenews .txts .nowti { font-size: 18px; }
.nwnav a { width: 32%; }
.nwnav a:nth-child(4n){ margin-right:2%; }
.nwnav a:nth-child(3n){ margin-right:0; }
.ndTitle .ti{ font-size:20px; }
.ndTitle .share { margin-top: 25px; }
.backb .pw{ padding-top:70px; }
.designers li{ width:100%; margin-left:0; margin-bottom:4%; }
.designers{ margin-left:0; }
.designers .txts .tx{ height:auto; }
.showList .abhots .name{ font-size:14px;margin-bottom: 0; }
.swTitle{ padding-left:8px; }
.swTitle .en{ display:block; margin-left:0; line-height:1.1; }
.swTitle .mark{ display:none; }
.laCon .txts { padding: 20px 15px 25px 15px; }
.la-close{ width:36px; height:36px; top:-40px; }
.la-close .ico{ background-size:20px 20px; }
.showpics .slick-arrow{ width:36px; height:36px; margin-top:-18px; background-size:72px 36px; }
.showpics .slick-prev { left: 10px; }
.showpics .slick-next { right: 10px; }
.laCon .txts{ font-size:12px; }
.swoTitle .aw{ margin-left:10px; }
.swfodots li{ width:50%; margin:10px 0; }
.serList .pa { padding: 0 15px; }
.sertx,.serList .ti { font-size: 18px; }
.caseList .pic{ height:225px; }
.caseList .pic img{ display:none; }
.swttxts .pics{ width:100%; height:auto; overflow:hidden; }
.swttxts .pics li{ position:static; width:49%; margin-right:2%; margin-bottom:2%; float:left; }
.swttxts .pics li:nth-child(2n){ margin-right:0; }
.swttxts .pics .pic{ transform:rotate(0); -webkit-transform:rotate(0); }
.jobList .jb .sp3{ display:none; }
.jobList .jb .sp1,.jobList .jb .sp2{ width:42%; }
.teamList a { width: 100%; margin-left: 0; float:none; }
.teamList{ margin-left:0; }
.teamList .txts .txb{ padding-top:25%; }
.ctaoTitle{ display:block; padding-right:0; padding-left: 55px; }
.ctaoTitle .ch { font-size: 20px; }
.ctaoTitle .en { font-size: 14px; }
.ctaoTitle .cLogo{ width:46px; height:46px; }
#map{ height:320px; }
.seropanel{ padding-top:0; }
.sdList li { width:100%; margin-left:0; float:none; }
.sdList{ margin-left:0; }
.sdtcase .scA{ width:49%; margin-left:1%; margin-bottom:1%;  }
.sdtcase{ margin-left:-1%; }
.sdtcase .name{ font-size:14px; }
.sc-arrow{ right:0; }
.proList{ margin-left:0; }
.proList a { width: 100%; margin-left: 0; float:none; }
.ponav a{ width:24.25%; }
.ponav a:nth-child(5n){ margin-right:1%; }
.ponav a:nth-child(4n){ margin-right:0; }
.proTitle3{ padding-left:15px; padding-right:15px; }
.pmqqs .sermore{ width:140px; }
.pmqqs .sermore{ margin-left:5px; }
.pmtxts .price .num{ padding-right:15px; }
.pdtxts .txb { margin-top: 20px; }
.pmtxts .ti { font-size: 20px; }
.serIntro{ text-align:justify; font-size:16px; margin-bottom: 25px; }
.sernav li{ height:100px; font-size:14px; }
.sernav .ico{ margin-bottom:0; }
.sernav .txb { padding-top: 15px; }
.serhos li{ width:50%; }
.ser2 .fixbg { height: 320px; }
.asks,.look{ text-align:justify;  }
.askList li { width: 100%; margin-left: 0; float:none; margin-bottom:2%; }
.askList{ margin-left:0; }
.askList .tx{ height:auto;  padding:10px 0; }
.words .asi{ float:none; margin:0; margin-bottom:10px; }
.words .asi:nth-child(3n){ margin-bottom:0; }
.words .c-input, .words .c-select{ width:100%; }
.idx_pros a{ width:100%; float:none; }
.idx_pros .txts { width: 35%; margin-right: 20%; }
.ixTitle3 .csti .mark,.ixTitle3 .csti .en{ display:none; }
.ixTitle3 .csti .ch{ font-size:16px; }
.ixcst .pa { padding-left: 10%; }
.ixTitle3 .csti { margin-left: 10px; margin-top: 0; }
.ixcase .txts .pa{ padding-left:0; padding-right:0; }
.ixser .txts .aw{ display:block; }
.ixser .serA:hover .txts .txb{  padding-top:15%; }
.ixser .serA{ margin-bottom:2%; }
.ixpoints .picb .name{ bottom:10px; font-size:14px; }
.ixcase .txts .ti{ font-size:16px; }
.goods_read h1{ margin-top:15px;}
.block_name .block_line{
    margin: 0 auto;
    height: 1px;
    background: #ddd;
    width: 100%;
    display: block;
    overflow: hidden;
}
}
@media screen and (max-width:361px){
.ixTitle3 .csti { margin-left: 5px; }
}
@media screen and (max-width:321px){
/* video layer */.vwrap .videobox { width: 260px; margin-left: -158px; height: 260px; margin-top:-130px; }/* video layer end*/
.abVideo{ height:220px; }
.abhots{ margin:0; }
.abhots a{ width:100%; margin:0; margin-bottom:2%; }
.abhis .dot{ width:114px; height:114px; }
.abhis .year{ font-size:26px; padding-top:42px; }
.abhisb{ width:162px; }
.sertx,.serList .ti { font-size: 16px; }
.casemore { bottom: 0px; }
#map{ height:260px; }
.ponav a{ width:32.66%; }
.ponav a:nth-child(4n){ margin-right:1%; }
.ponav a:nth-child(3n){ margin-right:0; }
.serhos .name { font-size: 16px; }
.ixhonor .bodr{ padding-left:0; padding-right:0; }
.ixhonor .ixTitle2{ margin-right:20px; }
/*.bannertxts .tx3{ display:none; }*/
}
