/*
	Crystal Template 
	
*/
html{
	overflow-x:hidden;
}
body
  {
    background: #f1f1f1;
    color: #555555;
    font-family:"微软雅黑";
	line-height: 24px;
    position: relative;
  }
a{
	text-decoration: none !important;
}
ul li{
	list-style: none;
}  
i, b {
    font-weight: normal;
    font-style: normal;
}
 ul{ list-style:none;}
#menu ul li ul li{padding: 0;margin:0;}
#menu{ margin:0 auto;}
#menu>ul{width:100%;display:table;border:1px solid #eee;margin:15px 0;position:relative;}
#menu ul li{ float:left; text-align:center; position:relative;}
#menu a{text-decoration:none; color:#2e2e2e; display:block; padding:10px 20px;font-size: 14px;}
 #menu a:hover{ color:#FFF; background-color:rgba(45,100,203,.5);}
 #menu ul li ul li{ float:none; border-left:none; margin-top:2px;}
 #menu ul li ul li a{ text-decoration:none; color:#2e2e2e; display:block; width:150px; padding:8px 0px 8px; font-size: 14px;border-top:1px solid #aaa;}
 #menu ul li ul{ padding:0;width:150px; position:absolute; left:0px; top:45px;z-index:9;background-color:rgba(255,255,255,.99);
	            transition:all 0.4s;opacity: 0;transform:scale(1,0);transform-origin:0 0;}
 #menu ul li:hover ul{opacity: 1;transform:scale(1,1);}
.clearfix{clear:both;}
.sanji {
	display:none;position:absolute !important;top:-2px !important;left:150px !important;
	
}

.erji:hover ul {
transition:.4s all;
display:block;
	opacity: 1 !important;
}
.red_title {
	color:#cc0000;
	font-weight:600;
	font-size: 16px;
}

.show img{
max-width:100% !important;
height:auto !important;
}


.cy_product{
	padding:2em;
}

.qiyewenhua{
	color:#fff;
	font-size: 20px;
	line-height:2em;
	text-shadow: 0px 2px 3px #4D4D4D;
	
}

.location{
	width:100%;
	height:44px;
	background: rgba(0,0,0,.2);
	position: absolute;
	bottom: 0;
	padding-left:5em;
	
}
.location h4{
	color:#fff;
}
.blue {
	color: #06C;
}

.green {
	color: #090;
}

.orange {
	color: #C60;
}

.white {
	color: #FFF;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

/* sqy20180104 */
.fl{float:left;}
.fr{float:right;}
.menu-rt{position:absolute;right:0;top:-10px;font-size:12px;}
.hmtit h4{color:#004098;margin:0}
.hmtit{padding:0 0 18px;background:url(../images/lxian2.jpg) repeat-x bottom;}
.hmabout,.hmnews,.hmvedio,.hmvediodes{margin:30px 0 0;}
.hmvedio{margin:30px 0 30px}
.hmabout-des{font-size:13px;background:#f5f5f5;margin:15px 0 0;padding:15px;width:100%;display:table;line-height:2}
.hmnews ul li{clear:both;padding:10px 0;display:table;width:100%}
.hmnews ul li img{max-height:96px}
.hmnews ul li+li{border-top:1px dashed #eee}
.hmnews ul li h5{color:#555;display:inline-block;}
.hmnews ul li a{text-decoration:none;}.hmnews ul li p a{display:inline;margin-left:15px;}
.hmnews ul li:first-child{margin-top:5px}
.hmnews ul li h5{color:#004098}
.hmnews ul li a{font-size:12px}
.hmnews ul li p{color:#aaa;font-size:12px}
.hmnews ul li span{font-size:12px;display:block;line-height:100%;padding:0 0 5px 15px;}
.hmvediodes p{font-size:13px;line-height:200%;padding:15px 0 0}
.lanmu_pic img{width:100%;height:auto!important;}
.lanmu_pic{width:1100px;margin:0 auto;}
.hmprod-tit{text-align:center;font-size:20px;color:#23527c;font-weight:bold;margin-top:30px}
.hmprod-tit span{width:10%;height:1px;background:#23527c;display:inline-block;margin:0 10px 7px}


/* start page container */
@media (min-width: 768px) {
  .container {
    width: 700px;
  }  
}
@media (min-width: 992px) {
  .container {
    width: 900px;
  }  
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;background:#fff;padding: 0 15px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
/* end page container */

/* start navigation */
.navbar-default
  {
    
     border: none;
     height: 65px;
     line-height: 100px;
     box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
     margin: 0 !important;
  }
.navbar-default .navbar-brand
  {
    color: #66AF33;
    height: 65px;
    line-height: 80px;
    padding: 0;
    width: 90px;
  }
  
.navbar-fixed-top{
	  background:rgba(255, 255, 255, 0.8);
} 
  
.navbar-default .navbar-brand h3
  {
    font-weight: bold;
  }
.navbar-default .navbar-nav li a
  {
    color: #404040;
    font-weight: bold;
    height: 65px;
    line-height: 40px;
  }
.navbar-default .navbar-nav li a:hover
  {
    color: #66AF33;
  }
.navbar-default .navbar-nav > li > a:focus
  {
    color: #888;
  }
.navbar-default .navbar-toggle
    {
      margin-top: 16px;
    }
.navbar-default .navbar-toggle .icon-bar
  {
    background-color: #66AF33;
    color: #FFFFFF;
  }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #66AF33;
  background-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #FFFFFF; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #66AF33; }
/* end navigation */

/* start home */
h1 { margin: 0; }
/*#home { padding-top: 65px; }*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  padding: 0;
  position: relative;
  zoom: 1;
  background-color: #371604;
  overflow: hidden;
  margin: 0;
}
.flexslider .slides {
  padding: 0;
  zoom: 1;
}
.flexslider .slides img {
  width: 100%;height:440px;
/*   min-width: 648px;
  min-height: 270px; */
  display: block;
}
.flexslider .slides > li {
  display: none;  
  padding: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
}
.flexslider img {
  position: relative;
  width: 100%;
}
.slider-caption {
  color:white;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  z-index: 7;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#home h1,
#home h2
  {
    font-weight: bold;
  }
#home h2
  {
    padding: 10px 0 10px 0;
  }
#home .btn
  {
    background: rgba(26, 55, 136, 0.61);
    border-radius: 25px;
 /*   border: 1px solid white;*/
    color: #FFFFFF;
    font-weight: bold;
    margin: 40px 0 0 0;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    height: 50px;
    width: 250px;
    padding: 12px 10px 10px 10px;
    opacity:0.5;
  }
#home .btn:hover
  {
    background: #FFFFFF;
    color: #66AF33;
  }
#home p
  {
    letter-spacing: 1px;
  }
/* end home */


.l-news{
	z-index:99;
	/*margin-top:3%;
	padding:6% 10%;*/
	/*background: #004198;
	border-left: 20px solid #ff8d25;*/
	text-align: left;
}
.l-news p{
	padding-top: 2%;;
}
.r-news-l{
	padding-right:0.4%;
	
}

.r-news-t{
	padding-bottom: 6%;
	
}
.l-news h3{
	color:green;
	font-weight: bolder;
}
.l-news h4{
	color:darkgray ;
	font-weight: bolder;
}
.r-news{
	/*margin-left:-5%;*/
	padding:5% 5%;
	/*background: #2d2d2d;*/
	min-height:283px;
	text-align:left;
	color:#fff;
}
.r-news h4{
	padding-bottom: 5%;
	color: gray;
}
.date{
	position: absolute;
	top:5%;
	right:10%;
}
.list_date{
	width:85px;
	height: 85px;
	background: #C0C0C0;
}
.list_content{
	text-align: left;
}

.newslist{
	padding:5% 2%;
	
	margin-bottom: 2%;
}

#project{
	padding:2em 0;
	min-height: 500px;
}
#project h3{
	/*padding-bottom: 3em;*/
}
#project .col-md-3{
	padding:0;
}


#project .work_thumb .work_overlay {
    background: #000000;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#project .work_thumb .work_overlay:hover{
	opacity: .5;
	
}
#project .work_thumb figcaption{
	padding:5em 2em;
	background: #000000;
	z-index: 1000;
	color:#fff;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
#project .work_thumb figcaption:hover{
	
	
    opacity: .8;
 
    top: 0;
  
}
/* start simpletextrotator */
.rotating {
  display: inline-block;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin-x: 50%;
}

.rotating.flip {
  position: relative;
}

.rotating .front, .rotating .back {
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.rotating .front {
  position: absolute;
  display: inline-block;
  -webkit-transform: translate3d(0,0,1px);
  -ms-transform: translate3d(0,0,1px);
  transform: translate3d(0,0,1px);
}

.rotating.flip .front {
  z-index: 1;
}

.rotating .back {
  display: block;
  opacity: 0;
}

.rotating.spin {
  -webkit-transform: rotate(360deg) scale(0);
  -ms-transform: rotate(360deg) scale(0);
  transform: rotate(360deg) scale(0);
}

.rotating.flip .back {
  z-index: 2;
  display: block;
  opacity: 1;
  
  -webkit-transform: rotateY(180deg) translate3d(0,0,0);
  -ms-transform: rotateY(180deg) translate3d(0,0,0);
  transform: rotateY(180deg) translate3d(0,0,0);
}

.rotating.flip.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,0);
  -ms-transform: rotateX(180deg) translate3d(0,0,0);
  transform: rotateX(180deg) translate3d(0,0,0);
}

.rotating.flip.cube .front {
  -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
  -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
  transform: translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube .back {
  -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}

.rotating.flip.cube.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
  -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
  transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
/* end simpletextrotator */

/* start about */
#about
  {
    min-height: 300px;
    padding: 100px 0  80px 0;
  }
#about h2,
#about h3
  {
    font-weight: bold;
  }
#about .col-md-7 h3
  {
    padding: 12px 0 0 0;
  }
#about .col-md-7 h2
  {
    color: #66AF33;
    padding: 10px 0 10px 0;
    margin: 10px 0 32px 0;
  }
#about .col-md-5 .col-md-6
  {
    padding: 4px;
  }
#about .col-md-5 h3
  {
    padding: 10px 0 10px 0;
  }
#about .col-md-5 img
  {
    width: 200px;
    height: 100px;
  }
#about p
  {
    font-weight: 400;
  }
/* end about */

/* start team */
#team
  {
   background: #3D4059;
     color: whitesmoke;
    min-height: 300px;
    padding: 0px 0 120px 0;
  }
#team h3
  {
    font-weight: bold;
    letter-spacing: 1px!important;
    padding-bottom: 30px;
  }
#team .team_thumb
  {
    overflow: hidden;
    position: relative;
    margin: 30px 0 0 0;
  }
#team .team_thumb img
  {
    width: 100%;
    height: auto;
  }
  h5 {
    margin: 0;
  }
#team .team_thumb .team_overlay
  {
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
#team .team_thumb:hover .team_overlay
  {
    opacity: 0.8;
  }  
#team .team_description
  {
    background: #303030;
    padding: 10px;
  }
#team .team_description h5
  {
    color: #66AF33;
	padding-bottom: 10px;
  }
#team p
  {
    font-weight: 400;
  }
/* end team */


/* start aobut */

#about{
	padding:8em 6em;
	min-height: 650px;
	background: url(../images/aboutusbg.jpg);
	background-size:cover;
	
}
#about h3{
	color:#004198;
}

#about p{
	font-size: 1.1em;
	line-height: 2;
}


/* start social icon */
.social_icon
  {
    padding: 0;
  }
.social_icon li
  {
    display: inline-block;
    position: relative;
  }
ul 
  {
    margin-bottom: 0;
  }
.social_icon li a
  {
    background: #303030;
    border-radius: 50%;
    cursor: pointer;
    color: #FFFFFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
  }
.social_icon li a:hover
  {
    background: #66AF33;
    color: #FFFFFF;
  }
  footer .social_icon {
    margin-top: 10px;
  }
/* end social icon */

/* start service */
#service
  {
    min-height: 300px;
    padding: 80px 0 60px 0;
  }
#service h3
  {
    color: #333;
    font-weight: bold;
    letter-spacing: 1px !important;
    padding-bottom: 30px;
  }
#service .media
  {
    padding: 40px 0 10px 0;
  }
#service .media .fa
  {
    background: #66AF33;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 10px 0 0;
    padding-right: 0;
  }
#service .media .media-heading
  {
    color: #66AF33;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
  }
#service
  {
    font-weight: 400;
  }
/* end service */

/* start newsletter */
#newsletter
  {
    background: url('../images/newsletter-bg.jpg') no-repeat center center;
    background-size: cover;
   background-attachment: fixed;
    color: #FFFFFF;
    min-height: 300px;
    padding: 80px 0 80px 0;
  }
#newsletter h3
  {
    font-weight: bold;
    letter-spacing: 1px !important;
    padding-bottom: 30px;
  }
#newsletter p
  {
    font-weight: 400;
    padding: 0 0 30px 0;
  }
#newsletter form .form-control
  {
    background: #404040;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    color: #FFFFFF;
    height: 50px;
    margin-bottom: 10px;
    opacity: 0.9;
  }
#newsletter .form-control::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
#newsletter .form-control:-ms-input-placeholder {
  color: #FFFFFF;
}
#newsletter .form-control::-webkit-input-placeholder {
  color: #FFFFFF;
}
#newsletter input[type="submit"]
  {
    background: #66AF33;
    border: none;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
  }
#newsletter input[type="submit"]:focus,
#newsletter input[type="submit"]:hover
  {
    background: #FFFFFF;
    color: #66AF33;
  }
/* end newsletter */

/* start work */
#work
  {
    background: #404040;
    color: #FFFFFF;
    min-height: 300px;
    padding: 80px 0 80px 0;
  }
#work h3
  {
    font-weight: bold;
    letter-spacing: 1px !important;
    padding-bottom: 30px;
  }
#work p
  {
    font-weight: 400;
    margin: 0 0 40px 0;
  }
#work .col-md-4
  {
    padding: 2px;
  }
#work .work_thumb
  {
    overflow: hidden;
    position: relative;
  }
#work .work_thumb img
  {
    width: 100%;
    height: auto;
  }
#work .work_thumb .work_overlay
    {
      background: #FFFFFF;
      opacity: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      -webkit-transition: all 0.4s ease-in-out;
              transition: all 0.4s ease-in-out;
    }
#work .work_thumb .work_overlay .fa
  {
    background: #66AF33;
    border-radius: 50%;
    color: #FFFFFF;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;

    /* http://www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ */
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
#work .work_thumb:hover .work_overlay
  {
    opacity: 0.8;
  }
/* end work */

/* start pricing */
#pricing
  {
    min-height: 300px;
    padding: 80px 0 80px 0;
  }
#pricing h3
  {
    font-weight: bold;
    letter-spacing: 1px !important;
    padding-bottom: 30px;
  }
#pricing p
  {
    font-weight: 400;
  }
#pricing .plan
  {
    margin: 40px 0 0 0;
  }
#pricing .plan_one
  {
    background-color: #404040;
    padding: 30px 0 0 0;
  }
#pricing .plan_two
  {
    background: #66AF33;
    padding: 30px 0 0 0;
  }
#pricing .plan_three
  {
    background: #404040;
    padding: 30px 0 0 0;
  }
#pricing .plan_four
  {
    background: #66AF33;
    padding: 30px 0 0 0;
  }
#pricing .plan .plan_title
  {
    background: #DDDDDD;
    padding: 30px;
    margin: 0;
  }
#pricing .plan ul
  {
    padding: 0;
  }
#pricing .plan ul li
  {
    color: #FFFFFF;
    display: block;
    padding: 14px 0 14px 0;
  }
#pricing .plan .btn
  {
    background: transparent;
    border-color: #FFFFFF;
    border-radius: 2px;
    width: 140px;
    margin: 10px 10px 40px 10px;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
  }
#pricing .plan .btn:hover
  {
    background: #FFFFFF;
    color: #66AF33;
  }
/* end pricing */

/* start contact */
#contact
  {
    background: #404040 url('../images/contact-bg.jpg') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #FFFFFF;
    min-height: 300px;
    padding: 80px 0 60px 0;
  }
#contact h3
  {
    font-weight: bold;
    letter-spacing: 1px !important;
    padding-bottom: 30px;
  }
#contact p
  {
    font-weight: 400;
    padding: 0 0 40px 0;
  }
#contact .form-control
  {
    background: #404040;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    color: #FFFFFF;
    margin: 10px 0 10px 0;
    opacity: 0.9;
  }
#contact .form-control::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
#contact .form-control:-ms-input-placeholder {
  color: #FFFFFF;
}
#contact .form-control::-webkit-input-placeholder {
  color: #FFFFFF;
}
#contact input
  {
    height: 50px;
  }
#contact textarea
  {
    height: 120px;
  }
#contact input[type="submit"]
  {
    background: #66AF33;
    border: none;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    margin: 10px 0 40px 0;
  }
#contact input[type="submit"]:focus,
#contact input[type="submit"]:hover
  {
    background: #FFFFFF;
    border-color: transparent;
    color: #66AF33;
  }
#map-canvas
  {
    border: none;
    width: 100%;
    height: 400px;
    margin: 0 0 40px 0;
  }
/* end contact */

#subbanner{
	height:380px;
	background: url(../images/sbg.jpg) no-repeat;
	background-size: cover;
}


.littlenav{
	width: 80%;
	margin:0 auto;
	background:rgba(0,0,0,.5);
	color:#fff;
	position: relative;
	top:340px;
	text-align: left;
}

.content-wrap{
	
	background: #f5f5f5;
	margin-bottom: 5%;
	height:100%;
	padding:0;
/*	padding-bottom: 100%;*/
	
}
.wrap-bottom{
	position: relative;
	bottom: 0;
	padding:5% 9%;
	margin-top:10%;
	
	height: 200px;
	color:#fff;
	background:url(../images/about-p2-bg.jpg)no-repeat bottom;
}

.top-content{
	padding:40px 60px;
}
.top-content h3 span{
	color:#2d64cb;
	padding-left:1em;
}
.top-content h3{
	padding-bottom:2em ;
}
.top-content p{
	
	font-size: 1.1em;
}
.mid-content{
	padding:10px 60px;
}
.intro-pic {
	height:260px;
	overflow: hidden;
}
.intro-pic img:hover{
	transition: ease-in-out .5s;
	transform: scale(1.1);
	opacity: 0.5;
}
.invest-item{
	padding:3% 5%;
}
.invest-title{
	color: #fff;
	text-shadow: 1px 1px 2px #222222;
	font-weight:600;
	height: 70px;
	text-align: center;
	padding:15px 0;
	background: url(../images/in-bg1.jpg);
}
.invest-content{
	height: 184px;
	padding:15px 20px;
	background: #fff;
}



.project-content{
	padding: 15px 60px;
	
}
 /*流程*/
.flow-content{
	padding: 15px 15px;
}
.flow-content h3{
	padding-left:30px;
	margin-bottom: 3em;
}
.flowlist li{
	    border-left: 2px dotted #a19d9d;
	    height:100px;
	    padding: 1%;
	    margin-bottom:25px;
}
.project-content p{
	font-size: 1.1em;
	line-height: 1.5em;
	word-spacing: 2em;
	padding-bottom:5%;
}




.flow-item {
	padding:5px 6px;
	cursor: pointer;
}  
   
.t{
	padding-left:40px;
    color: #2a2a2a;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.t i{
	position: absolute;
    left: 15px;
    top: 10px;
    width: 34px;
    height: 39px;
    text-align: center;
    color: #fff;
    line-height: 31px;
    font-size: 16px;
	background-image: url(../images/about-p4-icur.png);
	
} 
   
.t i:hover{
	background-image: url(../images/about-p4-iact.png);
}   
.xiazai a{
	color:#4d4d4d;
	text-shadow: 1px 1px 1px #ccc;
	
	
}   
.xiazai a img:hover{
	opacity: .5;
}   

#project{
	background-color: #323847;
}
#project h3{
	color: white;
}
#cd p{
	text-align: center;
	color: white;
}
#cd h2{
	color: white;
}
#project p{
	text-align: center;
}
#project h2{
	/*color: white;*/
}
#project p{
	color: white;
}
.cd_p,.cd_h{
	color: white;
	
}
.project_p{
	padding-bottom: 2%;
}
.list-item{
	padding:1em 0;
	margin-left:5em;
	border-bottom:1px dotted #C0C0C0;
}    
.list-item h4{
	font-size:16px;
	color:#2d64c;
	font-weight: 600;
}
.list-item img{
	max-height: 64px;
}
.list-page{
	padding:60px 80px;
}
.list-page a {
    color: #666;
    background: #d9e6ee;
    border-bottom: 1px solid #b8bbc4;
    border-radius: 5px;
    margin-right: 0;
    padding: 6px 13px;}
    
    
.download{
	padding:20px 60px 80px;
}


.logo{
    /* position: absolute;
    
       
    
    left: 20px;
    
    width: 180px;
    
    height: 80px;
    
    background: url(../images/cylogo.png) no-repeat;
    
    background-size: 160px; */
}
    
.footer{
	background: #fff;
	margin:0 auto 0;
	color: #555;
	padding:15px 0;
	clear: both;font-size:12px;line-height:150%;
	width:1100px;
	border-top:1px solid #ccc
}
.footer h5{margin-bottom:10px}
@media only screen and (max-width: 1199px) {
  h1 { font-size: 30px; }
  h2 { font-size: 24px; }
}





/* start 768 media quires */
@media only screen and ( max-width: 768px ) {
  .navbar-header {
    padding-left: 15px;
  }
  h1 { font-size: 26px; }
  h2 { font-size: 18px; }
  #home .btn { 
    margin-top: 10px; 
    width: 180px;
    height: 40px;
    padding-top: 8px;
  }
  #about { padding-top: 65px; }
  #team .team_thumb .team_overlay
  {
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
  }
  .flexslider .slides img{height:auto;}
}
/* end 768 media quires */
#news_info h4{
	color: green;
	text-align: left;
}
@media only screen and (max-width: 640px) {
  h1 { font-size: 20px; }
  h2 { font-size: 14px; }
  #home .btn {
    width: auto;
    height: auto;
    padding: 10px 20px;
    margin-top: 10px; 
  }
}

/* start 360 media quires */
@media only screen and ( max-width: 360px ) {
  #team .team_thumb .team_overlay
  {
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    line-height: 220px;
    top: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
  }
}
#ad{background: url(../images/third-bg.jpg) no-repeat;background-size: 100%;padding-bottom: 3%;}
#ad .container, #news_info .container{padding: 3% 0;}
.col-padding{
	padding: 0;
}
.cd_p{
	padding-top: 2%;
}
#news_info h5{
	text-align: left;
	line-height: 2em;
	color: #555555;
}
#news_info{padding: 1% 0 8% 0;}
#news_info h2{
	padding-bottom: 2%;
	color:green;
}
#news a{
	color: #555555;
}
#team a,#ad a{
	color:white;
}
#project h2{
	padding:0 3%  5% 0 ;
}
/* end 360 media quires */.flex-control-nav{position:absolute;left:0;bottom:0;width:100%;z-index:9;list-style:none;}.flex-control-nav li{display:inline;}.flex-control-nav li a{color:transparent;width:10px;height:10px;background:rgba(255,255,255,.8);display:inline-block;margin:0 3px;border-radius:50%;cursor:pointer}.flex-control-nav li a.flex-active{background:rgba(255,255,255,1);}@media only screen and (max-width:480px){/* sqy */	.footer{width:100%!important;}	.footer>.row{margin:0;}	.nav-qy .navbar-brand>img{height:40px;margin:10px 0}	.nav-qy{background:#fff!important;position:fixed;top:0;left:0;width:100%!important;}	.hmnews ul li h5{display:inline;}	.lanmu_pic{width:100%!important;}	.main{width:100%!important;display:block;}	.contact_card{display:none;}	.example-vedio #a1{width:100%!important;height:auto!important;}	.example-vedio #a1 video{width:100%!important;height:auto;}	.right_part{overflow-x:scroll;min-height:auto;}	}