@charset "gb2312";
/* CSS Document */
/* Summer */
/* Public */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus{outline:0;}
a:active{outline:none;}
body{line-height:1; color:black; background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate; border-spacing:0;}
caption,th,td{text-align:left; font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.txt_center{text-align:center;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}
.qcfd{ clear:both;}
body{letter-spacing:0;color:#434343;background:#efefef url(imgbackground.png) repeat top center;padding:0;position:relative;-webkit-font-smoothing: subpixel-antialiased;}
#container{width:930px;padding:10px;margin:0 auto;position:relative;z-index:0; font-size:11px;}
#example{width:930px;height:590px;position:relative;}
#ribbon{position:absolute;top:28px;left:30px;z-index:500;}
#frame{position:absolute;z-index:0;width:930px;height:590px;top:-3px;left:0;}
#slides{position:absolute;top:30px;left:35px;z-index:100;}
#slides .next,#slides .prev{position:absolute;top:200px;left:-39px;width:24px;height:43px;display:block;z-index:101;}
.slides_container{width:860px;height:515px;overflow:hidden;position:relative;}
#slides .next{left:873px;}
.pagination{margin:26px auto 0;width:200px;}
.pagination li{float:left;margin:0 1px;}
.pagination li a{display:block;width:12px;height:0;padding-top:12px;background-image:url(imgpagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a{background-image:url(imgpagination1.png);background-position:0 0;}
.caption{position:absolute;bottom:-30px;height:25px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:860px;font-size:1.3em;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none; font-family:"΢ÈíÑźÚ";}
#footer{text-align:center;width:580px;margin-top:9px;padding:4.5px 0 18px;border-top:1px solid #dfdfdf;}
#footer p{margin:4.5px 0;font-size:12px;}

#container_sp{width:930px;margin:0 auto;z-index:0; font-size:11px;position:relative}
#example_sp{margin:0 auto;/* height:510px;*/}
.slides_container_sp{width:100%;margin-top: 26px;}
#forPc{height: 610px;width: 100%;}
#slides_sp h2{ height:50px; line-height:50px; font-size:24px;font-family:"΢ÈíÑźÚ"; color:#000;}
#slides_sp h2 span{ color:#06a7e1;}
.caption_sp{width:850px; padding:5px 20px 0 20px; background:#000; background:rgba(0,0,0,.5); font-size:1.3em; line-height:1.33; color:#fff; border-top:1px solid #000; text-shadow:none; font-family:"΢ÈíÑźÚ"; margin:0 auto;}
.caption_sp p{ line-height:25px; text-indent:0.5cm; padding-bottom:10px;font-family:"΢ÈíÑźÚ";}
#frame_sp{position:absolute;z-index:0;width:930px;height:590px;top:-3px;left:11px;}

a:link,a:visited{color:#599100;text-decoration:none;}
a:hover,a:active{color:#599100;text-decoration:underline;}
/*=========== Top ============*/
.top{height:35px; background:url(imagestop_bg.jpg) repeat-x;}
.top_con{width:1203px;height:35px; line-height:35px; margin:0 auto; color:#a5a5a5; font-size:14px; font-family:"΢ÈíÑźÚ";}
.top_con img{width:27px; height:27px; vertical-align: middle;}
.top_con span{width:430px;float:right; text-align:right;}
.top_con a{color:#fff; font-size:14px; font-family:"΢ÈíÑźÚ"; text-decoration:underline;}
.blink{ color:#fff;}
.tithn {height: 37px;color: #3a3a3a;font-size: 24px;font-family: "΢ÈíÑźÚ";border-left: 8px solid #0081d4;padding-left: 15px;line-height: 37px;margin-bottom: 20px;text-align: left;}
.xglink{width:1170px; margin:0 auto; padding:30px 0;}
.xglink li{ text-align:left; line-height:24px;list-style:url(images_2015dot.jpg) inside; width:25%; float:left;}
.xglink ul{ margin-left:23px;}
.xglink li a{ font-size:16px; color:#3a3a3a; text-decoration:none;}
/*Ô­À´µÄЧ¹û*/
.solution_listbox{width:888px; margin: 0 auto; padding:40px 0 20px 0px; position:relative; margin-bottom:50px; background:#FFF url(includeimagesbj_tj.jpg) no-repeat;}
.solution_img{ position:absolute; top:0px; left:-74px; width:166px; height:183px; overflow:hidden; z-index:0;}
.solution_borimg{ position:absolute; bottom:-50px; left:0px; width:888px; height:50px;}
.solution_listbox ul{width:800px; margin: 0 auto; padding:50px 0 0 70px;}
.solution_listbox h2{ height:45px; line-height:45px; width:190px; font-size:22px;font-family:"΢ÈíÑźÚ"; color:#06a7e1; padding:0 0 0 35px; position:absolute; top:20px; left:30px; z-index:2; background:url(includeimagesbtbj_rw.png) no-repeat;}
.solution_listbox ul li{width:212px;height:250px;margin:5px 15px;float:left; padding:0 0 40px 0;border:1px solid #f4f4f4;font-family:"΢ÈíÑźÚ";}
.solution_listbox ul li h3{height:130px;padding:5px;border:1px solid #ccc; background:center #fff; position:relative;-webkit-box-shadow: 2px 2px 3px #d0d0d0;}
.solution_listbox ul li h3 span img{width:200px; height:130px;}
.solution_listbox ul li h3 b{width:48px; height:48px; position:absolute; top:30%; left:40%; background:url(imagesico_xiaoyanjing48.png) no-repeat center;}
.solution_listbox ul li h4{height:40px; line-height:40px; font-size:14px; padding:0 10px; font-weight:bold;color:#000;}
.solution_listbox ul li h4 a{color:#000;}
.solution_listbox ul li h4 a:hover{color:#39F;}
.solution_listbox ul li h5{height:80px;line-height:20px;font-size:12px;padding:0 10px; font-weight:normal;}
.solution_listbox ul li h5 a{color:#333;}
.solution_listbox ul li:hover{background:#f4f4f4; border:1px solid #eaeaea;}
/*=========== Footer03 ============*/
.footer03{width:100%;height:80px;background:#2a2a2a;border-top:5px solid #bababa;}
.footer03_con{width:1089px;line-height:25px;font-size:12px;text-align:center;color:#666; margin:0 auto; font-family:"΢ÈíÑźÚ"; padding:15px 0 0 0;}
.footer03_con a{color:#666; padding:0 10px;}
.footer03_con span{}
.footer03_con h3{padding:5px 0; float:left;}
.footer03_con h4{font-size:12px;}
.footer03_con h5{font-size:12px;}
/*Ð޸ĵã»÷ÉÏÒ»¸ö ÏÂÒ»¸ö*/
#slides .resetprev{position:absolute;top:0px;left:0px;width:430px;height:515px;display:block;z-index:101;display: block;}
#slides .resetnext{position:absolute;top:0px;left:430px;width:430px;height:515px;display:block;z-index:101;text-align: center;display: block;}
#slides .resetprev img{position:absolute;top:230px;}
#slides .resetnext img{position:absolute;top:230px;right:0;}



@media only screen and (max-width:1000px){
#container_sp{width:96%;padding:1% 0 2% 0;}
#example_sp{width:100%;  height:auto;}
.slides_container_sp{width:100%; margin-top:2%;}
.xglink{width:100%;}
.xglink li{ width:50%}
}

@media only screen and (max-width:500px){
.xglink li{ width:100%}	
}



#forPhone{padding:3.763% 3.548% 2.15%;background:url(imgexample-frame.png) no-repeat;background-size:100% auto;}
.mobSilde{ max-width:1024px; margin:0 auto; position:relative;}
.mobSilde .hd{height:11px;  position:absolute; z-index:1; bottom:-24px;text-align:center;width:100%;}
.mobSilde .hd ul{ display:inline-block;padding:3px 5px;border-radius:5px; font-size:0; vertical-align:top;}
.mobSilde .hd ul li{ display:inline-block; width:10px; height:10px;border-radius:6px; background:#a5aea2; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.mobSilde .hd ul .on{ background:#2fbb00;  }
.mobSilde .bd{ position:relative; z-index:0; }
.mobSilde .bd li{ position:relative;height:30px;overflow:hidden; text-align:center; }
.mobSilde .bd li img{ /*background:url(images/loading.gif) center center no-repeat;*/vertical-align: top;width:100%;}
.mobSilde .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* È¡ÏûÁ´½Ó¸ßÁÁ */  }
.mobSilde .bd li h3{position:absolute;bottom:0;left:0;width:100%;height:30px;line-height:30px;font-size:14px;background:rgba(0,0,0,.5);color:#fff;text-indent:1em;text-align:left;}