@charset "utf-8";
/* CSS Document */
/*@font-face { 
font-family: " ";
src: url('../fonts/fzlthk.ttf'); 
} 
@font-face { 
font-family: " ";
src: url('../fonts/fzltcxhjw_0.ttf'); 
}*/
@font-face { 
font-family: "MyriadPro-Light";
src: url('http://ov7zr9o2h.bkt.clouddn.com//css/font/MyriadPro-Light.otf'); 
} 
@font-face { 
font-family: "MyriadPro-Regular"; 
src: url('http://ov7zr9o2h.bkt.clouddn.com//css/font/MyriadPro-Regular.otf'); 
} 
@font-face { 
font-family: "MyriadPro-Semibold"; 
src: url('http://ov7zr9o2h.bkt.clouddn.com//css/font/MyriadPro-Semibold.otf');
src
} 
@font-face { 
font-family: "MyriadPro-Bold"; 
src: url('http://ov7zr9o2h.bkt.clouddn.com//css/font/MyriadPro-Bold.otf');
src
}
* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
html{height:100%;}
html, body, #container, #content{
	min-height:100%;
	font-size:14px;
	line-height:1.6em;
	font-family:" ";
}
BODY {
	 COLOR: #000000;background:#ffffff;
}
A {
	COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #808080; TEXT-DECORATION: none
}
.f_l {
	FLOAT: left
}
.f_r {
	FLOAT: right
}
.allwidth {
	MARGIN: 0px auto; WIDTH: 890px
}
.clear {
	CLEAR: both; display:block; padding:0
}
UL {
	LIST-STYLE-TYPE: none
}
OL {
	LIST-STYLE-TYPE: none
}
HTML {
	OVERFLOW-Y: scroll
}
IMG {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
#header {
	PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 10px; WIDTH: 870px; PADDING-RIGHT: 10px; 

HEIGHT: 110px; PADDING-TOP: 0px
}
#header H1 {
	MARGIN-TOP: 46px; HEIGHT: 36px; 
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../images/themes.gif") no-repeat left 50%;
  width: 38px;
  }

#main{ width:100%; margin:0 auto; background:#000;}
#sidebar{background:#f4f4f4;color:#6d6d6d;float:left;top:94px;width:282px;z-index:99;padding:0px;position:fixed; height:660px;}
.mainleft{ padding-left:19px;height:660px;}
.china{ padding-top:14px;}
.chinat{ width:240px; padding-left:12px; height:17px;}
.chinat a{ float:left; line-height:17px;}
.logo{ padding-top:53px;}
.indext{ width:240px; padding-top:52px; padding-left:11px; FONT: 12px " "; color:#979797}
.indext a{FONT: 12px " "; color:#979797; line-height:16px;}
.menu{ margin-top:52px; width:228px; border-top:1px dashed #4e4e4e;border-bottom:1px dashed #4e4e4e; margin-left:11px;}
.menu ul{ padding-bottom:8px; padding-top:5px;}
.menu ul li{display:block; line-height:25px;}
.menu ul li a{ display:block; color:#484848}



.head-v3{position:fixed;z-index:10000; width:100%;background:#fff;}
.head-v3 .navigation-inner{margin:0 auto; max-width:1080px;width:100%;position:relative}
.navigation-up{height:70px;background:#333333;width:100%;}
.de_left{ width:151px; margin-left:0%; margin-top:20px; float:left}
.de_left img{ width:100px; }
.de_login{ padding-top:36px; font-size:12px}
.de_login a{ color:#444}

/*.search{ float:right;width:100%;max-width:165px;height:24px; padding-top:30px; }
.search .key{width:130px;height:22px;line-height:22px;margin:1px 0 1px 5px; color:#999;background-color: transparent;   border: 0px;float:left;}
.search .key[type="text"]:focus{outline:none; color:#898989; }
.search .sub{float:right;width:30px;height:24px;background:url(../images/search.png) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}*/

.navigation-up .navigation-v3{margin-left:155px;float:left;_margin-left:10px; background:#333333;}
.navigation-up .navigation-v3 ul{float:left; padding-top:20px;}
.navigation-up .navigation-v3 li{float:left;font:normal 16px " ";color:#fff; font-size:1.6em; }
.navigation-up .navigation-v3 li{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li a{padding:15px 15px 5px 15px;color:#fff;display:inline-block;font-family:" "; font-size:16px;}
.navigation-up .navigation-v3 li a:hover{color:#CCC;}



/*新首页样式*/
.hd_main{ width:100%; height:auto; overflow:hidden; }
.hd_head{ width:100%; height:115px;}
.hd_head ul{ width:1068px; margin:0 auto; margin-bottom:0}
.hd_head ul li{ float:left;}
.hd_menu{ width:850px; margin:0 auto; margin-top:0;}
.hd_menu ul{ height:35px; margin:0}
.hd_menu ul li{ float:left;}
.hd_index11{ width:100%; overflow:hidden; height:auto; }
.hd_index12{ width:100%; overflow:hidden; height:auto; margin-top:0}
.hd_index22{ width:100%; overflow:hidden; height:135px;    background: url(../images/case.png) no-repeat center;}
.hd_index22_en{ width:100%; overflow:hidden; height:135px; background:url(../images/case_en.png) no-repeat center;}
.hd_index33{ width:100%; overflow:hidden; height:619px;}
.hd_index33_en{ width:100%; overflow:hidden; height:619px; background:url(../images/hd_index_app.jpg) no-repeat center;}
.home_app_an{ display:none;}

.hd_left{ margin-right:20px; background:#FFF;}
.hd_left1{ margin-right:0px;background:#FFF;}


.hd_list{ width:1080px; margin:0 auto; margin-bottom:50px}
.hd_list ul{ margin-top:10px; margin-bottom:0;}
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:23.49%; max-width:250px; float:left }
.hd_list ul li .hd_left{ margin-right:20px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li a span{ width:100%; max-width:250px; height:70px; text-indent:30px;  color:#595757; font-family: 'MyriadPro-Bold'; } 
.hd_list ul li a sapn h5{  font-size:14px; height:30px; line-height:22px; text-align:left;  }
.hd_list ul li a span h6{  font-size:14px; line-height:18px; color:#595757; text-align:left; margin-top:-10px;  margin-bottom:23px; } 

.hd_list ul li a:hover span{ background:#3e3a39;  } 
.hd_list ul li a:hover span h5{text-indent:30px; }
.hd_list ul li a:hover span h6{text-indent:30px; color:#fff; }

.home_case_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#242424;}
.home_case_t{ margin-top:50px; color:#FFF; font-size:32px;}
.hd_list_case{width:1080px; margin:0 auto; margin-bottom:70px}
.hd_list_case ul{ margin-top:0px; margin-bottom:0}
.hd_list_case ul li{ margin-top:20px; margin-bottom:0px; width:530px; float:left; overflow:hidden; }
.hd_list_case ul li img{width:530px; height:250px; } 
.hd_list_case ul li a span{display:none; width:530px; height:250px; } 
/*.hd_list_case ul li a span h1{ position:absolute; bottom:0; left:0px; top:70px; font-size:18px; line-height:22px; color:#FFF; text-align:left; }
.hd_list_case ul li a span h2{ position:absolute; bottom:0; left:0px; top:100px; font-size:16px; padding:5px; line-height:22px; color:#FFF; text-align:left; }*/
.hd_list_case ul li a:hover{color:#fff; } 
.hd_list_case ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; } 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:80px;}
.hd_list_case ul li a:hover span h2{font-size:18px; line-height:12px; color:#FFF; text-align:center;}

#news4{display:none;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:50px; color:#595757;}
.hd_list_news{ width:1080px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0;}
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:32.49%; max-width:346px; float:left;   }
.hd_list_news ul li img{ width:346px; height:346px; }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; padding-left:20px; font-size:16px; background:#dcdcdd; width:100%; max-width:346px; margin:0px; color:#595757;}
.hd_list_news ul li a span{display:none;  max-width:346px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:346px; bottom:70px; left:0px; top:-160px; font-size:16px; line-height:22px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:346px; margin-top:-346px; max-width:346px;} 
.hd_list_news ul li a:hover span h2{margin-top:163px; color:#fff; padding:25px; top:-65px; }



.hd_appad{ width:1080px; margin:0 auto;}
.home_appad{ float:right; width:55%;  color:#FFF; padding-top:10%; margin-right:0%;}
.home_appad h3{float:left; text-align:center; width:100%; max-width:520px; font-size:50px; font-family: " ";}
.home_appad h4{ float:left; text-align:center; width:100%; max-width:520px; font-size:18px; padding-top:2%;}
.home_appad span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:16px; width:100%; max-width:520px; font-family: " ";}

.home_appad_en{ float:right; width:60%;  color:#FFF; padding-top:10%; margin-right:0%;}
.home_appad_en h3{float:left; text-align:center; width:100%; max-width:680px; font-size:50px; }
.home_appad_en h4{ float:left; text-align:center; width:100%; max-width:720px; font-size:18px; }
.home_appad_en span{ float:left; padding-top:0%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:780px;  }


.foot{ width:100%; margin:0 auto; height:250px; background:#343740;}
.footer{width:100%; max-width:1110px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ float:left; width:40%; max-width:400px;}
.foot_r{ float:left; width:65%; max-width:710px; }
.footnav { float:left; width:100%; max-width:500px; }
.footnav ul{ float:left; margin-top:5px; margin-left:10px;width: 508px;}
.footnav ul li{ float:left; margin-left:0px; margin-right:8px;}
.footnav ul li a{ color:#FFF;}
.foot_co{ float:left; width:100%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:32%; margin-right:5%; max-width:100px; max-height:140px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:35%; float:left; width:100%; max-width:360px; max-height:140px; text-align:left; overflow:hidden; font-size:14px;    margin-left: 146px;  }

.pagebody{ width:1080px; margin:0 auto; margin-bottom:10px; margin-top:20px;}
.pagebody img{ max-width:100%; max-height:100%;}

/****产品***/
.bread{width:1080px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:1080px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ width:250px; float:left; margin-right:20px;  overflow:hidden; margin-top:-20px;}
.pro_mleft h2{width:250px; background:#000; color:#FFF; font-size:16px; height:45px; line-height:45px; text-indent:25px; float:left; overflow:hidden;}


.hd_list ul li img{max-width:100%;}


.side-ul{ float:left; overflow:hidden;}
.side-ul li{ float:left; }
.side-ul li h3 { background:#898989; color:#FFF; font-size:16px; width:250px; height:35px; line-height:35px; text-indent:25px; float:left; overflow:hidden;}
/*.side-ul li h3 a{ color:#FFF; overflow:hidden;  height:35px; line-height:35px; }
.side-ul li ul { float:left; width:250px; overflow:hidden; margin-bottom:0px; height:auto;}
.side-ul li ul li{width:250px; background:#fff; color:#FFF; font-size:16px; height:35px; line-height:35px; text-indent:25px; border-bottom:1px solid #898989;}
*/

.leftnav{ float:left; margin-left:0px; display:inline; width:250px; margin-top:-10px;border:1px solid #898989; overflow:hidden; margin-bottom:0px;}
.leftnavlist li{margin-bottom:0px; line-height:35px; font-size:14px;width:100%;}
.leftnavlist2 li{line-height:35px; font-size:16px;width:100%;}
.leftnavlist2 li a{ display:block; background-color:#000; line-height:35px; text-indent:18px; height:35px; width:248px; color:#FFF; border-bottom:1px solid #898989;}
.leftnavlist2 li a:hover{ display:block; background-color:#fff; line-height:35px; text-indent:18px; height:35px; width:248px; color:#000;}
.leftnavlist2 li .aboutlist li{width:248px; background:#898989;}
.leftnavlist2 li .aboutlist li a{width:248px; background:#898989; border-bottom:1px solid #fff; color:#fff; }
.leftnavlist2 li .aboutlist li a:hover{display:block; background-color:#fff; line-height:35px; text-indent:18px; height:35px; width:248px; color:#898989; border-bottom:1px solid #898989;}
.leftnavlist2 li .aboutlist li .on2{display:block; background-color:#898989; line-height:35px; text-indent:18px; height:35px; width:248px; color:#fff;}



.leftnavlist2 li .aboutlist li .aboutlist2{display:block; background-color:#fff; line-height:35px; margin-left:-25px; text-indent:18px; width:248px; color:#595757;}
.leftnavlist2 li .aboutlist li .aboutlist2 li{ width:250px;  height:35px;   }
.leftnavlist2 li .aboutlist li .aboutlist2 li a{  background:#FFF; border-bottom:1px solid #898989; line-height:35px;  color:#595757;}
.leftnavlist2 li .aboutlist li .aboutlist2 li a:hover{ display:block; background-color:#595757; line-height:35px; text-indent:18px; height:35px; width:248px; color:#fff; }


.index_focus {position: relative; width:100%; height: 400px;margin: 0 auto;overflow:hidden; z-index:20; }
.fybanner{ height:330px !important;}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:100%; max-width:1920px; height:600px;}
.fybanner li{ max-height:330px !important;}


.index_focus .bd li img{width:100%; max-width:1920px; min-height:600px;}
.index_focus .slide_nav {position: absolute;/*left: 47.5%;*/bottom:22px; width:100%; text-align:center;}
.fybanner{ height:330px !important;}
.fybanner li img{ max-height:330px !important;}
.index_focus .slide_nav a{width:15px;height:15px;cursor:pointer;*float:left;display:inline-block;margin-right:18px;  background:rgba(255, 255, 255, 0.3)!important; background:#999; filter:Alpha(opacity=100); }

.index_focus_post {z-index: 10;}
.index_focus .pic { max-height:600px;display: block; margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background:#000; background:rgba(0, 0, 0, 1)!important;}
.banner64{ display:none}
/*******************/
#nav{
 width: 220px;
 margin: 0px;
 padding: 0px;
 font-size: 14px;
 line-height: 30px;
 margin-bottom:-1px;
}
#nav li{
width:248px;  background:#898989;
}
#nav li a{
width:248px; height:35px; background:#898989; border-bottom:1px solid #fff; color:#fff; display:block; text-indent:18px; line-height:35px;
}
#nav li a:hover {
display:block; background-color:#fff; line-height:35px; text-indent:18px; height:35px; width:248px; color:#898989; border-bottom:1px solid #898989;
}
#nav li ul{

 list-style-image: none;
 list-style-type: none;
}
#nav li li{
 padding-left: 0px;
}
#nav ul a{
background:#FFF; border-bottom:1px solid #898989; line-height:35px;  color:#595757;
}
#nav ul a:hover{ display:block; background-color:#595757; line-height:35px; text-indent:18px; height:35px; width:248px; color:#fff; }
.cx {
 display:none;
 visibility:hidden;
}
.ex {
 display:inherit;
 visibility:inherit;
}
/*********************/


.pro_right{ width:810px; float:left;}
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:810px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:31.49%; max-width:250px; float:left; margin-right:20px; text-align:center;  }
.pro_right_list ul li a img{  width:250px; height:250px;}
.pro_right_list ul li a span{ width:250px; height:40px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:14px;}


#myjQuery { width:400px;overflow:hidden;float:left; }
#myjQueryContent { OVERFLOW: hidden; width:400px; height:400px; }
#myjQueryContent DIV { POSITION: absolute; height:400px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG {background:#fff; display:block;margin:0 auto;width:400px; height:400px; float:left; }


.pro_pic{ float:left; width:40%; max-width:400px;}
.pro_js{ float:left; width:58%; max-width:650px; margin-left:30px; margin-top:0px; overflow:hidden;  color:#595757;}
.pro_js h3{ float:left; font-size:21px; max-width:450px; }
.pro_js h4{ float:right; margin-top:20px; background:#595757; padding:5px; }
.pro_js h4 a{ color:#FFF; font-size:14px;  }
.pro_js .txt{ height:345px;
width:100%;
max-width:650px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:1080px; float:left; overflow:hidden; margin-top:10px; }
/*.pro_cc img{ width:100%; max-width:1080px;}*/
.pro_cc h4{ float:left; color:#33a39; width:100%; max-width:1080px;  font-size:18px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:1080px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:1080px; float:left; overflow:hidden; margin-top:10px;}
.pro_xg h4{ float:left; color:#3e3a39;}
/*.pro_xg ul{ float:left;margin-top:10px; margin-bottom:20px;width:100%; max-width:1080px;}
.pro_xg ul li{ width:23.49%; max-width:250px; float:left; margin-left:10px; margin-right:10px; text-align:center; }
.pro_xg ul li img{ width:250px; height:250px; overflow:hidden;}
.pro_xg ul li span{ height:30px; line-height:30px; color:3e3a39;  font-size:16px;}*/

/******解决方案****/
.case_list{width:810px; float:left;}
.case_li{ float:left; /*margin-bottom:30px;*/ width:100%; max-width:810px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ h/*eight:250px;*/}
.case_li_t{ float:left; max-width:570px; margin-left:30px; font-size:22px; color:#3e3a39; height:40px; font-size:21px; overflow:hidden; }
.case_li_m{ float:left; max-width:500px; margin-left:30px; color:#3e3a39; min-height:73px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:570px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/
.news_list{ width:100%;max-width:1080px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:250px; height:250px;}
.news_li_p img{ width:250px; /*height:250px;*/}

.news_li_t{ float:left; width:740px; margin-left:30px; font-size:21px; color:#3e3a39; height:58px;}
.news_li_m{ float:left; width:740px; margin-left:30px;  color:#3e3a39; height:175px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:740px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}




/******联系我们****/
.cont_cc{ width:100%;max-width:1080px; float:left; }
.cont_cc h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.cont_show{ margin-top:20px;}
.cont_show ul{ margin:0 auto; width:600px;}
.cont_show ul li{ float:left; margin-top:20px;}
.cont_show ul li span{ width:100px; float:left; text-align:right;}


.down_li{ width:100%; max-width:860px; float:left;}
.down_li li{ width:100%; max-width:860px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:340px;margin:0px auto;width:1080px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:235px;height:290px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:240px;height:240px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:240px;height:240px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:995px;height:290px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:240px;height:290px;margin-left:13px;}


@media screen and (max-width:1740px) {	

.hd_index11 a img{ width:100%}
.hd_index12 a img{ width:100%}
}




@media screen and (max-width:1640px) {	

}


@media screen and (max-width:1600px) {	

}






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



}

@media only screen and (max-width : 1290px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1260px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1042px) {
	
.index_focus{ display:none; }
.banner64{ width:100%; display:block; overflow:hidden; margin-bottom:-40px;}


.hd_list{ width:960px; margin:0 auto; margin-bottom:70px}
.hd_list ul{ margin-top:10px; margin-bottom:0;}
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:23.35%; max-width:225px; float:left }
.hd_list ul li .hd_left{ margin-left:10px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li img{ width:225px;}
.hd_list ul li a span{ width:100%; max-width:225px; height:80px; text-indent:30px;  color:#595757; font-family: 'MyriadPro-Bold'; } 


.hd_list_case{width:960px; margin:0 auto; margin-bottom:70px}
.hd_list_case ul{ margin-top:0px; margin-bottom:0}
.hd_list_case ul li{ margin-top:20px; margin-bottom:0px; width:460px; float:left; overflow:hidden; }
.hd_list_case ul li img{ width:460px; height:217px;}
.hd_list_case ul li a span{display:none; width:460px; height:217px;  } 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:50px;}

#news4{display:none;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:50px; color:#595757;}
.hd_list_news{ width:960px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0;}
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:31.30%; max-width:308px; float:left;   }
.hd_list_news ul li img{ width:308px; height:308px; }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; padding-left:20px; font-size:14px; background:#dcdcdd; width:110%; max-width:308px; margin:0px; color:#595757;}
.hd_list_news ul li a span{display:none;  max-width:308px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:308px; bottom:70px; left:0px; top:-160px; font-size:14px; line-height:20px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:140px; margin-top:-140px; max-width:308px;} 
.hd_list_news ul li a:hover span h2{margin-top:163px; color:#fff;}



.hd_appad{ width:960px; margin:0 auto;}
.home_appad{ float:right; width:55%;  color:#FFF; padding-top:10%; margin-right:0%;}


.foot{ width:100%; margin:0 auto; height:110px; background:#343740;}
.footer{width:100%; max-width:960px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ float:left; width:40%; max-width:490px; }
.foot_r{ float:left; width:60%; max-width:550px;}
.footnav { float:left; width:100%; max-width:500px; }
.footnav ul{ float:left; margin-top:5px; margin-left:10px;}
.footnav ul li{ float:left; margin-left:0px; margin-right:8px;}
.footnav ul li a{ color:#FFF;}
.footco{ float:left; width:50%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:18%; margin-right:5%; max-width:100px; max-height:140px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:35%; float:left; width:100%; max-width:360px; max-height:140px; text-align:left; overflow:hidden; font-size:14px;  }

.pagebody{ width:960px; margin:0 auto; margin-bottom:10px; margin-top:20px;}


/***************************************************20170714

/****产品***/
.bread{width:960px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:960px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ width:210px; float:left; margin-right:20px;  overflow:hidden; margin-top:-20px;}
.pro_mleft h2{width:210px; background:#000; color:#FFF; font-size:16px; height:45px; line-height:45px; text-indent:25px; float:left; overflow:hidden;}


.leftnav{ float:left; margin-left:0px; display:inline; width:210px; margin-top:-10px;border:1px solid #898989; overflow:hidden; margin-bottom:0px;}



/*******************/
#nav{
 width: 220px;
 margin: 0px;
 padding: 0px;
 font-size: 14px;
 line-height: 30px;
 margin-bottom:-1px;
}
#nav li{
width:208px;  background:#898989;
}
#nav li a{
width:208px; height:35px; background:#898989; border-bottom:1px solid #fff; color:#fff; display:block; text-indent:18px; line-height:35px;
}
#nav li a:hover {
display:block; background-color:#fff; line-height:35px; text-indent:18px; height:35px; width:208px; color:#898989; border-bottom:1px solid #898989;
}
#nav li ul{

 list-style-image: none;
 list-style-type: none;
}
#nav li li{
 padding-left: 0px;
}
#nav ul a{
background:#FFF; border-bottom:1px solid #898989; line-height:35px;  color:#595757;
}
#nav ul a:hover{ display:block; background-color:#595757; line-height:35px; text-indent:18px; height:35px; width:208px; color:#fff; }
.cx {
 display:none;
 visibility:hidden;
}
.ex {
 display:inherit;
 visibility:inherit;
}
/*********************/


.pro_right{ width:710px; float:left; }
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:710px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:30.5%; max-width:220px; float:left; margin-left:10px; margin-right:10px; text-align:center; }
.pro_right_list ul li a img{  width:220px; height:220px;}
.pro_right_list ul li a span{ width:220px; height:30px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:16px;}



.pro_pic{ float:left; width:40%; max-width:400px;}
.pro_js{ float:left; width:58%; max-width:520px; margin-left:30px; margin-top:0px; overflow:hidden;  color:#595757; }
.pro_js h3{ float:left; font-size:21px; max-width:450px; }
.pro_js h4{ float:right; margin-top:20px;}
.pro_js .txt{ height:345px; 
width:100%;
max-width:550px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:950px; float:left; overflow:hidden; margin-top:10px; }
/*.pro_cc img{ width:100%; max-width:1080px;}*/
.pro_cc h4{ float:left; color:#33a39; width:100%; max-width:950px; font-size:18px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:950px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:960px; float:left; overflow:hidden; margin-top:10px; }
.pro_xg h4{ float:left; color:#3e3a39;}


/******解决方案****/
.case_list{width:710px; float:left; }
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:710px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:470px; margin-left:30px; font-size:22px; color:#3e3a39; height:40px; font-size:21px; overflow:hidden; }
.case_li_m{ float:left; max-width:400px; margin-left:30px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:470px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/

.news_list{ width:100%;max-width:960px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:250px; height:250px;}
.news_li_t{ float:left; width:620px; margin-left:30px; font-size:21px; color:#3e3a39; height:40px;}
.news_li_m{ float:left; width:620px; margin-left:30px;  color:#3e3a39; height:175px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:620px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}



/******联系我们****/
.cont_cc{ width:100%;max-width:960px; float:left; }

.down_li{ width:100%; max-width:710px; float:left;}
.down_li li{ width:100%; max-width:710px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:300px;margin:0px auto;width:960px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:205px;height:260px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:205px;height:205px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:205px;height:205px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:875px;height:260px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:205px;height:260px;margin-left:13px;}

}




/* Medium Devices, Desktops */
@media only screen and (max-width : 999px) {


}

@media only screen and (max-width : 970px) {

.hd_list{ width:960px; margin:0 auto; margin-bottom:70px}
.hd_list ul{ margin-top:10px; margin-bottom:0;}
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:23.35%; max-width:225px; float:left }
.hd_list ul li .hd_left{ margin-left:10px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li img{ width:225px;}
.hd_list ul li a span{ width:100%; max-width:225px; height:80px; text-indent:30px;  color:#595757; font-family: 'MyriadPro-Bold'; } 


.hd_list_case{width:960px; margin:0 auto; margin-bottom:70px}
.hd_list_case ul{ margin-top:0px; margin-bottom:0}
.hd_list_case ul li{ margin-top:20px; margin-bottom:0px; width:460px; float:left; overflow:hidden; }
.hd_list_case ul li img{ width:460px; height:217px;}
.hd_list_case ul li a span{display:none; width:460px; height:217px;  } 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:50px;}

#news4{ display:none;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:50px; color:#595757;}
.hd_list_news{ width:960px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0;}
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:31.30%; max-width:308px; float:left;   }
.hd_list_news ul li img{ width:308px; height:308px; }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; padding-left:20px; font-size:14px; background:#dcdcdd; width:110%; max-width:308px; margin:0px; color:#595757;}
.hd_list_news ul li a span{display:none;  max-width:308px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:308px; bottom:70px; left:0px; top:-160px; font-size:14px; line-height:20px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:140px; margin-top:-140px; max-width:308px;} 
.hd_list_news ul li a:hover span h2{margin-top:163px; color:#fff;}



.hd_appad{ width:960px; margin:0 auto;}
.home_appad{ float:right; width:55%;  color:#FFF; padding-top:10%; margin-right:0%;}


.foot{ width:100%; margin:0 auto; height:110px; background:#343740;}
.footer{width:100%; max-width:960px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ float:left; width:40%; max-width:490px; }
.foot_r{ float:left; width:60%; max-width:550px;}
.footnav { float:left; width:100%; max-width:500px; }
.footnav ul{ float:left; margin-top:5px; margin-left:10px;}
.footnav ul li{ float:left; margin-left:0px; margin-right:8px;}
.footnav ul li a{ color:#FFF;}
.footco{ float:left; width:50%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:18%; margin-right:5%; max-width:100px; max-height:140px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:35%; float:left; width:100%; max-width:360px; max-height:140px; text-align:left; overflow:hidden; font-size:14px;  }

.pagebody{ width:960px; margin:0 auto; margin-bottom:10px; margin-top:20px;}


/***************************************************20170714

/****产品***/
.bread{width:960px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:960px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ width:210px; float:left; margin-right:20px;  overflow:hidden; margin-top:-20px;}
.pro_mleft h2{width:210px; background:#000; color:#FFF; font-size:16px; height:45px; line-height:45px; text-indent:25px; float:left; overflow:hidden;}


.leftnav{ float:left; margin-left:0px; display:inline; width:210px; margin-top:-10px;border:1px solid #898989; overflow:hidden; margin-bottom:0px;}



/*******************/
#nav{
 width: 220px;
 margin: 0px;
 padding: 0px;
 font-size: 14px;
 line-height: 30px;
 margin-bottom:-1px;
}
#nav li{
width:208px;  background:#898989;
}
#nav li a{
width:208px; height:35px; background:#898989; border-bottom:1px solid #fff; color:#fff; display:block; text-indent:18px; line-height:35px;
}
#nav li a:hover {
display:block; background-color:#fff; line-height:35px; text-indent:18px; height:35px; width:208px; color:#898989; border-bottom:1px solid #898989;
}
#nav li ul{

 list-style-image: none;
 list-style-type: none;
}
#nav li li{
 padding-left: 0px;
}
#nav ul a{
background:#FFF; border-bottom:1px solid #898989; line-height:35px;  color:#595757;
}
#nav ul a:hover{ display:block; background-color:#595757; line-height:35px; text-indent:18px; height:35px; width:208px; color:#fff; }
.cx {
 display:none;
 visibility:hidden;
}
.ex {
 display:inherit;
 visibility:inherit;
}
/*********************/


.pro_right{ width:710px; float:left; }
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:710px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:30.5%; max-width:220px; float:left; margin-left:10px; margin-right:10px; text-align:center; }
.pro_right_list ul li a img{  width:220px; height:220px;}
.pro_right_list ul li a span{ width:220px; height:30px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:16px;}



.pro_pic{ float:left; width:40%; max-width:400px;}
.pro_js{ float:left; width:58%; max-width:520px; margin-left:30px; margin-top:0px; overflow:hidden;  color:#595757; }
.pro_js h3{ float:left; font-size:21px; max-width:450px; }
.pro_js h4{ float:right; margin-top:20px;}
.pro_js .txt{ height:345px; 
width:100%;
max-width:550px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:950px; float:left; overflow:hidden; margin-top:10px; }
/*.pro_cc img{ width:100%; max-width:1080px;}*/
.pro_cc h4{ float:left; color:#33a39; width:100%; max-width:950px; font-size:18px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:950px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:960px; float:left; overflow:hidden; margin-top:10px; }
.pro_xg h4{ float:left; color:#3e3a39;}


/******解决方案****/
.case_list{width:710px; float:left; }
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:710px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:470px; margin-left:30px; font-size:22px; color:#3e3a39; height:40px; font-size:21px; overflow:hidden; }
.case_li_m{ float:left; max-width:400px; margin-left:30px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:470px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/

.news_list{ width:100%;max-width:960px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:250px; height:250px;}
.news_li_t{ float:left; width:620px; margin-left:30px; font-size:21px; color:#3e3a39; height:40px;}
.news_li_m{ float:left; width:620px; margin-left:30px;  color:#3e3a39; height:175px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:620px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}



/******联系我们****/
.cont_cc{ width:100%;max-width:960px; float:left; }

.down_li{ width:100%; max-width:710px; float:left;}
.down_li li{ width:100%; max-width:710px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:300px;margin:0px auto;width:960px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:205px;height:260px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:205px;height:205px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:205px;height:205px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:875px;height:260px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:205px;height:260px;margin-left:13px;}
}




/* Medium Devices */
@media only screen and (max-width : 845px) {
.hd_list{ width:760px; margin:0 auto; margin-bottom:40px}
.hd_list ul{ margin-top:10px; margin-bottom:0; }
.hd_list ul li{ margin-top:10px; margin-bottom:26px; height:283px; width:23%; max-width:180px; float:left; background:#FFF; overflow:hidden; }
.hd_list ul li .hd_left{ margin-left:10px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li img{width:100%; width:180px;}
.hd_list ul li h5{ width:180px;}
.hd_list ul li a span{ width:100%; width:180px; height:65px; text-indent:0px;  color:#595757; background:#090;  } 
.hd_list ul li a sapn h5{  font-size:12px; width:178px; height:30px; line-height:22px; text-align:left; overflow:hidden; }
.hd_list ul li a span h6{  font-size:14px; line-height:18px; color:#595757; text-align:left; margin-top:-10px;  margin-bottom:23px; } 
.hd_list ul li a:hover span{  position:absolute;width:175px; height:65px; display:inline; background:#3e3a39;  overflow:hidden;  } 
.hd_list ul li a:hover span h5{text-indent:0px; color:#fff; }
.hd_list ul li a:hover span h6{text-indent:0px; color:#fff; }


.hd_list_case{width:760px; margin:0 auto; margin-bottom:70px}
.hd_list_case ul{ margin-top:0px; margin-bottom:0}
.hd_list_case ul li{ margin-top:20px; margin-bottom:0px; width:360px; float:left; overflow:hidden; }
.hd_list_case ul li img{ width:360px; height:170px;}
.hd_list_case ul li a span{display:none; width:360px; height:170px;  } 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:40px;}


#news4{ display:none;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:50px; color:#595757;}
.hd_list_news{ width:760px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0;}
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:31.30%; max-width:243px; float:left;   }
.hd_list_news ul li img{ width:243px; height:243px; }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; padding-left:20px; font-size:14px; background:#dcdcdd; width:110%; max-width:243px; margin:0px; color:#595757;}
.hd_list_news ul li a span{display:none;  max-width:243px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:243px; bottom:70px; left:0px; top:-160px; font-size:14px; line-height:20px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:140px; margin-top:-180px; max-width:243px;} 
.hd_list_news ul li a:hover span h2{margin-top:183px; color:#fff;}



.hd_appad{ width:760px; margin:0 auto;}
.home_appad{ float:right; width:80%;  color:#FFF; padding-top:10%; margin-right:0%;}
.hd_index33{ width:100%; overflow:hidden; height:559px; background:url(../images/hd_index_app.jpg) no-repeat -750px center;}
.home_app_an{ display:none;}

.foot{ width:100%; margin:0 auto; height:120px; background:#343740;}
.footer{width:100%; max-width:760px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ float:left; width:50%; max-width:490px;  }
.foot_r{ float:left; width:60%; max-width:360px; }
.footnav { float:left; width:100%; max-width:490px; }
.footnav ul{ float:left; margin-top:5px; margin-left:10px;}
.footnav ul li{ float:left; margin-left:0px; margin-right:8px;}
.footnav ul li a{ color:#FFF;}
.footco{ float:left; width:50%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:1%; margin-right:2%; max-width:50px; max-height:140px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:35%; float:left; width:100%; max-width:300px; max-height:140px; text-align:left; overflow:hidden; font-size:14px;  }

.pagebody{ width:760px; margin:0 auto; margin-bottom:10px; margin-top:20px;}


/***************************************************20170714

/****产品***/
.bread{width:760px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:760px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ display:none;}

.pro_right{ width:710px; float:left; margin-left:20px; }
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:710px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:30.5%; max-width:220px; float:left; margin-left:10px; margin-right:10px; text-align:center; }
.pro_right_list ul li a img{  width:220px; height:220px;}
.pro_right_list ul li a span{ width:220px; height:30px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:14px;}

#myjQuery { width:300px;overflow:hidden;float:left; }
#myjQueryContent { OVERFLOW: hidden; width:300px; height:300px; }
#myjQueryContent DIV { POSITION: absolute; height:300px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG {background:#fff; display:block;margin:0 auto;width:300px; height:300px; float:left; }

.pro_pic{ float:left; width:40%; max-width:300px;}
.pro_js{ float:left; width:58%; max-width:420px; margin-left:30px; margin-top:0px; overflow:hidden;  color:#595757; }
.pro_js h3{ float:left; font-size:21px; max-width:350px; }
.pro_js h4{ float:right; margin-top:20px;}
.pro_js .txt{ height:245px; 
width:100%;
max-width:350px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:750px; float:left; overflow:hidden; margin-top:10px; }

/*.pro_cc img{ width:100%; max-width:1080px;}*/
.pro_cc h4{ float:left; color:#33a39; width:100%; max-width:750px; font-size:18px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:750px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:760px; float:left; overflow:hidden; margin-top:10px; }
.pro_xg h4{ float:left; color:#3e3a39;}


/******解决方案****/
.case_list{width:710px; float:left; }
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:710px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:470px; margin-left:30px; font-size:22px; color:#3e3a39; height:40px; font-size:21px; overflow:hidden; }
.case_li_m{ float:left; max-width:400px; margin-left:30px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:470px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/

.news_list{ width:100%;max-width:760px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:200px; height:200px;}
.news_li_p img{ float:left; width:200px; height:230px;}
.news_li_t{ float:left; width:470px; margin-left:30px; font-size:21px; color:#3e3a39; height:40px;}
.news_li_m{ float:left; width:470px; margin-left:30px;  color:#3e3a39; height:155px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:470px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}



/******联系我们****/
.cont_cc{ width:100%;max-width:760px; float:left; }

.down_li{ width:100%; max-width:710px; float:left;}
.down_li li{ width:100%; max-width:710px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:260px;margin:0px auto;width:760px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:66px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:66px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:160px;height:220px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:160px;height:160px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:160px;height:160px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:66px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:66px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:675px;height:260px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:160px;height:220px;margin-left:13px;}

}

/* Small Devices, Tablets */
@media only screen and (max-width:768px) {
.hd_list{ width:760px; margin:0 auto; margin-bottom:40px}
.hd_list ul{ margin-top:10px; margin-bottom:0; }
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:23%; max-width:180px; float:left;  }
.hd_list ul li .hd_left{ margin-left:10px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li img{width:100%; width:180px;}
.hd_list ul li h5{ width:180px;}
.hd_list ul li a span{ width:100%; max-width:180px; height:70px; text-indent:0px;  color:#595757; background:#090;  } 
.hd_list ul li a sapn h5{  font-size:12px; max-width:180px; height:30px; line-height:22px; text-align:left; overflow:hidden; }
.hd_list ul li a span h6{  font-size:14px; line-height:18px; color:#595757; text-align:left; margin-top:-10px;  margin-bottom:23px; } 
.hd_list ul li a:hover span{  position:absolute; height:65px; display:inline; background:#3e3a39;  } 
.hd_list ul li a:hover span h5{text-indent:0px; color:#fff; }
.hd_list ul li a:hover span h6{text-indent:0px; color:#fff; }


.hd_list_case{width:760px; margin:0 auto; margin-bottom:70px}
.hd_list_case ul{ margin-top:0px; margin-bottom:0}
.hd_list_case ul li{ margin-top:20px; margin-bottom:0px; width:360px; float:left; overflow:hidden; }
.hd_list_case ul li img{ width:360px; height:170px;}
.hd_list_case ul li a span{display:none; width:360px; height:170px;  } 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:40px;}


#news4{ display:none;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:50px; color:#595757;}
.hd_list_news{ width:760px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0;}
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:31.30%; max-width:243px; float:left;   }
.hd_list_news ul li img{ width:243px; height:243px; }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; padding-left:20px; font-size:14px; background:#dcdcdd; width:110%; max-width:243px; margin:0px; color:#595757;}
.hd_list_news ul li a span{display:none;  max-width:243px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:243px; bottom:70px; left:0px; top:-160px; font-size:14px; line-height:20px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:140px; margin-top:-180px; max-width:243px;} 
.hd_list_news ul li a:hover span h2{margin-top:183px; color:#fff;}



.hd_appad{ width:760px; margin:0 auto;}
.home_appad{ float:right; width:80%;  color:#FFF; padding-top:10%; margin-right:0%;}
.hd_index33{ width:100%; overflow:hidden; height:559px; background:url(../images/hd_index_app.jpg) no-repeat -750px center;}
.home_app_an{ display:none;}

.foot{ width:100%; margin:0 auto; height:120px; background:#343740;}
.footer{width:100%; max-width:760px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ float:left; width:50%; max-width:490px;  }
.foot_r{ float:left; width:60%; max-width:360px; }
.footnav { float:left; width:100%; max-width:490px; }
.footnav ul{ float:left; margin-top:5px; margin-left:10px;}
.footnav ul li{ float:left; margin-left:0px; margin-right:8px;}
.footnav ul li a{ color:#FFF;}
.footco{ float:left; width:50%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:1%; margin-right:2%; max-width:50px; max-height:140px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:35%; float:left; width:100%; max-width:300px; max-height:140px; text-align:left; overflow:hidden; font-size:14px;  }

.pagebody{ width:760px; margin:0 auto; margin-bottom:10px; margin-top:20px;}


/***************************************************20170714

/****产品***/
.bread{width:760px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:760px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ display:none;}

.pro_right{ width:710px; float:left; margin-left:20px; }
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:710px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:30.5%; max-width:220px; float:left; margin-left:10px; margin-right:10px; text-align:center; }
.pro_right_list ul li a img{  width:220px; height:220px;}
.pro_right_list ul li a span{ width:220px; height:30px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:14px;}

#myjQuery { width:300px;overflow:hidden;float:left; }
#myjQueryContent { OVERFLOW: hidden; width:300px; height:300px; }
#myjQueryContent DIV { POSITION: absolute; height:300px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG {background:#fff; display:block;margin:0 auto;width:300px; height:300px; float:left; }

.pro_pic{ float:left; width:40%; max-width:300px;}
.pro_js{ float:left; width:58%; max-width:420px; margin-left:30px; margin-top:0px; overflow:hidden;  color:#595757; }
.pro_js h3{ float:left; font-size:21px; max-width:350px; }
.pro_js h4{ float:right; margin-top:20px;}
.pro_js .txt{ height:245px; 
width:100%;
max-width:350px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:750px; float:left; overflow:hidden; margin-top:10px;  }

/*.pro_cc img{ width:100%; max-width:1080px;}*/
.pro_cc h4{ float:left; color:#33a39; width:100%; max-width:750px; font-size:18px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:750px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:760px; float:left; overflow:hidden; margin-top:10px; }
.pro_xg h4{ float:left; color:#3e3a39;}


/******解决方案****/
.case_list{width:710px; float:left; }
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:710px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:470px; margin-left:30px; font-size:22px; color:#3e3a39; height:40px; font-size:21px; overflow:hidden; }
.case_li_m{ float:left; max-width:400px; margin-left:30px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:470px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/

.news_list{ width:100%;max-width:760px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:200px; height:200px;}
.news_li_p img{ float:left; width:200px; height:230px;}
.news_li_t{ float:left; width:470px; margin-left:30px; font-size:21px; color:#3e3a39; height:40px;}
.news_li_m{ float:left; width:470px; margin-left:30px;  color:#3e3a39; height:155px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:470px; margin-left:30px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}



/******联系我们****/
.cont_cc{ width:100%;max-width:760px; float:left; }

.down_li{ width:100%; max-width:710px; float:left;}
.down_li li{ width:100%; max-width:710px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:260px;margin:0px auto;width:760px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:66px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:66px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:160px;height:220px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:160px;height:160px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:160px;height:160px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:66px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:66px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:675px;height:260px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:160px;height:220px;margin-left:13px;}
}

@media only screen and (max-width:720px) {
.hd_list{ width:700px; margin:0 auto; margin-bottom:40px}
.hd_list ul{ margin-top:10px; margin-bottom:0; }
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:22.69%; max-width:160px; float:left; background:#fff; height:270px; overflow:hidden;  }
.hd_list ul li .hd_left{ margin-left:5px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li img{width:100%; width:160px;}
.hd_list ul li h5{ width:160px; }
.hd_list ul li a span{ width:100%; max-width:160px; height:80px; text-indent:0px;  color:#595757; background:#090;  } 
.hd_list ul li a sapn h5{  font-size:10px; max-width:160px; height:30px; line-height:22px; text-align:left; overflow:hidden; text-indent:5px; }
.hd_list ul li a span h6{  font-size:12px; line-height:22px; color:#595757; text-align:left;  margin-bottom:23px; text-indent:5px; } 
.hd_list ul li a:hover span{  position:absolute; height:80px; display:inline; background:#3e3a39;  } 
.hd_list ul li a:hover span h5{text-indent:0px; color:#fff; }
.hd_list ul li a:hover span h6{text-indent:0px; color:#fff; }


.hd_list_case{width:700px; margin:0 auto; margin-bottom:70px}
.hd_list_case ul{ margin-top:0px; margin-bottom:0}
.hd_list_case ul li{ margin-top:20px; margin-bottom:0px; width:340px; float:left; overflow:hidden; }
.hd_list_case ul li img{ width:340px; height:161px;}
.hd_list_case ul li a span{display:none; width:340px; height:161px;  } 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:40px;}


#news4{ display:none;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:50px; color:#595757;}
.hd_list_news{ width:700px; margin:0 auto; margin-bottom:50px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0;}
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:31.30%; max-width:223px; float:left;   }
.hd_list_news ul li img{ width:223px; height:223px; }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; padding-left:20px; font-size:14px; background:#dcdcdd; width:110%; max-width:223px; margin:0px; color:#595757;}
.hd_list_news ul li a span{display:none;  max-width:223px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:223px; bottom:70px; left:0px; top:-160px; font-size:14px; line-height:20px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:180px; margin-top:-180px; max-width:223px;} 
.hd_list_news ul li a:hover span h2{margin-top:163px; color:#fff;}



.hd_appad{ width:700px; margin:0 auto;}
.home_appad{ float:right; width:80%;  color:#FFF; padding-top:10%; margin-right:10%;}
.hd_index33{ width:100%; overflow:hidden; height:559px; background:url(../images/hd_index_app.jpg) no-repeat -810px center;}
.home_app_an{ display:none;}

.foot{ width:100%; margin:0 auto; height:120px; background:#343740;}
.footer{width:100%; max-width:760px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ float:left; width:53%; max-width:380px;  }
.foot_r{ float:left; width:46%; max-width:320px; }
.footnav { float:left; width:100%; max-width:380px; }
.footnav ul{ float:left; margin-top:5px; margin-left:0px;}
.footnav ul li{ float:left; margin-left:0px; margin-right:8px;}
.footnav ul li a{ color:#FFF;}
.footco{ float:left; width:50%; margin-top:10px;}
.foot_r_1{ float:left; width:15%; margin-left:1%; margin-right:2%; max-width:80px; max-height:120px; text-align:center;  overflow:hidden; }
.foot_r_2{ width:35%; float:left; width:100%; max-width:260px; max-height:120px; text-align:left; overflow:hidden; font-size:14px; }

.pagebody{ width:690px; margin:0 auto; margin-bottom:10px; margin-top:20px;}


/***************************************************20170714

/****产品***/
.bread{width:700px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:700px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ display:none;}

.pro_right{ width:700px; float:left; margin-left:20px; }
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:700px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:29.5%; max-width:210px; float:left; margin-left:5px; margin-right:12px; text-align:center; }
.pro_right_list ul li a img{  width:210px; height:210px;}
.pro_right_list ul li a span{ width:210px; height:30px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:14px;}

#myjQuery { width:300px;overflow:hidden;float:left; }
#myjQueryContent { OVERFLOW: hidden; width:300px; height:300px; }
#myjQueryContent DIV { POSITION: absolute; height:300px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG {background:#fff; display:block;margin:0 auto;width:300px; height:300px; float:left; }

.pro_pic{ float:left; width:40%; max-width:300px;}
.pro_js{ float:left; width:58%; max-width:360px; margin-left:40px; margin-top:0px; overflow:hidden;  color:#595757;  }
.pro_js h3{ float:left; font-size:21px; max-width:350px; }
.pro_js h4{ float:right; margin-top:20px;}
.pro_js .txt{ height:245px; 
width:100%;
max-width:350px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:700px; margin-left:5px; float:left; overflow:hidden; margin-top:10px; }

/*.pro_cc img{ width:100%; max-width:1080px;}*/
.pro_cc h4{ float:left; color:#33a39; width:100%; max-width:700px; font-size:16px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:700px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:700px; float:left; overflow:hidden; margin-top:10px; }
.pro_xg h4{ float:left; color:#3e3a39;}


/******解决方案****/
.case_list{width:700px; float:left; }
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:710px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:470px; margin-left:20px; font-size:22px; color:#3e3a39; height:50px; font-size:21px; overflow:hidden; }
.case_li_m{ float:left; max-width:400px; margin-left:20px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:470px; margin-left:20px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/

.news_list{ width:100%;max-width:700px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; margin-left:10px; }
.news_li_p{ float:left; width:200px; height:200px;}
.news_li_p img{ float:left; width:200px; height:230px;}
.news_li_t{ float:left; width:470px; margin-left:20px; font-size:21px; color:#3e3a39; height:40px;}
.news_li_m{ float:left; width:470px; margin-left:20px;  color:#3e3a39; height:155px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:470px; margin-left:20px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}



/******联系我们****/
.cont_cc{ width:100%;max-width:700px; float:left; }

.down_li{ width:100%; max-width:700px; float:left;}
.down_li li{ width:100%; max-width:700px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:260px;margin:0px auto;width:700px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:66px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:66px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:160px;height:220px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:160px;height:160px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:160px;height:160px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:66px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:66px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:675px;height:260px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:160px;height:220px;margin-left:13px;}
}
@media only screen and (max-width : 640px) {



.hd_list{ width:620px; margin:0 auto; margin-bottom:40px; }
.hd_list ul{ margin-top:10px; margin-bottom:0;}
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:40%; max-width:250px; float:left; margin-left:5%; overflow:hidden; height:380px; }
.hd_list ul li img{width:100%; width:250px;}
.hd_list ul li h5{ width:250px;}
.hd_list ul li .hd_left{ margin-left:40px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li span{height:80px;}
.hd_list ul li a span{ width:100%; max-width:250px; height:80px; text-indent:30px;  color:#595757; font-family: 'MyriadPro-Bold'; } 
.hd_list ul li a sapn h5{  font-size:14px; height:30px; line-height:22px; text-align:left; text-indent:30px;  }
.hd_list ul li a span h6{  font-size:14px; line-height:22px; color:#595757; text-align:left;  margin-bottom:23px; text-indent:30px; } 
.hd_list ul li a:hover span{ position:absolute; width:250px; display:inline; background:#3e3a39;   } 
.hd_list ul li a:hover span h5{text-indent:30px; color:#fff; }
.hd_list ul li a:hover span h6{text-indent:30px; color:#fff; }

.home_case_t{ margin-top:50px; color:#FFF; font-size:32px;}
.hd_list_case{width:640px; margin:0 auto; }
.hd_list_case ul{ margin-top:0px; margin-bottom:0;}
.hd_list_case ul li{margin-bottom:0px; width:640px; float:left; overflow:hidden; margin-top:0px; }
.hd_list_case ul li img{ width:640px; height:302px;}
.hd_list_case ul li a span{display:none; width:640px; height:302px; } 
 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:100px;}
.hd_list_case ul li a:hover span h2{font-size:18px; line-height:12px; color:#FFF; text-align:center;}


#news4{display:block; margin-left:40px;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:50px; color:#595757;}
.hd_list_news{ width:620px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0;}
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:44.49%; max-width:270px; float:left; margin-left:20px;  }
.hd_list_news ul li img{ width:270px; height:270px; }
.hd_list_news ul li h1{ float:left;  height:70px;   width:270px;  }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; width:100%; max-width:270px; font-size:14px; color:#595757;}
.hd_list_news ul li a span{display:none;  width:270px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:270px; bottom:70px; left:0px; top:-180px; font-size:14px; line-height:22px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:160px; margin-top:-160px; max-width:270px;} 
.hd_list_news ul li a:hover span h2{margin-top:183px; color:#fff;}



.hd_appad{ width:640px; margin:0 auto;}
.home_appad{ float:left; margin-left:10%;  width:80%;  color:#FFF; padding-top:10%; margin-right:10%;}
.home_appad h3{float:left; text-align:center; width:100%; max-width:520px; font-size:32px; font-family: " ";}
.home_appad h4{ float:left; text-align:center; width:100%; max-width:520px; font-size:18px; padding-top:2%;}
.home_appad span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:520px; font-family: " ";}

.home_appad_en{ float:left; margin-left:10%;  width:80%;  color:#FFF; padding-top:10%; margin-right:10%;}
.home_appad_en h3{float:left; text-align:center; width:100%; max-width:520px; font-size:32px; font-family: " ";}
.home_appad_en h4{ float:left; text-align:center; width:100%; max-width:520px; font-size:18px; padding-top:2%;}
.home_appad_en span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:520px; font-family: " ";}


.hd_index33{ width:100%; overflow:hidden; height:559px; background:url(../images/hd_index_app.jpg) no-repeat -840px center;}
.home_app_an{ display:none;}

.foot{ width:100%; margin:0 auto; height:110px; background:#343740;}
.footer{width:100%; max-width:1110px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ display:none; }
.foot_r{ float:left; width:90%; max-width:620px;  margin-top:0px; }
.footco{ float:left; width:30%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:2%; margin-right:5%; max-width:100px; max-height:120px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:45%; float:left; width:100%; max-width:360px; max-height:120px; text-align:left; overflow:hidden; font-size:14px;  }

.pagebody{ width:600px; margin:0 auto; margin-bottom:10px; margin-top:20px;}

/****产品***/
.bread{width:640px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:640px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ display:none;}


.pro_right{ width:640px; float:left;}
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:640px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:28.49%; max-width:190px; float:left; margin-right:10px; text-align:center;  }
.pro_right_list ul li a img{  width:190px; height:190px;}
.pro_right_list ul li a span{ width:190px; height:40px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:14px;}


#myjQuery { width:300px;overflow:hidden;float:left; }
#myjQueryContent { OVERFLOW: hidden; width:300px; height:300px; }
#myjQueryContent DIV { POSITION: absolute; height:300px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG {background:#fff; display:block;margin:0 auto;width:300px; height:300px; float:left; }


.pro_pic{ float:left; width:45%; max-width:300px;}
.pro_js{ float:left; width:58%; max-width:320px; margin-left:20px; margin-top:0px; overflow:hidden;  color:#595757;}
.pro_js h3{ float:left; font-size:21px; max-width:320px; }
.pro_js h4{ float:right; margin-top:20px;}
.pro_js .txt{ height:245px;
width:100%;
max-width:320px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:640px; float:left; overflow:hidden; margin-top:10px; }

.pro_cc h4{ float:left; color:#33a39; width:100%; max-width:640px;  font-size:16px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:640px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:640px; float:left; overflow:hidden; margin-top:10px;}
.pro_xg h4{ float:left; color:#3e3a39;}
/*.pro_xg ul{ float:left;margin-top:10px; margin-bottom:20px;width:100%; max-width:1080px;}
.pro_xg ul li{ width:23.49%; max-width:250px; float:left; margin-left:10px; margin-right:10px; text-align:center; }
.pro_xg ul li img{ width:250px; height:250px; overflow:hidden;}
.pro_xg ul li span{ height:30px; line-height:30px; color:3e3a39;  font-size:16px;}*/

/******解决方案****/
.case_list{width:640px; float:left;}
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:630px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:600px; margin-left:0px; font-size:22px; color:#3e3a39; height:40px; font-size:21px; overflow:hidden; margin-top:10px; }
.case_li_m{ float:left; max-width:600px; margin-left:0px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:600px; margin-left:0px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/
.news_list{ width:100%;max-width:640px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:250px; height:250px;}
.news_li_t{ float:left; width:600px; margin-left:0px; font-size:21px; color:#3e3a39; height:40px;}
.news_li_m{ float:left; width:600px; margin-left:0px;  color:#3e3a39; height:175px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:600px; margin-left:0px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}




/******联系我们****/
.cont_cc{ width:100%;max-width:640px; float:left; }
.cont_cc h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.cont_show{ margin-top:20px;}
.cont_show ul{ margin:0 auto; width:600px;}
.cont_show ul li{ float:left; margin-top:20px;}
.cont_show ul li span{ width:100px; float:left; text-align:right;}


.down_li{ width:100%; max-width:640px; float:left;}
.down_li li{ width:100%; max-width:640px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:200px;margin:0px auto;width:640px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.playerdetail{width:145px;height:200px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
/*滚动*/
div.maindiv1{float:left;width:640px;height:200px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0; margin-left:-6px;}
div.maindiv1 ul li{float:left;width:145px;height:260px;margin-left:13px;}
}



/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	
.hd_index22{ width:100%; overflow:hidden; height:120px; background:url(../images/case2.png) no-repeat center;}
.hd_index22_en{ width:100%; overflow:hidden; height:120px; background:url(../images/case2_en.png) no-repeat center;}
.hd_list{ width:470px; margin:0 auto; margin-bottom:40px; }
.hd_list ul{ margin-top:-10px; margin-bottom:0;}
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:40%; max-width:230px; float:left; margin-left:5%; overflow:hidden; height:358px; }
.hd_list ul li img{width:100%; width:230px;}
.hd_list ul li h5{ width:230px;}
.hd_list ul li .hd_left{ margin-left:20px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li span{height:80px;}
.hd_list ul li a span{ width:100%; max-width:190px; height:80px; text-indent:10px;  color:#595757; font-family: 'MyriadPro-Bold'; } 
.hd_list ul li a sapn h5{  font-size:14px; height:30px; line-height:22px; text-align:left;  }
.hd_list ul li a span h6{  font-size:14px; line-height:22px; color:#595757; text-align:left;  margin-bottom:23px; text-indent:10px; } 
.hd_list ul li a:hover span{ position:absolute; width:230px; display:inline; background:#3e3a39;   } 
.hd_list ul li a:hover span h5{text-indent:10px; color:#fff; }
.hd_list ul li a:hover span h6{text-indent:10px; color:#fff; }

.home_case_t{ margin-top:50px; color:#FFF; font-size:32px;}
.hd_list_case{width:480px; margin:0 auto; }
.hd_list_case ul{ margin-top:0px; margin-bottom:0;}
.hd_list_case ul li{margin-bottom:0px; width:480px; float:left; overflow:hidden; margin-top:0px; }
.hd_list_case ul li img{ width:480px; height:227px;}
.hd_list_case ul li a span{display:none; width:480px; height:227px; } 
 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:80px;}
.hd_list_case ul li a:hover span h2{font-size:18px; line-height:12px; color:#FFF; text-align:center;}


#news4{display:block; margin-left:15px;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:30px; color:#595757; font-size:16px;}
.hd_list_news{ width:480px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0; }
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:43%; width:220px; float:left; margin-left:0px;  }
.hd_list_news ul li img{ width:220px; height:220px; }
.hd_list_news ul li h1{ float:left;  height:70px;   width:220px;  }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; width:100%; max-width:220px; font-size:14px; color:#595757;}
.hd_list_news ul li a span{display:none;  width:220px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:220px; bottom:70px; left:0px; top:-180px; font-size:12px; line-height:22px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:180px; margin-top:-180px; max-width:220px;} 
.hd_list_news ul li a:hover span h2{margin-top:183px; color:#fff;}



.hd_appad{ width:480px; margin:0 auto;}
.home_appad{ float:left; margin-left:3%;  width:94%;  color:#FFF; padding-top:10%; margin-right:3%;}
.home_appad h3{float:left; text-align:center; width:100%; max-width:460px; font-size:32px; font-family: " ";}
.home_appad h4{ float:left; text-align:center; width:100%; max-width:460px; font-size:16px; padding-top:2%;}
.home_appad span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:470px; font-family: " ";}

.home_appad_en{ float:left; margin-left:3%;  width:94%;  color:#FFF; padding-top:10%; margin-right:3%;}
.home_appad_en h3{float:left; text-align:center; width:100%; max-width:460px; font-size:32px; font-family: " ";}
.home_appad_en h4{ float:left; text-align:center; width:100%; max-width:460px; font-size:16px; padding-top:2%;}
.home_appad_en span{ float:left; padding-top:3%;  text-align:center; line-height:24px; font-size:14px; width:100%; max-width:470px; font-family: " ";}

.hd_index33{ width:100%; overflow:hidden; height:559px; background:url(../images/hd_index_app.jpg) no-repeat -910px center;}
.home_app_an{ display:none;}

.foot{ width:100%; margin:0 auto; height:110px; background:#343740;}
.footer{width:100%; max-width:1110px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ display:none; }
.foot_r{ float:left; width:90%; max-width:480px;  margin-top:0px; }
.footco{ float:left; width:30%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:2%; margin-right:5%; max-width:100px; max-height:120px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:45%; float:left; width:100%; max-width:260px; max-height:120px; text-align:left; overflow:hidden; font-size:14px;  }

.pagebody{ width:460px; margin:0 auto; margin-bottom:10px; margin-top:20px;}
.pagebody h3{ font-size:18px;}

/****产品***/
.bread{width:460px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:460px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ display:none;}




.pro_right{ width:460px; float:left; }
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:460px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:42.5%; max-width:220px; float:left; margin-left:-10px; margin-right:40px; text-align:center; }
.pro_right_list ul li a img{  width:220px; height:220px;}
.pro_right_list ul li a span{ width:220px; height:30px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:14px;}



.pro_pic{ float:left; width:100%; max-width:400px;}
.pro_js{ float:left; width:90%; max-width:460px; margin-left:30px; margin-top:0px; overflow:hidden;  color:#595757; }
.pro_js h3{ float:left; font-size:21px; max-width:450px; }
.pro_js h4{ float:right; margin-top:20px;}
.pro_js .txt{ min-height:345px; 
width:100%;
max-width:460px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:460px; float:left; overflow:hidden; margin-top:10px;  }
/*.pro_cc img{ width:100%; max-width:1080px;}*/
.pro_cc h4{ float:left; color:#33a39;  max-width:460px; font-size:16px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:460px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:460px; float:left; overflow:hidden; margin-top:10px; }
.pro_xg h4{ float:left; color:#3e3a39; font-size:16px;}


/******解决方案****/
.case_list{width:460px; float:left; }
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:460px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:450px; margin-left:0px; font-size:22px; color:#3e3a39; height:40px; font-size:21px; overflow:hidden; }
.case_li_m{ float:left; max-width:400px; margin-left:0px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:460px; margin-left:0px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/

.news_list{ width:100%;max-width:460px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:250px; height:250px;}
.news_li_t{ float:left; width:460px; margin-left:0px; font-size:21px; color:#3e3a39; height:40px;}
.news_li_m{ float:left; width:460px; margin-left:0px;  color:#3e3a39; height:175px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:460px; margin-left:0px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}



/******联系我们****/
.cont_cc{ width:100%;max-width:460px; float:left; }

.down_li{ width:100%; max-width:460px; float:left;}
.down_li li{ width:100%; max-width:460px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:200px;margin:0px auto;width:640px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.playerdetail{width:145px;height:200px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
/*滚动*/
div.maindiv1{float:left;width:460px;height:200px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0; margin-left:-6px;}
div.maindiv1 ul li{float:left;width:145px;height:260px;margin-left:13px;}

}
@media only screen and (max-width : 420px) {
	
	.rm-container{ margin-right:-40px; float:right;}
	
.hd_index22{ width:100%; overflow:hidden; height:120px; background:url(../images/case2.png) no-repeat center;}
.hd_index22_en{ width:100%; overflow:hidden; height:120px; background:url(../images/case2_en.png) no-repeat center;}
.hd_list{ width:400px; margin:0 auto; margin-bottom:30px; }
.hd_list ul{ margin-top:-20px; margin-bottom:0;}
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:190px; float:left; overflow:hidden; margin-right:6px; margin-left:3px; height:320px; }
.hd_list ul li img{width:200px; }
.hd_list ul li h5{ width:200px;}
.hd_list ul li .hd_left{ margin-left:10px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li span{height:60px;}
.hd_list ul li a span{ width:100%; max-width:190px; height:60px; text-indent:10px;  color:#595757; font-family: 'MyriadPro-Bold'; } 
.hd_list ul li a sapn h5{  font-size:12px; height:30px; line-height:22px; text-align:left; text-indent:10px; }
.hd_list ul li a span h6{  font-size:12px; line-height:22px; color:#595757; text-align:left;  margin-bottom:23px; } 
.hd_list ul li a:hover span{ position:absolute; width:200px; display:inline; background:#3e3a39;   } 
.hd_list ul li a:hover span h5{ color:#fff; text-indent:10px;}
.hd_list ul li a:hover span h6{ color:#fff; text-indent:10px;}

.home_case_t{ margin-top:50px; color:#FFF; font-size:32px;}
.hd_list_case{width:420px; margin:0 auto; }
.hd_list_case ul{ margin-top:0px; margin-bottom:0;}
.hd_list_case ul li{margin-bottom:0px; width:420px; float:left; overflow:hidden; margin-top:0px; }
.hd_list_case ul li img{ width:420px; height:199px;}
.hd_list_case ul li a span{display:none; width:420px; height:199px; } 
 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:60px;}
.hd_list_case ul li a:hover span h2{font-size:18px; line-height:12px; color:#FFF; text-align:center;}


#news4{display:block; margin-left:0px;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:30px; color:#595757; font-size:16px;}
.hd_list_news{ width:400px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0; }
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:43%; width:190px; float:left; margin-right:10px;  }
.hd_list_news ul li img{ width:190px; height:190px; }
.hd_list_news ul li h1{ float:left;  height:70px;   width:190px;  }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; width:100%; max-width:190px; font-size:14px; color:#595757;}
.hd_list_news ul li a span{display:none;  width:190px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:190px; bottom:70px; left:0px; top:-180px; font-size:12px; line-height:22px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:180px; margin-top:-180px; max-width:190px; display:none; } 
.hd_list_news ul li a:hover span h2{margin-top:183px; color:#fff;}



.hd_appad{ width:420px; margin:0 auto;}
.home_appad{ float:left; margin-left:3%;  width:94%;  color:#FFF; padding-top:10%; margin-right:3%;}
.home_appad h3{float:left; text-align:center; width:100%; max-width:420px; font-size:32px; font-family: " ";}
.home_appad h4{ float:left; text-align:center; width:100%; max-width:420px; font-size:16px; padding-top:2%;}
.home_appad span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:420px; font-family: " ";}

.home_appad_en{ float:left; margin-left:3%;  width:94%;  color:#FFF; padding-top:10%; margin-right:3%;}
.home_appad_en h3{float:left; text-align:center; width:100%; max-width:420px; font-size:32px; font-family: " ";}
.home_appad_en h4{ float:left; text-align:center; width:100%; max-width:420px; font-size:16px; padding-top:2%;}
.home_appad_en span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:420px; font-family: " ";}

.hd_index33{ width:100%; overflow:hidden; height:559px; background:url(../images/hd_index_app.jpg) no-repeat -950px center;}
.home_app_an{ display:none;}

.foot{ width:100%; margin:0 auto; height:110px; background:#343740;}
.footer{width:100%; max-width:1110px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ display:none; }
.foot_r{ float:left; width:90%; max-width:420px;  margin-top:0px; }
.footco{ float:left; width:30%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:2%; margin-right:5%; max-width:100px; max-height:120px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:80%; float:left; max-width:260px; max-height:120px; text-align:left; overflow:hidden; font-size:14px;  }

.pagebody{ width:400px; margin:0 auto; margin-bottom:10px; margin-top:20px;}
.pagebody h3{ font-size:18px;}

/****产品***/
.bread{width:420px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:420px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ display:none;}




.pro_right{ width:420px; float:left; }
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:420px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:42.5%; max-width:190px; float:left; margin-left:-10px; margin-right:30px; text-align:center; }
.pro_right_list ul li a img{  width:190px; height:190px;}
.pro_right_list ul li a span{ width:190px; height:30px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:12px;}



.pro_pic{ float:left; width:100%; max-width:400px;}
.pro_js{ float:left; width:90%; max-width:400px; margin-left:30px; margin-top:0px; overflow:hidden;  color:#595757; }
.pro_js h3{ float:left; font-size:21px; max-width:400px; }
.pro_js h4{ float:left; margin-top:10px;}
.pro_js .txt{ height:345px; 
width:100%;
max-width:400px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:400px; float:left; overflow:hidden; margin-top:10px;  }
/*.pro_cc img{ width:100%; max-width:1080px;}*/
.pro_cc h4{ float:left; color:#33a39;  max-width:400px; font-size:16px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:400px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:400px; float:left; overflow:hidden; margin-top:10px; }
.pro_xg h4{ float:left; color:#3e3a39; font-size:16px;}


/******解决方案****/
.case_list{width:400px; float:left; }
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:460px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:380px; margin-left:0px; font-size:22px; color:#3e3a39; height:50px; font-size:21px; overflow:hidden; }
.case_li_m{ float:left; max-width:400px; margin-left:0px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:400px; margin-left:0px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/

.news_list{ width:100%;max-width:400px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:250px; height:250px;}
.news_li_t{ float:left; width:400px; margin-left:0px; font-size:21px; color:#3e3a39; height:50px;}
.news_li_m{ float:left; width:400px; margin-left:0px;  color:#3e3a39; height:175px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:400px; margin-left:0px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}



/******联系我们****/
.cont_cc{ width:100%;max-width:400px; float:left; }

.down_li{ width:100%; max-width:400px; float:left;}
.down_li li{ width:100%; max-width:400px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:200px;margin:0px auto;width:640px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.playerdetail{width:145px;height:200px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
/*滚动*/
div.maindiv1{float:left;width:640px;height:200px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0; margin-left:-6px;}
div.maindiv1 ul li{float:left;width:145px;height:260px;margin-left:13px;}

}


@media only screen and (max-width : 380px) {
	
	.hd_index22{ width:100%; overflow:hidden; height:120px; background:url(../images/case2.png) no-repeat center; margin-bottom:-30px;}
	.hd_index22_en{ width:100%; overflow:hidden; height:120px; background:url(../images/case2_en.png) no-repeat center; margin-bottom:-30px;}
	
 .brand img{ width:80px; margin-left:-20px;}
 
.search-b{ position:absolute; margin-left:-20px;
left:45%;
z-index:3; }
.search{ width:100%;max-width:115px;height:24px; padding-top:28px; }
.search .key{width:80px;height:22px;line-height:22px;margin:1px 0 1px 5px; color:#999;background-color: transparent;   border: 0px;float:left;}
.search .key[type="text"]:focus{outline:none; color:#898989; }
.search .sub{float:right;width:30px;height:24px;background:url(../images/search.png) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}
 

.hd_list{ width:360px; margin:0 auto; margin-bottom:40px; }
.hd_list ul{ margin-top:10px; margin-bottom:0;}
.hd_list ul li{ margin-top:0px; margin-bottom:15px; width:100%; max-width:165px; height:260px; float:left; overflow:hidden; margin-right:5px; margin-left:10px;}
.hd_list ul li img{width:100%; width:165px;}
.hd_list ul li h5{ width:165px;}
.hd_list ul li .hd_left{ margin-left:40px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li span{height:60px;}
.hd_list ul li a span{ width:100%; max-width:165px; height:60px;  color:#595757; font-family: 'MyriadPro-Semibold';  text-indent:5px;} 
.hd_list ul li a sapn h5{  font-size:14px; height:20px; line-height:22px; text-align:left; margin-bottom:-10px; text-indent:5px; }
.hd_list ul li a span h6{  font-size:14px; line-height:18px; color:#595757; text-align:left; margin-top:-10px;  text-indent:5px; } 
.hd_list ul li a:hover span{ position:absolute; width:165px; display:block; background:#3e3a39; height:60px;} 
.hd_list ul li a:hover span h5{ color:#fff;  text-indent:5px;}
.hd_list ul li a:hover span h6{color:#fff; text-indent:5px; }

.home_case_t{ margin-top:30px; color:#FFF; font-size:28px;}
.home_case_t h2{ color:#FFF; font-size:24px;}
.hd_list_case{width:360px; margin:0 auto; margin-bottom:20px; }
.hd_list_case ul{ margin-top:0px; margin-bottom:0;}
.hd_list_case ul li{margin-bottom:10px; width:355px; float:left; overflow:hidden; margin-top:0px; margin-left:1px; }
.hd_list_case ul li img{ width:355px; height:168px;}
.hd_list_case ul li a span{display:none; width:355px; height:168px; } 
 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:40px;}
.hd_list_case ul li a:hover span h2{font-size:18px; line-height:12px; color:#FFF; text-align:center;}


#news4{display:block; margin-left:10px;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef; margin-bottom:-40px;}
.home_news_t{ margin-top:30px; color:#595757; }
.home_news_t h2{ font-size:24px; margin-left:10px;}
.hd_list_news{ width:400px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0; }
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:43%; width:170px; float:left; margin-right:5px; margin-left:10px;  }
.hd_list_news ul li img{ width:170px; height:180px; }
.hd_list_news ul li h1{ float:left;  height:60px;   width:170px; font-size:14px; }
.hd_list_news ul li a h1{ float:left;  height:60px; margin-top:-15px; padding-left:5px; width:100%; max-width:170px; font-size:12px; color:#595757; text-align:left;}
.hd_list_news ul li a span{display:none;  width:180px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:170px; bottom:70px; left:0px; top:-180px; font-size:12px; line-height:22px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:180px; margin-top:-180px; max-width:170px; overflow:hidden; display:none; } 
.hd_list_news ul li a:hover span h2{margin-top:80px; color:#fff; padding:5px;}


.hd_appad{ width:360px; margin:0 auto;}
.home_appad{ float:left; margin-left:1%;  width:98%;  color:#FFF; padding-top:10%; margin-right:1%;}
.home_appad h3{float:left; text-align:center; width:100%; max-width:520px; font-size:32px; font-family: " ";}
.home_appad h4{ float:left; text-align:center; width:100%; max-width:520px; font-size:18px; padding-top:1%;}
.home_appad span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:520px; font-family: " ";}

.home_appad_en{ float:left; margin-left:1%;  width:98%;  color:#FFF; padding-top:0%; margin-right:1%;}
.home_appad_en h3{float:left; text-align:center; width:100%; max-width:520px; font-size:24px; font-family: " "; padding-top:-1%;}
.home_appad_en h4{ float:left; text-align:center; width:100%; max-width:520px; font-size:18px; padding-top:-1%;}
.home_appad_en span{ float:left; padding-top:0%;  text-align:center; line-height:22px; font-size:14px; width:100%; max-width:520px; font-family: " ";}

.hd_index33{ width:100%; overflow:hidden; height:429px; background:url(../images/hd_index_app.jpg) no-repeat -1360px center;}
.home_app_an{ display: block;}

.foot{ width:100%; margin:0 auto; height:110px; background:#343740;}
.footer{width:100%; max-width:1110px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ display:none; }
.foot_r{ float:left; width:100%; max-width:360px;  margin-top:-20px; height:90px; }

.foot_r_1{ float:left;  width:120px; max-height:90px; text-align:center;  overflow:hidden;}
.foot_r_2{ float:left; max-width:200px; max-height:90px; text-align:left; overflow:hidden; font-size:12px;   }

.pagebody{ width:340px; margin:0 auto; margin-bottom:10px; margin-top:20px; margin-left:15px;}

/****产品***/
.bread{width:350px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:350px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ display:none;}


.pro_right{ width:340px; float:left; margin-left:0px;}
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:350px; float:left; margin-left:15px;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:38.5%; max-width:150px; float:left; margin-left:0px; margin-right:40px; text-align:center; }
.pro_right_list ul li a img{  width:150px; height:150px;}
.pro_right_list ul li a span{ width:150px; height:30px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:14px; line-height:32px;}



#myjQuery { width:300px;overflow:hidden;float:left;  }
#myjQueryContent { OVERFLOW: hidden; width:300px; height:300px; }
#myjQueryContent DIV { POSITION: absolute; height:300px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG {background:#fff; display:block;margin:0 auto;width:300px; height:300px; float:left; }


.pro_pic{ float:left; width:100%; max-width:340px;}
.pro_js{ float:left; width:100%; max-width:340px; margin-left:0px; height:auto; margin-top:0px; overflow:hidden;  color:#595757;}
.pro_js h3{ float:left; font-size:18px; width:340px; }
.pro_js h4{ float:left; margin-top:20px; }
.pro_js .txt{ }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:320px; float:left; overflow:hidden; margin-top:10px;  }

.pro_cc h4{ float:left; color:#33a39; width:100%; max-width:640px; font-size:16px; width:320px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:640px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:640px; float:left; overflow:hidden; margin-top:10px;}
.pro_xg h4{ float:left; color:#3e3a39; margin-bottom:-10px;}
/*.pro_xg ul{ float:left;margin-top:10px; margin-bottom:20px;width:100%; max-width:1080px;}
.pro_xg ul li{ width:23.49%; max-width:250px; float:left; margin-left:10px; margin-right:10px; text-align:center; }
.pro_xg ul li img{ width:250px; height:250px; overflow:hidden;}
.pro_xg ul li span{ height:30px; line-height:30px; color:3e3a39;  font-size:16px;}*/

/******解决方案****/
.case_list{width:320px; float:left;}
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:320px;  }
.case_li_p{ float:left; max-width:200px; height:200px;}
.case_li_p img{ height:200px;}
.case_li_t{ float:left; max-width:300px; margin-left:-10px; font-size:22px; color:#3e3a39; height:50px; font-size:21px; overflow:hidden; margin-top:10px; }
.case_li_m{ float:left; max-width:300px; margin-left:-10px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:300px; margin-left:-10px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/
.news_list{ width:100%;max-width:320px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:200px; height:230px;}
.news_li_p img{ width:200px; height:200px; }
.news_li_t{ float:left; width:300px; margin-left:0px; font-size:18px; line-height:22px; color:#3e3a39; height:50px;}
.news_li_m{ float:left; width:300px; margin-left:0px; color:#3e3a39; min-height:145px; line-height:22px; font-size:14px; margin-top:15px;}
.news_li_d{ float:left; width:300px; margin-left:0px; height:25px; line-height:25px; margin-top:-10px;  color:#3e3a39; font-size:14px;}


/*Banner*/

/******联系我们****/
.cont_cc{ width:100%;max-width:320px; float:left; }
.cont_cc h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.cont_show{ margin-top:20px;}
.cont_show ul{ margin:0 auto; width:300px;}
.cont_show ul li{ float:left; margin-top:20px;}
.cont_show ul li span{ width:100px; float:left; text-align:left; text-indent:12px;}


.down_li{ width:100%; max-width:320px; float:left;}
.down_li li{ width:100%; max-width:320px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:200px; margin:0px auto;width:340px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer; }
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer; }
div.indexmaindiv1 div.playerdetail{width:145px;height:200px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:310px;height:200px; position:relative; margin-left:12px; }
div.maindiv1 ul{position:absolute;left:0;top:0; margin-left:-6px;}
div.maindiv1 ul li{float:left;width:145px;height:260px;margin-left:13px;}

}


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 360px) {
	.hd_index22{ width:100%; overflow:hidden; height:120px; background:url(../images/case2.png) no-repeat center; margin-bottom:-30px;}
	.hd_index22_en{ width:100%; overflow:hidden; height:120px; background:url(../images/case2_en.png) no-repeat center; margin-bottom:-30px;}
	
 .brand img{ width:80px; margin-left:-20px;}
 
.search-b{ position:absolute; margin-left:-40px;
left:45%;
z-index:3; }
.search{ width:100%;max-width:115px;height:24px; padding-top:28px; }
.search .key{width:80px;height:22px;line-height:22px;margin:1px 0 1px 5px; color:#999;background-color: transparent;   border: 0px;float:left;}
.search .key[type="text"]:focus{outline:none; color:#898989; }
.search .sub{float:right;width:30px;height:24px;background:url(../images/search.png) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}
 

.hd_list{ width:360px; margin:0 auto; margin-bottom:40px; }
.hd_list ul{ margin-top:10px; margin-bottom:0;}
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:100%; max-width:165px; height:260px; float:left; overflow:hidden; margin-right:5px;}
.hd_list ul li img{width:100%; width:165px;}
.hd_list ul li h5{ width:165px;}
.hd_list ul li .hd_left{ margin-left:40px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li span{height:80px;}
.hd_list ul li a span{ width:100%; max-width:165px; height:80px;  color:#595757; font-family: 'MyriadPro-Bold'; } 
.hd_list ul li a sapn h5{  font-size:14px; height:30px; line-height:22px; text-align:left;  }
.hd_list ul li a span h6{  font-size:14px; line-height:22px; color:#595757; text-align:left;  margin-bottom:23px; } 
.hd_list ul li a:hover span{ position:absolute; width:165px; display:block; background:#3e3a39; } 
.hd_list ul li a:hover span h5{ color:#fff; }
.hd_list ul li a:hover span h6{color:#fff; }

.home_case_t{ margin-top:50px; color:#FFF; font-size:32px;}
.hd_list_case{width:320px; margin:0 auto; }
.hd_list_case ul{ margin-top:0px; margin-bottom:0;}
.hd_list_case ul li{margin-bottom:0px; width:320px; float:left; overflow:hidden; margin-top:0px; }
.hd_list_case ul li img{ width:320px; height:150px;}
.hd_list_case ul li a span{display:none; width:320px; height:150px; } 
 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:40px;}
.hd_list_case ul li a:hover span h2{font-size:18px; line-height:12px; color:#FFF; text-align:center;}


#news4{display:block; margin-left:10px;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:30px; color:#595757; font-size:16px;}
.hd_list_news{ width:400px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0; }
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:40%; width:170px; float:left; margin-right:0px;  }
.hd_list_news ul li img{ width:170px; height:170px; }
.hd_list_news ul li h1{ float:left;  height:70px;   width:170px;  }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; width:100%; max-width:170px; font-size:14px; color:#595757;}
.hd_list_news ul li a span{display:none;  width:180px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:170px; bottom:70px; left:0px; top:-180px; font-size:12px; line-height:22px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:170px; margin-top:-170px; max-width:170px;display:none; } 
.hd_list_news ul li a:hover span h2{margin-top:3px; color:#fff;}


.hd_appad{ width:320px; margin:0 auto;}
.home_appad{ float:left; margin-left:10%;  width:80%;  color:#FFF; padding-top:10%; margin-right:10%;}
.home_appad h3{float:left; text-align:center; width:100%; max-width:520px; font-size:32px; font-family: " ";}
.home_appad h4{ float:left; text-align:center; width:100%; max-width:520px; font-size:18px; padding-top:2%;}
.home_appad span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:520px; font-family: " ";}

.home_appad_en{ float:left; margin-left:10%;  width:90%;  color:#FFF; padding-top:0%; margin-right:10%;}
.home_appad_en h3{float:left; text-align:center; width:100%; max-width:520px; font-size:32px; font-family: " ";}
.home_appad_en h4{ float:left; text-align:center; width:100%; max-width:520px; font-size:18px; padding-top:0%;}
.home_appad_en span{ disn float:left; padding-top:0%;  text-align:center; line-height:18px; font-size:14px; width:100%; max-width:520px; font-family: " ";}


.hd_index33{ width:100%; overflow:hidden; height:559px; background:url(../images/hd_index_app.jpg) no-repeat -1360px center;}
.home_app_an{ display: block;}

.foot{ width:100%; margin:0 auto; height:110px; background:#343740;}
.footer{width:100%; max-width:1110px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ display:none; }
.foot_r{ float:left; width:90%; max-width:320px;  margin-top:0px; }
.footco{ float:left; width:30%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:2%; margin-right:5%; max-width:50px; max-height:120px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:90%; float:left; max-width:220px; max-height:120px; text-align:left; overflow:hidden; font-size:14px;   }

.pagebody{ width:300px; margin:0 auto; margin-bottom:10px; margin-top:20px;}

/****产品***/
.bread{width:320px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:320px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ display:none;}


.pro_right{ width:320px; float:left;}
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:320px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:100%; max-width:250px; float:left; margin-left:15px; margin-right:10px; text-align:center;  }
.pro_right_list ul li a img{  width:250px; height:250px;}
.pro_right_list ul li a span{ width:250px; height:40px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:12px;}


#myjQuery { width:300px;overflow:hidden;float:left; }
#myjQueryContent { OVERFLOW: hidden; width:300px; height:300px; }
#myjQueryContent DIV { POSITION: absolute; height:300px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG {background:#fff; display:block;margin:0 auto;width:300px; height:300px; float:left; }


.pro_pic{ float:left; width:100%; max-width:300px;}
.pro_js{ float:left; width:100%; max-width:320px; margin-left:20px; height:auto; margin-top:0px; overflow:hidden;  color:#595757;}
.pro_js h3{ float:left; font-size:21px; width:320px; }
.pro_js h4{ float:left; overflow:hidden;}
.pro_js .txt{ height:245px;
width:100%;
max-width:300px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:320px; float:left; overflow:hidden; margin-top:10px;  }

.pro_cc h4{ float:left; color:#33a39; width:100%; max-width:320px; font-size:16px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:320px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:640px; float:left; overflow:hidden; margin-top:10px;}
.pro_xg h4{ float:left; color:#3e3a39;}
/*.pro_xg ul{ float:left;margin-top:10px; margin-bottom:20px;width:100%; max-width:1080px;}
.pro_xg ul li{ width:23.49%; max-width:250px; float:left; margin-left:10px; margin-right:10px; text-align:center; }
.pro_xg ul li img{ width:250px; height:250px; overflow:hidden;}
.pro_xg ul li span{ height:30px; line-height:30px; color:3e3a39;  font-size:16px;}*/

/******解决方案****/
.case_list{width:320px; float:left;}
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:630px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:300px; margin-left:-10px; font-size:22px; color:#3e3a39; height:50px; font-size:21px; overflow:hidden; margin-top:10px; }
.case_li_m{ float:left; max-width:300px; margin-left:-10px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:300px; margin-left:-10px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/
.news_list{ width:100%;max-width:320px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:250px; height:250px;}
.news_li_t{ float:left; width:300px; margin-left:0px; font-size:21px; color:#3e3a39; height:40px;}
.news_li_m{ float:left; width:300px; margin-left:0px;  color:#3e3a39; min-height:175px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:300px; margin-left:0px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}


/*Banner*/

/******联系我们****/
.cont_cc{ width:100%;max-width:320px; float:left; }
.cont_cc h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.cont_show{ margin-top:20px;}
.cont_show ul{ margin:0 auto; width:300px;}
.cont_show ul li{ float:left; margin-top:20px;}
.cont_show ul li span{ width:100px; float:left; text-align:right;}


.down_li{ width:100%; max-width:320px; float:left;}
.down_li li{ width:100%; max-width:320px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:200px;margin:0px auto;width:640px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.playerdetail{width:145px;height:200px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
/*滚动*/
div.maindiv1{float:left;width:640px;height:200px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0; margin-left:-6px;}
div.maindiv1 ul li{float:left;width:145px;height:260px;margin-left:13px;}

 
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.hd_index22{ width:100%; overflow:hidden; height:120px; background:url(../images/case2.png) no-repeat center; margin-bottom:-30px;}
	.hd_index22_en{ width:100%; overflow:hidden; height:120px; background:url(../images/case2_en.png) no-repeat center; margin-bottom:-30px;}
	
 .brand img{ width:80px; margin-left:-20px;}
 
.search-b{ position:absolute; margin-left:-40px;
left:45%;
z-index:3; }
.search{ width:100%;max-width:115px;height:24px; padding-top:28px; }
.search .key{width:80px;height:22px;line-height:22px;margin:1px 0 1px 5px; color:#999;background-color: transparent;   border: 0px;float:left;}
.search .key[type="text"]:focus{outline:none; color:#898989; }
.search .sub{float:right;width:30px;height:24px;background:url(../images/search.png) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}
 

.hd_list{ width:300px; margin:0 auto; margin-bottom:40px; }
.hd_list ul{ margin-top:10px; margin-bottom:0;}
.hd_list ul li{ margin-top:10px; margin-bottom:26px; width:100%; max-width:250px; height:360px; float:left; overflow:hidden; margin-left:20px; }
.hd_list ul li img{width:100%; width:250px;}
.hd_list ul li h5{ width:250px;}
.hd_list ul li .hd_left{ margin-left:40px; background:#FFF; }
.hd_list ul li .hd_left1{ margin-right:0px; background:#FFF;}
.hd_list ul li span{height:80px;}
.hd_list ul li a span{ width:100%; max-width:250px; height:70px; text-indent:30px;  color:#595757; font-family: 'MyriadPro-Bold'; } 
.hd_list ul li a sapn h5{  font-size:14px; height:30px; line-height:22px; text-align:left;  }
.hd_list ul li a span h6{  font-size:14px; line-height:22px; color:#595757; text-align:left;  margin-bottom:23px; text-indent:30px;} 
.hd_list ul li a:hover span{ position:absolute; width:250px; display:block; background:#3e3a39; } 
.hd_list ul li a:hover span h5{text-indent:30px; color:#fff; }
.hd_list ul li a:hover span h6{text-indent:30px; color:#fff; }

.home_case_t{ margin-top:50px; color:#FFF; font-size:32px;}
.hd_list_case{width:320px; margin:0 auto; }
.hd_list_case ul{ margin-top:0px; margin-bottom:0;}
.hd_list_case ul li{margin-bottom:0px; width:320px; float:left; overflow:hidden; margin-top:0px; }
.hd_list_case ul li img{ width:320px; height:150px;}
.hd_list_case ul li a span{display:none; width:320px; height:150px; } 
 
.hd_list_case ul li a:hover span h1{font-size:18px; line-height:18px; color:#FFF; text-align:center; padding-top:40px;}
.hd_list_case ul li a:hover span h2{font-size:18px; line-height:12px; color:#FFF; text-align:center;}


#news4{display:none;}
.home_news_bg{width:100%; overflow:hidden; height:auto; margin-top:0; background:#efefef;}
.home_news_t{ margin-top:50px; color:#595757;}
.hd_list_news{ width:320px; margin:0 auto; margin-bottom:70px;}
.hd_list_news ul{ margin-top:0px; margin-bottom:0;}
.hd_list_news ul li{ margin-top:20px; margin-bottom:0px; width:90%; max-width:270px; float:left; margin-left:20px;  }
.hd_list_news ul li img{ width:270px; height:270px; }
.hd_list_news ul li h1{ float:left;  height:70px;   width:270px;  }
.hd_list_news ul li a h1{ float:left;  height:70px; padding-top:25px; width:100%; max-width:270px; font-size:14px; color:#595757;}
.hd_list_news ul li a span{display:none;  width:270px; height:150px; float:left; } 
.hd_list_news ul li a span h2{ position:absolute; max-width:270px; bottom:70px; left:0px; top:-180px; font-size:14px; line-height:22px; color:#FFF; text-align:left; }
.hd_list_news ul li a:hover{color:#fff; } 
.hd_list_news ul li a:hover span{display:inline; position:absolute; background:#000; color:#FFF; font-weight:normal; text-align:center; display:block;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; width:100%; height:160px; margin-top:-160px; max-width:270px; display:none; } 
.hd_list_news ul li a:hover span h2{margin-top:183px; color:#fff;}



.hd_appad{ width:320px; margin:0 auto;}
.home_appad{ float:left; margin-left:10%;  width:80%;  color:#FFF; padding-top:10%; margin-right:10%;}
.home_appad h3{float:left; text-align:center; width:100%; max-width:520px; font-size:32px; font-family: " ";}
.home_appad h4{ float:left; text-align:center; width:100%; max-width:520px; font-size:18px; padding-top:2%;}
.home_appad span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:520px; font-family: " ";}

.home_appad_en{ float:left; margin-left:10%;  width:80%;  color:#FFF; padding-top:10%; margin-right:10%;}
.home_appad_en h3{float:left; text-align:center; width:100%; max-width:520px; font-size:32px; font-family: " ";}
.home_appad_en h4{ float:left; text-align:center; width:100%; max-width:520px; font-size:18px; padding-top:2%;}
.home_appad_en span{ float:left; padding-top:3%;  text-align:center; line-height:28px; font-size:14px; width:100%; max-width:520px; font-family: " ";}

.hd_index33{ width:100%; overflow:hidden; height:559px; background:url(../images/hd_index_app.jpg) no-repeat -1360px center;}
.home_app_an{ display: block;}

.foot{ width:100%; margin:0 auto; height:110px; background:#343740;}
.footer{width:100%; max-width:1110px; margin:0 auto; color:#FFF; padding-top:30px; list-style:30px; }
.footer a{ color:#FFF;}

.foot_l{ display:none; }
.foot_r{ float:left; width:90%; max-width:320px;  margin-top:0px; }
.footco{ float:left; width:30%; margin-top:10px;}
.foot_r_1{ float:left; width:11%; margin-left:2%; margin-right:5%; max-width:50px; max-height:120px; text-align:center;  overflow:hidden;}
.foot_r_2{ width:90%; float:left; max-width:220px; max-height:120px; text-align:left; overflow:hidden; font-size:14px;   }

.pagebody{ width:300px; margin:0 auto; margin-bottom:10px; margin-top:20px;}

/****产品***/
.bread{width:320px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}
.bread-t{width:320px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:12px; color:#3e3a39;}

.pro_mleft{ display:none;}


.pro_right{ width:320px; float:left;}
.pro_right_list{ float:left;}
.pro_right_list ul{ width:100%; width:320px; float:left;}
.pro_right_list ul li{ margin-top:0px; margin-bottom:20px; width:100%; max-width:250px; float:left; margin-left:15px; margin-right:10px; text-align:center;  }
.pro_right_list ul li a img{  width:250px; height:250px;}
.pro_right_list ul li a span{ width:250px; height:40px; float:left; overflow:hidden; color:#3e3a39; text-align:center;  font-size:12px;}


#myjQuery { width:300px;overflow:hidden;float:left; }
#myjQueryContent { OVERFLOW: hidden; width:300px; height:300px; }
#myjQueryContent DIV { POSITION: absolute; height:300px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG {background:#fff; display:block;margin:0 auto;width:300px; height:300px; float:left; }


.pro_pic{ float:left; width:100%; max-width:300px;}
.pro_js{ float:left; width:100%; max-width:320px; margin-left:20px; height:auto; margin-top:0px; overflow:hidden;  color:#595757;}
.pro_js h3{ float:left; font-size:21px; width:320px; }
.pro_js h4{ float:left; overflow:hidden;}
.pro_js .txt{ height:245px;
width:100%;
max-width:300px;
text-align:left;
position:relative }
.pro_js .txt .txt_cc { position:absolute;
bottom:0px;
padding:0px;
margin:0px}
.pro_cc{ width:100%; max-width:340px; float:left; overflow:hidden; margin-top:10px;  }

.pro_cc h4{ float:left; color:#33a39;max-width:340px; font-size:16px; border-bottom:#333 1px solid; padding-bottom:5px;}
.pro_cc span{width:100%; max-width:640px; float:left; margin-bottom:10px;}
.pro_xg{width:100%; max-width:640px; float:left; overflow:hidden; margin-top:10px;}
.pro_xg h4{ float:left; color:#3e3a39;}
/*.pro_xg ul{ float:left;margin-top:10px; margin-bottom:20px;width:100%; max-width:1080px;}
.pro_xg ul li{ width:23.49%; max-width:250px; float:left; margin-left:10px; margin-right:10px; text-align:center; }
.pro_xg ul li img{ width:250px; height:250px; overflow:hidden;}
.pro_xg ul li span{ height:30px; line-height:30px; color:3e3a39;  font-size:16px;}*/

/******解决方案****/
.case_list{width:320px; float:left;}
.case_li{ float:left; margin-bottom:30px; width:100%; max-width:630px;  }
.case_li_p{ float:left; max-width:250px; height:250px;}
.case_li_p img{ height:250px;}
.case_li_t{ float:left; max-width:300px; margin-left:-10px; font-size:22px; color:#3e3a39; height:50px; font-size:21px; overflow:hidden; margin-top:10px; }
.case_li_m{ float:left; max-width:300px; margin-left:-10px; color:#3e3a39; min-height:185px; line-height:22px; font-size:14px; overflow:hidden; }
.case_li_d{ float:left; max-width:300px; margin-left:-10px; height:25px; line-height:25px; margin-top:10px;}



/******新闻****/
.news_list{ width:100%;max-width:320px; float:left;}
.news_list h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.news_li{ float:left; margin-bottom:20px; margin-top:20px; }
.news_li_p{ float:left; width:250px; height:250px;}
.news_li_t{ float:left; width:300px; margin-left:0px; font-size:21px; color:#3e3a39; height:40px;}
.news_li_m{ float:left; width:300px; margin-left:0px;  color:#3e3a39; min-height:175px; line-height:22px; font-size:16px;}
.news_li_d{ float:left; width:300px; margin-left:0px; height:25px; line-height:25px; margin-top:10px;  color:#3e3a39;}


/*Banner*/

/******联系我们****/
.cont_cc{ width:100%;max-width:320px; float:left; }
.cont_cc h4{ border-bottom:dashed 1px #333; text-align:center; width:100%; height:50px; font-size:32px; color:#3e3a39; line-height:28px; }
.cont_show{ margin-top:20px;}
.cont_show ul{ margin:0 auto; width:300px;}
.cont_show ul li{ float:left; margin-top:20px;}
.cont_show ul li span{ width:100px; float:left; text-align:right;}


.down_li{ width:100%; max-width:320px; float:left;}
.down_li li{ width:100%; max-width:320px; float:left; margin-bottom:20px;}

/* 代码整理：懒人之家 www.lanrenzhijia.com */
div.indexmaindiv{height:200px;margin:0px auto;width:640px; overflow:hidden; margin-top:-10px; }
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer; display:none;}
div.indexmaindiv1 div.playerdetail{width:145px;height:200px;background:#FFF; }
div.indexmaindiv1 div.playerdetail div.detailimg{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:145px;height:145px;}
div.indexmaindiv1 div.playerdetail div.teanames{ text-align:center;font-size:14px;margin-top:5px;color:#3e3a39;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer; display:none;}
/*滚动*/
div.maindiv1{float:left;width:640px;height:200px;overflow:hidden;position:relative; }
div.maindiv1 ul{position:absolute;left:0;top:0; margin-left:-6px;}
div.maindiv1 ul li{float:left;width:145px;height:260px;margin-left:13px;}

 
}


/*分页样式*/
.page_info{text-align:center; float:left; width:100%; max-width:800px; color:#333; overflow:hidden; margin-top:40px; margin-bottom:10px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:30px;line-height:30px;text-align:center;letter-spacing:0;font-family:" ";font-size:10px;margin-top:10px; margin-bottom:40px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #898989;background:#f8f8f8;text-align:center; height:30px; width:30px; margin:0 2px; border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
border-radius: 5px 5px 5px 5px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ }
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#fff;background:#898989; border:1px solid #898989;}


/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:" ";font-size:10px;margin-top:10px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}