@charset "UTF-8";


/* banner */
.banner {  width: 100%;  }
.banner .slick-hide {  display: none;}
.banner .slick-slider {  margin-bottom: 0;}
@media only all and (max-width: 320px) {  .banner .slick-slider { height: 150px !important;  }}
#slick-case img, #slick-client img, #slick-banner img {  width: 100%;  -webkit-filter: none;  filter: none;}
#slick-banner img { width: 100%;}

@media only all and (max-width: 320px) {.banner{ overflow:hidden;} #slick-banner img {  height: 150px !important; }}
@media only all and (max-width: 480px) { #slick-banner .big { display: none;  }}

#slick-banner .small {  width: 100%;  display: none;}

@media only all and (max-width: 480px) { #slick-banner .small { display: block;  }}

#slick-banner .slick-dots {  top: 98%;  left: 52%;  width: 270px;  margin-top: -34px;  margin-left: -135px;  position: absolute;  bottom: 0px;}

@media only all and (max-width: 480px) {#slick-banner .slick-dots {    top: 96% !important;  }}

#slick-banner .slick-dots li {  width: 8px;  height:8px; float:left;}
#slick-banner .slick-dots li button {  background-color: #ffffff;  width: 9px;  height: 9px;  padding: 0px;}
#slick-banner .slick-dots li button:before {  content: no-close-quote; height:9px; display:block;}
#slick-banner .slick-active button:before {  width: 9px;  height: 9px;  background-color: #FF0000; display:block;}





/*about*/
.about {  *zoom: 1; margin:0px auto; width:1100px; margin-top:5px;}
.about h2{text-align:center; background: url(../images/005.jpg) no-repeat center bottom; width:100%; height:50px;}
.about h2 a{  font-size:24px; color:#e23c41; line-height:40px;}
.about p{ line-height:24px; font-size:14px; margin-top:25px; text-align:center; color:#4c4c4c;}
.about p a{ display:block; width:63px; height:23px; margin:20px auto 0px auto; }
@media only all and (max-width: 870px){
.about { width:100%;}
.about h2{text-align:center; background: url(../images/005.jpg) no-repeat center bottom; width:100%; height:36px;}
.about h2 a{  font-size:18px; color:#e23c41; line-height:28px;}
.about p{ line-height:22px; font-size:13px; margin-top:5px; text-align:center; color:#4c4c4c; width:95%;}}

@media only all and (min-width: 871px) and (max-width: 1024px){
.about { width:95%;  }
.about h2{text-align:center; background: url(../images/005.jpg) no-repeat center bottom; width:100%; height:40px;}
.about h2 a{  font-size:20px; color:#e23c41; line-height:35px;}}

@media only all and (min-width: 1025px) and (max-width: 1200px){ 
.about { width:1000px;}

.about h2{text-align:center; background: url(../images/005.jpg) no-repeat center bottom; width:100%; height:40px;}
.about h2 a{ font-size:20px; color:#e23c41; line-height:35px;}}
.about p{ margin-top:15px; }


/*about*/
.in_img_link{ width:1100px; margin:40px auto 0px auto;}
.in_img_link li{ width:25%; float:left; text-align:center; padding-bottom:10px;}
.in_img_link li h3 a{ color:#e23c41; line-height:40px; font-size:14px;}
.in_img_link li p{ width:94%; color:#454545; text-align:center; line-height:20px; font-size:13px;}
@media only all and (max-width: 400px){.in_img_link li{ width:50%; } .in_img_link li h3 span{display: compact;}}
@media only all and (max-width: 600px){.in_img_link li h3 span{ display:none;}}
@media only all and (max-width: 870px){.in_img_link { width:100%;} .in_img_link li p{ display:none;}}
@media only all and (min-width: 871px) and (max-width: 1024px){ .in_img_link { width:95%; margin:margin:15px auto 0px auto;} .in_img_link li p{ display:none;}}
@media only all and (min-width: 1025px) and (max-width: 1200px){ .in_img_link { width:1000px; margin:margin:15px auto 0px auto;}}



/*in_prod*/
.in_prod{ background-color:#dddddd; width:100%; margin-top:50px; padding-top:25px; padding-bottom:25px;}
.in_prod h2{text-align:center; background: url(../images/007.jpg) no-repeat center bottom; width:100%; height:50px;}
.in_prod h2 a{  font-size:24px; color:#e23c41; line-height:50px;}






#teamcont{width:1200px; margin: 10px auto 0px auto; padding:0 auto; }

.partener{ margin-top:20px; width:25.5%; float:left; margin-left:4.2%; display:inline; background:#FFFFFF; overflow:hidden; padding:1.1%;}
.partener22{ width:100%;overflow:hidden;}

.partener_h { background:url(../images/uuu.png) no-repeat center center; position:absolute; width:306px; margin-top:0px; background-color:Black;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}
.partener:hover .partener_h{margin-top:0px; height:186px; -webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}






.partener img{ width:100%; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
.partener img:hover{width:100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
#teamcont #pichuan .partener{float:left;}
.pname{	padding:5px 0 10px 0; font-weight:bold; color:black; display:block;  text-align:center; font-size:16px; line-height:25px; padding-top:8px; font-weight:normal;  color:#474747; font-family:Arial, Helvetica, sans-serif, "Myriad Pro";}
.partener:hover .pname{ background-color:#687e00; display:block; z-index:999; position:relative; color:#fff;}
#teamcont .partener .row1{ background-color:#0000CC; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; -moz-border-radius:6px; -webkit-border-radius:6px;	border-radius:6px;	cursor:pointer;  -moz-box-shadow: 2px 2px 3px #cbcbcb;
 -webkit-box-shadow: 2px 2px 3px #cbcbcb;    box-shadow: 2px 2px 3px #cbcbcb;	 /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#939393')";  
/* For IE 5.5 - 7 */  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#939393');	}



@media only all and (max-width: 560px){.in_prod{ margin-top:10px;padding-top:10px;}#teamcont{width: 100%; margin: 20px auto 0px auto; padding:0 auto;} .in_prod h2 a{  font-size:18px; color:#e23c41; line-height:50px;} .partener{ margin-top:10px; width:42%; float:left; margin-left:5%; background:#fff;}.pname a{ color:#474747; font-weight:normal;font-size:14px;line-height:20px; }.partener_h {background:url(../images/uuu.png) no-repeat center center;position:absolute; width:42%; margin-top:0px; background-color:Black;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}.partener:hover .partener_h{margin-top:0px; height:135px; -webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}}


@media only all and (min-width: 561px) and (max-width: 870px){.in_prod{ margin-top:10px;padding-top:10px;}.in_prod h2 a{  font-size:18px; color:#e23c41; line-height:50px;}#teamcont{width: 100%; margin: 10px auto 0px auto; padding:0 auto;} .partener{ margin-top:20px; width:27.2%; float:left; margin-left:3%; background:#FFFFFF;}.pname a{ color:#474747; font-weight:normal;font-size:14px;line-height:22px; }.partener_h {background:url(../images/uuu.png) no-repeat center center;position:absolute; width:27.1%; margin-top:0px; background-color:Black;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}.partener:hover .partener_h{margin-top:0px; height:134px; -webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}}


@media only all and (min-width: 871px) and (max-width: 1024px){.in_prod{ margin-top:20px; padding-top:15px;} #teamcont{width:95%; margin: 20px auto 0px auto; padding:0 auto;}.partener_h {background:url(../images/uuu.png) no-repeat center center;position:absolute; width:24.2%; margin-top:0px; background-color:Black;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}.partener:hover .partener_h{margin-top:0px; height:160px; -webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}}


@media only all and (min-width: 1025px) and (max-width: 1200px){.in_prod{ margin-top:25px;  padding-top:20px;} #teamcont{width:1000px; margin: 20px auto 0px auto; padding:0 auto;}
.partener_h {background:url(../images/uuu.png) no-repeat center center; position:absolute; width:255px; margin-top:0px; background-color:Black;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}.partener:hover .partener_h{margin-top:0px; height:155px; -webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}}







.in_equ{ width:1100px; margin:30px auto 0px auto;}
.in_equ h2{text-align:center; background: url(../images/index_r12_c2.jpg) no-repeat center center; width:100%; height:50px;}
.in_equ h2 a{  font-size:22px; color:#627800; line-height:40px;}


#rymo{WIDTH:1100px; OVERFLOW: hidden; margin-top:15px;}
#rymo1{FLOAT:left;}
#rymo2{FLOAT:left;}
#inkemo{ WIDTH:935%; FLOAT:left;}
.zgg{ width:292px; margin-left:35px; float:left; display:inline;}
.zgg1 {padding:5px; border:1px solid #b5b5b5; overflow:hidden;}
.zgg1 img{  width:280px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;} 
.zgg1 img:hover{ width:280px;-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.zgg_name{ text-align:center; width:100%; margin:0px auto; line-height:28px; height:66px;}
.zgg_name a{ color:#454545;}

@media only all and (max-width: 300px){.in_equ{ margin-top:5px; padding-top:10px; width:100%;} .in_equ h2 a{  font-size:18px;  line-height:50px;} #rymo{WIDTH:92%; OVERFLOW: hidden; margin:15px auto 0px auto;}.zgg{ width:132px; margin-left:10px; float:left; display:inline;}.zgg1 {padding:5px; border:1px solid #b5b5b5; overflow:hidden;}.zgg1 img{  width:120px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;} .zgg1 img:hover{ width:120px;-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}}

@media only all and (min-width: 301px) and (max-width: 560px){.in_equ{ margin-top:5px; padding-top:10px; width:100%;} .in_equ h2 a{  font-size:18px;  line-height:50px;} #rymo{WIDTH:92%; OVERFLOW: hidden; margin:15px auto 0px auto;}
.zgg{ width:182px; margin-left:10px; float:left; display:inline;}.zgg1 {padding:5px; border:1px solid #b5b5b5; overflow:hidden;}.zgg1 img{  width:170px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;} .zgg1 img:hover{ width:170px;-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}}

@media only all and (min-width: 561px) and (max-width: 870px){.in_equ{ margin-top:10px; width:100%;} .in_equ h2 a{  font-size:18px;  line-height:50px;} #rymo{WIDTH:94%; OVERFLOW: hidden; margin:15px auto 0px auto;}.zgg{ width:192px; margin-left:20px; float:left; display:inline;}.zgg1 {padding:5px; border:1px solid #b5b5b5; overflow:hidden;}.zgg1 img{  width:180px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;} .zgg1 img:hover{ width:180px;-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}}
@media only all and (min-width: 871px) and (max-width: 1024px){.in_equ{ margin-top:20px;  width:95%;} #rymo{WIDTH:95%; OVERFLOW: hidden; margin:15px auto 0px auto;}.zgg{ width:222px; margin-left:20px; float:left; display:inline;}.zgg1 {padding:5px; border:1px solid #b5b5b5; overflow:hidden;}.zgg1 img{  width:210px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;} .zgg1 img:hover{ width:210px;-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);} }
@media only all and (min-width: 1025px) and (max-width: 1200px){.in_equ{ margin-top:25px;  width:1000px;} #rymo{WIDTH:990px; OVERFLOW: hidden; margin-top:15px;}.zgg{ width:242px; margin-left:20px; float:left; display:inline;}.zgg1 {padding:5px; border:1px solid #b5b5b5; overflow:hidden;}.zgg1 img{  width:230px; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;} .zgg1 img:hover{ width:230px;-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);} }






.main{ width:1100px; margin:0px auto; }

.in_culture{ width:56%; float:left; }
.in_culture h2{ background: url(../images/12124.jpg) no-repeat 75px center; width:100%; height:50px;}
.in_culture h2 a{  font-size:22px; color:#627800; line-height:40px;}
.in_culture p{ margin-top:13px; }

.in_culture p img{ float:left; margin-right:10px;  -webkit-filter: none;  filter: none;}
.in_culture p a{font-size:19px;  display:block; color:#333333;  font-family:Arial, Helvetica, sans-serif, "Myriad Pro"; line-height:30px;}
.in_culture p span{ font-family:Arial, Helvetica, sans-serif,; font-size:14px; line-height:20px; color:#454545;}
.culture_x{ display:none;}


.in_Technologies{ width:40%; float:right; }
.in_Technologies h2{ background: url(../images/12124.jpg) no-repeat 140px center; width:100%; height:50px;}
.in_Technologies h2 a{  font-size:22px; color:#627800; line-height:40px;}
.in_Technologies ul li{ width:100%; line-height:22px; margin-top:8px; font-family:Arial, Helvetica, sans-serif, "Myriad Pro"; font-size:14px; background:url(../images/index_r19_c19.jpg) no-repeat left 4px ; padding-left:25px; color:#454545;}

@media only all and (max-width: 430px){.main{ width:90%; margin:0px auto; }.in_culture h2 a{  font-size:18px;  line-height:50px;} .culture_d{ display:none;} .culture_x{ display:none;}.in_culture{ width:100%; float:left;  background: url(../images/4441.jpg) repeat-x 0px 50px;}.in_culture p{ margin-top:10px; width:100%; }.in_Technologies{ display:none; } .cul_p1{ padding-top:70px; background:url(../images/index_r16_c2-b.jpg) no-repeat top right; }.cul_p2{ padding-top:70px; background:url(../images/index_r18_c2-b.jpg) no-repeat top center; }.in_culture p a{ font-size:16px;}}
@media only all and (min-width: 431px) and (max-width: 560px){.main{ width:90%; margin:0px auto; }.in_culture h2 a{  font-size:18px;  line-height:50px;} .in_Technologies h2 a{  font-size:18px;  line-height:50px;} .culture_d{ display:none;} .culture_x{ display:block; width:165px;}.in_culture{ width:100%; float:left;  background: url(../images/4441.jpg) repeat-x 0px 50px;}.in_culture p{ margin-top:13px; width:100%;}.in_Technologies{ width:100%; float:right; margin-top:25px;}}
@media only all and (min-width: 561px) and (max-width: 870px){.main{ width:90%; margin:0px auto; }.in_culture h2 a{  font-size:18px;  line-height:50px;} .in_Technologies h2 a{  font-size:18px;  line-height:50px;} .culture_d{ display:none;} .culture_x{ display:block; width:165px;}.in_culture{ width:100%; float:left;  background: url(../images/4441.jpg) repeat-x 0px 40px;}.in_culture p{ margin-top:13px; width:100%;}.in_Technologies{ width:100%; float:right; margin-top:25px;}}
@media only all and (min-width: 871px) and (max-width: 1024px){.main{ width:90%; margin:0px auto; } .culture_d{ display:none;} .culture_x{ display:block; width:165px;}}
@media only all and (min-width: 1025px) and (max-width: 1200px){.main{ width:1000px; margin:0px auto; } .culture_d{ display:none;} .culture_x{ display:block; width:165px;} }




.main2{ width:1100px; background:url(../images/index_r22_c2111.jpg) no-repeat center top; margin:35px auto 0px auto; padding-top:30px; text-align:center; }
.main2002{ display:none;}
@media only all and (min-width: 0px)and (max-width: 560px){.main2{display:none;} .main2001{ display:none;}}
@media only all and (min-width: 561px) and (max-width: 870px){.main2{width:95%; text-align:center} .main2002{ display: block; width:525px; margin:0px auto;} .main2001{ display:none;}}
@media only all and (min-width: 871px) and (max-width: 1024px){.main2{width:95%;}}
@media only all and (min-width: 1025px) and (max-width: 1200px){.main2{width:1000px;}}



















/* 320- 针对彩色屏幕设备 */
@media only screen and (max-width: 320px) {

body {  background-color:#fff;  } 

/*320- 各种碎  暂时用不到*/

.container { width: 230px !important;  }  .case .container, .client .container, .about .container, .footer .container {   width: 280px !important;  } 
/* 320-里导航 */
.navbar-contact, .navbar-nav {display: none;  }  

/* 320-banner */
#slick-banner img { height: 120px; }  
.slick-dots{ height:20px; }
#slick-banner .slick-dots { margin-top:-14px;  margin-left:-50px; }
#slick-banner .slick-dots li { width: 14px;  height: 3px;    margin: 15px 3px 0px 3px;  }
#slick-banner .slick-dots li button {    background-color: #E5E5E5;    width: 14px;    height: 3px;    padding: 0px;  }
#slick-banner .slick-dots li button:before { content: no-close-quote;  }
#slick-banner .slick-active button:before { width: 14px; height: 3px; background-color: #E83828; }




/*320- 不知道是什么  暂时用不到*/
.footer-nav {    float: none;    margin-bottom: 18px;  }
.footer-top p { display: none; }
.footer-top span { display: block;}
.contact { float: none; font-size: 75%;   width: 230px; }
.footer-nav-title { font-size: 15px; }
.footer-nav-inner-list { display: none; }
.footer-nav-list { margin-bottom: 30px; }
.footer-nav-list li { margin-bottom: 8px;  }
.footer-nav-list li a { color: #ABABAB; }}




/*321-520  - 针对彩色屏幕设备*/
@media only screen and (min-width: 321px) and (max-width: 520px) {
body {background-color: #fff; }



/*321-520- 导航*/
.navbar-contact,  
.navbar-nav { display: none;  }




/*321-520- banner  */
#slick-banner .slick-dots {margin-top: -5px;  margin-left:-120px; }
#slick-banner .slick-dots li {  width: 14px;   height: 3px;   margin: 15px 3px 0px 3px; }
#slick-banner .slick-dots li button {  background-color: #E5E5E5;  width: 14px;   height: 3px; padding: 0px; }
#slick-banner .slick-dots li button:before { content: no-close-quote; }
#slick-banner .slick-active button:before {  width: 14px; height: 3px; background-color: #E83828; }













/*321-520- 针对彩色屏幕设备*/
@media only screen and (min-width: 521px) and (max-width: 740px) {
body { background-color: #fff;  }
  .container { width: 460px !important;  }


  .navbar-contact,  .navbar-nav {    display: none;  }


  #slick-banner .slick-dots {    margin-top: -18px;    margin-left: -100px;  }

  .contact {
    float: none;
  }

  /* line 416, ../sass/_index-screen.scss */
  .footer-nav-title {
    font-size: 14px;
  }

  /* line 419, ../sass/_index-screen.scss */
  .footer-nav-inner-list {
    display: none;
  }
}
@media only screen and (min-width: 741px) and (max-width: 870px) { 

  /*nav*/
  /* line 432, ../sass/_index-screen.scss */
  .navbar-contact,
  .navbar-nav {
    display: none;
  }

  


}
@media only screen and (min-width: 871px) and (max-width: 1024px) {


  /* line 523, ../sass/_index-screen.scss */
  .container {
    width: 851px !important;
  }

  /*nav*/
  /* line 529, ../sass/_index-screen.scss */
  .navbar-contact,
  .navbar-nav {
    display: none;
  }



}





@media only screen and (min-width: 1025px) and (max-width: 1440px) {

















}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {

 
  .menu,  .nav-mobile-inner {
    display: none;
  }


 
}
@media only screen and (min-width: 1921px) and (max-width: 99999999px) {
  /* line 744, ../sass/_index-screen.scss */
  .container {
    width: 1024px;
  }


}
@media only all and (max-width: 768px) {

}


@media only all and (max-width: 480px) {

  #slick-banner .slick-dots {
    margin-top: -5px;
  }
}
@media only all and (max-width: 768px) {

  #slick-banner .slick-dots {
    margin-top: -15px;
  }
}

@media only all and (max-width: 1024px) {

  #slick-banner .slick-dots {
    margin-top: -28px;
  }
}


/* line 359, ../sass/master.index.scss */
.slick-slide a {
  display: block;
}