@media (min-width: 1200px) {
  .container {
    width: 360px;
  }
}

a { color: #000000; text-decoration: none;}
a:hover { text-decoration: none;}
li{ list-style-type:none;}
body{  color:#666; font-family:Arial, Helvetica, sans-serif;}

.navbar {
    position: relative;
    margin-bottom: 0px;
    border-bottom: 0px solid #BEBCBC;
}
.navbar-brand {
   margin-top:0px;
   padding:0px;
}
.navbar-inverse {
   background:url("../images/bg_head.jpg")/*tpa=http://www.caep-loti.com/m/images/bg_head.jpg*/ repeat-x;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #464646;
	background-color:#fff;
}


.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-bottom: 8px;
	margin-top:30px;
    background-color: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.juzhong{ margin:0 auto;}
/************************ 首页 more *************************/
.nore{ width:80%; height:46px; line-height:46px; margin:20px auto 40px; font-size:14px;}
.nore a{ width:100%; height:46px; display:block; background:#bbcd2d; color:#fff; border-radius:16px; transition: all 500ms ease-in 0ms; border:1px solid transparent; text-align:center;}
.nore a:hover{ border:1px solid #bbcd2d; background:#fff; color:#bbcd2d;}
.b_b{ border-bottom:1px solid #999;}

/************************ 首页 系列 *************************/

.pro_li{ width:46%; margin:10px 2%; float:left;}
.case_box{position:relative;}   
.case_hover {
    background:rgba( 58, 129, 196,0.83);
	width:100%;
    height:100%;
	position: absolute;
    top:0px;
}
.case_tit{ font-size:20px; color:#fff; text-align:center; width:80%; margin:10% auto 0;}
.case_x{ background:url("../images/bg1.png")/*tpa=http://www.caep-loti.com/m/images/bg1.png*/ no-repeat center; width:50px; height:50px; margin:10px auto 0;}


/************************ 首页要闻 *************************/

.i_yw{ width:100%; height:56px; line-height:56px; background:#fff;}
.i_yw .one{ width:18%; background:#203878; color:#fff; font-size:20px; text-align:center; float:left;}
.i_yw .two1{ width:12%; color:#203878; text-align:center; float:left;}
.i_yw .two2{ width:55%; color:#7d7c7d; float:left; height:56px; overflow:hidden;}
.i_yw .three{ width:12%; background:#f97e10; float:right; font-family:"宋体";}


/******************首页news css***************/

.inews{ overflow:hidden; padding:0 3% 30px; width: 94%; margin: 0 auto;}
.inewstype{ text-align:center; font-size:14px; height:78px; line-height:78px; margin-bottom:30px; font-size:22px;}
.inewstype a{ border:1px solid #4c4c4c; border-radius:3px; color:#4c4c4c; display:block;}
.inewstype a:hover{ border:1px solid #203878; color:#fff; background:#203878;}
.inewstype.hover a{ border:1px solid #203878; color:#fff; background:#203878;}
.inews a .tit{ height:52px; line-height:52px; text-align:center; display:block; background:#8d0200; color:#fff; font-size:18px; overflow:hidden; margin-bottom:16px;}

.inews li{ height:52px; line-height:52px; margin-bottom:8px;}	
.inews li a{ height:52px; display:block; background:#f9f9f9; color:#595757;}	
.inews li a .in_xh{ background:#989898; width:14%; text-align:center; font-size:30px; color:#fff; font-family:Arial, Helvetica, sans-serif; float:left;}
.inews li a:hover .in_xh{ background:#e18904;}
.inews li a .in_time{ width:30%; text-align:center; font-size:16px; color:#9e9f9f; font-family:Arial, Helvetica, sans-serif; float:right;}
.inews li a .in_cont{ width:50%; margin-left:5%; font-size:16px; color:#595757; float:left; overflow:hidden; height:52px;}


/******************首页专家论坛 css***************/

.i_forum{ overflow:hidden; padding:0 3% 30px; width:100%; background:#e8e9e9;}
.i_forum li{ width:31%; margin:0 1%; float:left;}



/************************ 首页 主营业务 **************************/

.i_business{ overflow:hidden; background:#dedede; padding-bottom:30px;}
.i_business li { float:left; display:inline; height:auto; overflow:hidden;}
.i_business li a .tit{ height:46px; line-height:46px; text-align:center; display:block; background-color:#fff; color:#e18904; font-size:18px;}
.i_business li a:hover .tit{  background-color:#e18904; color:#fff;}
.i_business li a .bott{ height:4px; background-color:#e18904;}


/************************ 首页 技术产品 **************************/

.iabout{ overflow:hidden; background:url("../images/bg_01.jpg")/*tpa=http://www.caep-loti.com/m/images/bg_01.jpg*/ repeat; padding-bottom:30px;}
	
    .img-scrol2 { position:relative; width:100%; height:auto; overflow:hidden;}
    .img-scrol2 .prev,.img-scrol2 .next { position:absolute; display:block; width:10%; top:0; z-index:99; height:300px;}
    .img-scrol2 .prev { left:0; margin-left:0px; background:url("../images/left_1.png")/*tpa=http://www.caep-loti.com/m/images/left_1.png*/ no-repeat center;}
    .img-scrol2 .next { right:0; margin-right:0px; background:url("../images/right_1.png")/*tpa=http://www.caep-loti.com/m/images/right_1.png*/ no-repeat center;}
    .img-scrol2 .img-list { position:relative; width:504px; height:auto; overflow:hidden; margin:0 auto;}
    .img-scrol2 .img-list ul { width:9999px; padding-left:0px;}
    .img-scrol2 .img-list li { float:left; display:inline; height:auto; overflow:hidden; width:240px; margin-right:24px;}
	.img-scrol2 .img-list li a .tit{ height:44px; line-height:44px; text-align:center; display:block;  color:#e18904; font-size:18px; background:#fff;}
	.img-scrol2 .img-list li a:hover .tit{  background-color:#e18904; color:#fff;}
	.img-scrol2 .img-list li a .bott{ height:4px; background-color:#e18904;}
	
	
	
/************************ 首页 研发外包案例 **************************/	

.i_case{ overflow:hidden; padding:0 20px 30px; width:100%;}	
.case{ width:600px; height:150px; overflow:hidden; margin-bottom:12px;}
.case a{ width:600px; height:150px; padding:5px; display:block; background:#f7f8f8;}
.case a .pic{ width:210px; height:140px; float:left; margin-right:35px; background:#fff; text-align:center; overflow:hidden;}
.case a .cont{ width:340px; float:left;}
.case a .tit1{ width:100%; height:22px; color:#808080; overflow:hidden; line-height:22px; float:left; margin-top:15px;}
.case a .tit{ width:100%; height:30px; color:#595757; overflow:hidden; line-height:30px; float:left; font-size:16px; margin-bottom:15px;}
.case a .more{ width:106px; height:32px; line-height:32px; text-align:center; color:#fff; background:#203878; float:left;}
.case a:hover{ background:#203878;}
.case a:hover .tit1{ color:#fff; }
.case a:hover .tit{ color:#fff; }
.case a:hover .more{ color:#203878;background:#fff;}



/************************ 首页 底部版权 *************************/

.db{ width:100%; height:auto; padding:16px 0; overflow:hidden; background:#f7f8f8; position: relative; margin-bottom:75px;}
.dbbq{ width:602px; height:auto; margin:0 auto; font-size:12px; color:#231815;}
.tzmenu{ width:602px; height:51px; line-height:51px; color:#d1d1d1;margin-top:20px; background:url("../images/link.jpg")/*tpa=http://www.caep-loti.com/m/images/link.jpg*/ no-repeat center; border:0 none; font-size:16px; padding-left:195px; appearance:none;   
  -moz-appearance:none;   
  -webkit-appearance:none; }


/************    内页banner  and  栏目   *************/



.biaoti{ overflow:hidden; height:56px; line-height:56px; background:#fff;}
.biaoti .left{ width:50px; float:left; background:url("../images/a_01.jpg")/*tpa=http://www.caep-loti.com/m/images/a_01.jpg*/ no-repeat center;}
.biaoti .center{ width:auto; float:left; color:#203878; font-size:20px; padding-left:20px;}
.biaoti .right{ width:auto; float:right; margin-right:20px; color:#898989; background:url("../images/home.jpg")/*tpa=http://www.caep-loti.com/m/images/home.jpg*/ no-repeat center left; padding-left:25px;}
.biaoti .right a{ color:#898989;}



.class{ width:100%; margin:45px auto 18px; overflow:hidden;}
.class li{ width:50%; height:56px; line-height:56px; float:left; font-size:20px; text-align:center; margin-bottom:15px;}
.class li a{ width:100%; height:56px; display:block; color:#848484; background:#fff;transition: all 300ms ease-in 0ms; border-right:1px solid #f0f0f1;}
.class li a:hover{ color:#fff; background:#203878;}
.class li.hover a{ color:#fff; background:#203878;}


.class2{ width:100%; margin:0px auto 18px; overflow:hidden;}
.class2 li{ width:25%; height:45px; line-height:45px; float:left; font-size:16px; text-align:center; margin-bottom:15px;}
.class2 li a{ width:100%; height:45px; display:block; color:#848484; background:#fff;transition: all 300ms ease-in 0ms; border-right:1px solid #f0f0f1;}
.class2 li a:hover{ color:#fff; background:#203878;}
.class2 li.hover a{ color:#fff; background:#203878;}




.abcd{ height:auto; margin:0 auto 95px; background:#fff; border:1px solid #f0f0f1; padding:20px 0px; line-height:28px; color:#727171; overflow:hidden; width:100%;}





.class1{ width:96%; height:auto; margin:0 auto; padding-bottom:20px; padding-top:20px; overflow:hidden; position:relative; z-index:3;}
.class1 li{ width:100%; height:30px; line-height:30px; float:left; font-size:14px; text-align:center; margin-bottom:5px;}
.class1 li a{ width:100%; height:30px; display:block; color:#999; background:rgba(187,205,45,0.5);transition: all 300ms ease-in 0ms; border-radius:8px;}
.class1 li a:hover{color:#fff; background:#bdcd33;}
.class1 li.hover a{color:#fff; background:#bdcd33;}




/*****************合作平台 css***************/


.platform{ width:250px; height:auto; overflow:hidden; float:left; margin:10px;}
.platform a{ width:250px; display:block;}
.platform-top{ width:100%; height:50px; line-height:50px; float:left; color:#fff; background:#203878; font-size:16px; text-align:center; border-radius:10px 10px 0 0;}
.platform-cont{ width:250px; height:260px; border:1px solid #d9d9d9; float:left;}
.platform-cont .tit{ width:208px; overflow:hidden; margin:20px; height:48px; line-height:24px; font-size:14px; float:left;}
.platform-cont .pic{ width:100%; height:192px; float:left;}
.platform-cont .img{ width:208px; height:192px;}


/*******   feedback   ******/
.feedback{ width:590px; height:auto; color:#727171; font-size:14px; line-height:28px;}
.feedback .title{ width:100%; height:84px; line-height:84px; color:#15499a; font-size:52px; text-align:center; font-weight:bold;}
.feedback .title1{ text-transform:uppercase; width:100%; height:54px; line-height:54px; color:#c8d3e3; font-size:42px; margin-bottom:20px; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.form-controls {
  display: block;
  width: 513px;
  padding-left:10px;
  height: 68px;
  float:left;
  font-size: 14px;
  line-height:68px;
  color: #a9a9a9;
  vertical-align: middle;
  background-color: #fff;  
  background-image: none;
  border-radius: 0px;
  border:1px solid #d2d2d2;
  margin-bottom:25px;

/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}

.form-controls:focus {
  border-color:#e0e5ec;  
  outline: 0;
  background:#fff;
 -webkit-box-shadow: inset 0 1px 1px rgba(200, 211, 227, 0.075), 0 0 8px rgba(200, 211, 227, 1);
          box-shadow: inset 0 1px 1px rgba(200, 211, 227, 0.075), 0 0 8px rgba(200, 211, 227, 1);
}
.form-controls1 {
  display: block;
  width: 513px;
  padding-left:10px;
  height: 68px;
  float:left;
  font-size: 14px;
  line-height:68px;
  color: #a9a9a9;
  vertical-align: middle;
  background-color: #fff;  
  background-image: none;
  border-radius: 0px;
  border:1px solid #d2d2d2;
  margin-bottom:25px;

/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}
.form-controls1:focus {
  border-color:#e0e5ec;  
  outline: 0;
  background:#fff;
 -webkit-box-shadow: inset 0 1px 1px rgba(200, 211, 227, 0.075), 0 0 8px rgba(200, 211, 227, 1);
          box-shadow: inset 0 1px 1px rgba(200, 211, 227, 0.075), 0 0 8px rgba(200, 211, 227, 1);
}

.form-controls3 {
  display: block;
  width: 513px;
  padding-left:10px;
  float:left;
  font-size: 14px;
  color: #a9a9a9;
  vertical-align: middle;
  background-color: #fff;  
  background-image: none;
  border:1px solid #d2d2d2;
  border-radius: 0px;
  line-height:32px;
  margin-bottom:30px;

/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}

.form-controls3:focus {
  border-color:#e0e5ec;  
  outline: 0;
  background:#fff;
 -webkit-box-shadow: inset 0 1px 1px rgba(200, 211, 227, 0.075), 0 0 8px rgba(200, 211, 227, 1);
          box-shadow: inset 0 1px 1px rgba(200, 211, 227, 0.075), 0 0 8px rgba(200, 211, 227, 1);
}

.botton{ width:150px; height:34px; line-height:34px; background:#035c9e; color:#fff; border:0px none; float:right; margin-right:20px;}


/*****************产品内页 css***************/


.productsd{ width: 90%;
height: auto;
overflow: hidden;
margin: 0 auto;}

.productsd .first{ width:100%; height:auto; overflow:hidden; float:left; }
.productsd .picurl{ width:100%; height:auto; margin:0 auto 10px;}
.productsd .smallpic{ width:100%; height:auto;}
.productsd .smallpic a{ display:block; width:100%; height:auto; padding:0;}
.productsd .smallpic a img{ width:100%; height:auto; padding:0; margin:0; border:0px none;}
	
	.img-scroll2 { position:relative; width:350px;}
    .img-scroll2 .prev2,.img-scroll2 .next2 { position:absolute; display:block; width:14px; height:30px; top:15px;}
    .img-scroll2 .prev2 { left:0; margin-left:0px; background:url("../images/pod_left.png")/*tpa=http://www.caep-loti.com/m/images/pod_left.png*/ no-repeat; width:14px; height:30px;}
    .img-scroll2 .next2 { right:0; margin-right:0px; background:url("../images/pod_right.png")/*tpa=http://www.caep-loti.com/m/images/pod_right.png*/ no-repeat; width:14px; height:30px;}
	.img-scroll2 .prev2:hover { left:0; background:url("../images/pod_left.png")/*tpa=http://www.caep-loti.com/m/images/pod_left.png*/ no-repeat; width:14px; height:30px;}
	.img-scroll2 .next2:hover { right:0; background:url("../images/pod_right.png")/*tpa=http://www.caep-loti.com/m/images/pod_right.png*/ no-repeat; width:14px; height:30px;}
    .img-list2 { position:relative; width:195px; height:auto; overflow:hidden; margin:0 auto;}
    .img-list2 ul { width:9999px;}
    .img-list2 li { float:left; display:inline; margin-right:13px; width:56px; height:56px;}
	.img-list2 li a { width:52px; height:52px; border:2px solid #e7e7e7; display:block;}
	.img-list2 li a:hover {border:2px solid #ec7953;}
	.img-list2 li.hover a{border:2px solid #ec7953;}


.productsd .two{ width:100%; height:auto; float:left; margin-left:25px;}
.two .tit{ font-size:16px; color:#565656; font-weight:bold; line-height:38px;}
.two .memo{ color:#6d6d6d; line-height:24px;}
.productsd .three{ width:100%; height:auto; margin-top:20px; text-align:left;}
.productsd .three dl{}
.productsd .three dl dt{ border-bottom:1px solid #CCC;}
.productsd .three dl dt span{ float:left; width:80px; height:30px; line-height:30px; text-align:center; background:#F60; color:#FFF; display:block;}
.productsd .three dl dd{ padding:10px 0px;}
.productsd .three img{ max-width:100%; margin:5px auto; text-align:center !important;}





.news{ width:100%; overflow:hidden; padding:2%; background:#fff; margin-bottom:10px;}
.news a{ display:block; background:#fff;}
.news a .pic{ width:25%; float:left; margin-right:3%;}
.news a .cont{ width:70%; float:left; color:#717071;}
.news a .tit{ width:100%; height:22px; color:#717071; font-size:14px; overflow:hidden; line-height:22px; margin-bottom:10px; float:left;}
.news a .time{ width:100%; height:20px; color:#717071; font-size:12px; overflow:hidden; line-height:20px; float:left;}
.news a .more{ width:25%; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; background:#f97e10; border-radius:5px; float:right;}
.news a:hover .tit{ color:#f97e10;}




/* 固定底 */

.fygnav {
    padding: 0px;
	height:75px; background:url("../images/fygnav.jpg")/*tpa=http://www.caep-loti.com/m/images/fygnav.jpg*/ repeat-x;
}
.fygnav ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.fygnav li {
    width: 25%; height:75px;
    text-align: center;
	border-right: 1px solid #fff; border-left:#fff;
    float: left;	
}
.fygnav li a { color:#FFFFFF; padding-top:20px; display:block;}

.bottom {
    margin-bottom: 35px;
}

#mcover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px;
    height: 180px;
    z-index: 20001;
}

#mcover {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
    display: none;
	z-index:9999;
	}

.pager{ clear:both; padding:20px 0px; font-size:14px; text-align:center; }
.pager a{ padding:2px 6px; border:1px solid #bfbfbf; margin:3px; text-decoration:none; border-radius:2px;}
.pager SPAN{ padding:2px 6px; border:1px solid #bfbfbf; margin:3px; text-decoration:none; border-radius:2px;}
.pager a:hover{ border:#000;}
.pager span.current{ border:#000; font-weight:bold; border-radius:2px;}