@charset "utf-8";
/* CSS Document */
body{ font-size:14px; font-family:\\5FAE\8F6F\96C5\9ED1,"microsoft yahei","Helvetica Neue","Helvetica","STHeiTi","sans-serif";line-height:180%; color: #666; max-width: 1680px; margin: 0 auto;}
/*{ margin:0; padding:0;}*/
 div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,select,img{    margin: 0;    padding:0;    /* [disabled]padding:0; */}
ul, li, dl, dt, dd { list-style:none; margin: 0; padding: 0;}
dd{ text-indent:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.f_l{ float:left;}
.f_r{ float:right;}
.clear{ clear:both;}
img{border:none;display:block;}
.wrap{ width:980px; margin:0 auto; padding:10px; background:#fff;}
.wrap1{ width:980px; margin:0 auto; background:#fff;}
a{text-decoration: none; color:#333;}
a:hover{ color:#a40000;}
.radius5{-moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px;}
.radius10{-moz-border-radius: 10px;      /* Gecko browsers */-webkit-border-radius: 10px;   /* Webkit browsers */border-radius:10px;}
.radius15{-moz-border-radius: 15px;      /* Gecko browsers */-webkit-border-radius: 15px;   /* Webkit browsers */border-radius:15px;}
.flex{ 
	  padding: 0;
	  margin: 0;
	  list-style: none;
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-flex-flow: row wrap;/*自动换行*/
	  /*-webkit-flex-flow: row; 不换行*/
	  justify-content: space-around;
	}
.flex_in{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;}
.flex-f-row{ -webkit-flex-flow: row;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
*,*:before,*:after{box-sizing:border-box;}
.fix:before,.fix:after{ content:""; display:table;}
.fix:after{ clear:both;}
/*********top**************/
#top{width:1180px; margin: 0 auto; height: 112px;}
#top .logo{ float:left;}
#top .menu{ float:right;}
#top .menu li{ float:left; width: 125px; line-height: 112px;}
#top .menu a{ display:block; text-align: center; font-size: 18px; color: #666;}
#top .menu .on,#top .menu a:hover{ background:url(../images/index_04.jpg); color: #fff;}
/****banner****/
.banner{ width:100%;  position:relative;  height:400px; background:#000; max-width: 1600px; margin: 0 auto;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:400px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; height:400px; }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../images/touming.png) repeat-x; text-align:center;_background:#000; _filter:alpha(opacity=60); }
.banner .hd ul{ text-align:center;  padding-top:5px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; }
.banner .hd ul .on{ background-position:0 0; }
/*****/
.center_gray,.center_white{ width:100%; background: #f5f4f9; padding: 30px 0; padding-bottom: 0;}
.center_white{ background: #fff;}
.center_title{ width:1000px; margin: 0 auto; margin-bottom: 30px;}
.range{ margin:0 auto; width: 1180px;}
.application li{ float:left; width:25%; text-align: center;margin-bottom: 30px; font-size: 16px; font-weight: bold;}
.application li img{ display:block; margin: 0 auto;border: 1px solid #0079c2; margin-bottom: 8px;}
.application li a{ color:#0079c2;text-shadow: 0 1px 5px #31a9dd, 0px -1px 1px #fff;}
.application li a:hover{ color:#f60;text-shadow: 0 1px 5px #fe924d, 0px -1px 1px #fff;}
.video{width: 1180px;margin:0 auto; }
.video li{ margin-bottom: 30px; float: left; width: 50%; text-align: center;}

.advantage{ width:1180px; margin: 0 auto; padding-bottom: 30px;}
.i_about{ width:1120px; margin: 0 auto; padding-left: 480px; background: url(../images/index_46.jpg) no-repeat left center;height: 350px; font-size: 18px; line-height: 32px; padding-top: 30px; text-indent: 2em;}
.i_about a{ display:block; width: 200px; height: 55px; line-height: 55px; text-align: center; color: #fff; background: #fd9b2f; text-indent: 0; margin-top: 10px; float: right;}
.i_about a:hover{background: #ee5c1b;}
.i_client{ width: 1180px; margin: 0 auto; position: relative; height: 220px;}
.i_client h3{ position:relative; border-bottom: 1px solid #d3d3d3; height: 40px; font-size: 18px;}
.i_client h3 p{ position: absolute; border-bottom: 1px solid #0079c2; width: 120px; bottom: -1px; text-align: center;}
.i_client .piclist{ overflow:hidden; zoom:1;}
.i_client .ohbox{overflow:hidden; position:relative;width:1040px;left:60px; top:30px;}
.i_client .piclist li{float:left; display:inline; width:20%; height: 120px;}
.i_client .piclist li a{border:1px solid #cacaca; display: block; margin: 0 auto; width: 129px; height: 93px;}
.i_client .pageBtn span{ display:block;width:33px;height:57px;position:absolute;top:85px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.i_client .pageBtn .prev{left:20px;background:url(../images/index_10.png) no-repeat; }
.i_client .pageBtn .next{right:20px;background:url(../images/index_12.png) no-repeat; }
.i_questions{ margin:0 auto; width: 880px; overflow: hidden; margin-bottom: 40px;}
.i_questions ul{ width: 940px;}
.i_questions li{ float:left; width: 410px; border: 1px solid #62aad8; height: 45px; line-height: 45px; text-indent: 1em; margin-right: 60px; margin-bottom: 15px;}
.i_questions a{ color:#52aad8; font-size: 16px;}
.i_questions a:hover{ color:#000;}
.i_info{ text-align:center; font-size: 24px; color: #0079c2; font-weight: bold; line-height: 40px; padding-bottom: 50px; padding-top: 10px;}
.foot{ background:#0079c2; color: #fff; text-align: center; height: 80px; line-height: 80px; width: 100%; font-size: 16px;}
.foot a{color:#fff;}
.foot a:hover{color:#52aad8;}
/***********************************************/
.banner1{ width:100%; margin: 0 auto;}
.banner1 img{ display:block; width:100%;margin: 0 auto;}
.nav{width: 100%;border-bottom: 1px solid #ccc;  max-width: 1680px; margin: 0 auto;margin-bottom: 20px;}
.nav ul{ height:50px; line-height: 50px; width: 1180px; margin:0 auto; color: #666;}
.about{ width: 1140px; margin: 0 auto; font-size: 18px; line-height: 32px;text-indent: 2em; padding: 20px 0;}
.about img{float: left; margin: 0 20px 0px 0;}
.about_zs img{ display:block; margin: 0 auto;}
.about_zs{ width:810px; margin: 0 auto;}
.about_zs li{ float:left; width: 33.3333%; text-align: center; margin-bottom: 20px;}
.about_zs li img{ margin-bottom:10px;}
.about_zs li a{color:#0079c2;text-shadow: 0 1px 5px #31a9dd, 0px -1px 1px #fff; font-size: 18px;}
.about_zs li a:hover{ color:#f60;text-shadow: 0 1px 5px #fe924d, 0px -1px 1px #fff;}


.about_zs h3{  margin: 15px auto;}
.question{ width:1180px; margin: 0 auto; padding: 20px 0; line-height: 32px; margin-bottom: 20px;}
.question h3{ color:#00479d; font-size: 18px; font-weight: bold;}
.question li{ padding-bottom:15px;border-bottom: 1px dashed #d3d3d3; margin-bottom: 20px;}
.question li:last-child{border: 0;}
.question p{text-indent: 2em; }
.contact{margin:0 auto; width:980px; background: url(../images/about_02.jpg) no-repeat left center; height: 450px; padding-left: 500px; padding-top: 60px; color:#0093dd;}
.contact h3{ font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.contact li{ height:76px; line-height: 69px; font-size: 16px;}
.map img{ display:block; margin: 20px auto;}
/******product******/
.product{ width: 1180px; margin:0 auto; margin-bottom: 30px;}
.towmenu{ width:1100px; margin: 40px auto; border-bottom: 1px solid #e4e4e4;}
/**
.towmenu ul{width: 250px;  background: #eeeeee; padding: 10px; margin-bottom: 20px;}
.towmenu h2{width: 250px;  border: 1px solid #e4e4e4; margin-bottom: 20px; text-align: center; line-height: 200%;}
.towmenu h2 a{ display: block;color: #fff;font-size: 24px; background: #fa842a;padding: 10px;}
.towmenu h2 a:hover{color: #a40000;}
.towmenu li{ margin-bottom: 20px; text-indent: 28px; margin-left: 10px; border-bottom: 1px dashed #ccc; }
.towmenu li a{ display:block;padding: 10px 0;}
.towmenu li a:hover{color:#0079c2;}
.towmenu .on,.towmenu li:hover{background: url(../images/right.png) no-repeat left center;color:#0079c2; font-weight: bold; display: block;}
.towmenu .on a{color:#0079c2;}
****/
.towmenu li{ float:left;padding: 10px 30px; font-size: 18px;}
.towmenu li a{ display:block;}
.towmenu .on{background: #fa842a;}
.towmenu .on a{ color:#fff;}
.pro_center{ width: 1100px;font-size:16px; line-height: 200%;text-indent:2em; margin: 0 auto;}
/***pro1***/
.pro_center h3{ text-align:center; margin-bottom: 15px; font-size: 20px; color: #0079c2; line-height: 200%;font-weight: bold;}
.pro1_why{ width:90%; margin: 0 auto; margin-bottom: 20px;}
.pro1_why img{ display:block; margin: 0 auto; margin-bottom: 30px;}
.pro1_why li{ float:left; width: 50%; margin-bottom: 15px; font-size: 18px; padding-left: 10%;}
.pro1_why li img{ display:inline-block; margin: 0; margin-right: 10px; vertical-align: middle;}
.pro1_font img{ display:block; margin: 10px auto; margin-bottom: 20px;}
.pro1_03{ background:url(../images/pro_01_27.jpg) no-repeat right center; padding-right: 480px; min-height: 220px; width: 85%; margin: 0 auto;}
.pro1_04{background:url(../images/pro_01_31.jpg) no-repeat center; width: 85%; margin: 0 auto;height: 208px; padding: 10px 30px; margin-bottom: 30px; padding-left: 60px;}
.pro1_04 h4{ text-align:center;color: #0079c2; line-height: 200%; font-size: 24px; font-weight: bold; padding-top: 30px;}
.pro1_04 span{ display:inline-block; padding: 10px 14px; text-indent: 0;}
.pro1_05{background:url(../images/pro_01_34.jpg) no-repeat left center; padding-left: 470px; min-height: 220px;width: 85%; margin: 0 auto;}
.pro_contact{margin: 40px auto;width: 650px;background: #0079c2;color: #fff;line-height: 80px;font-size: 24px;text-align: center;}
.benefit{ width:95%; margin: 20px auto;}
.benefit img{ display:block; margin: 0 auto; margin-bottom: 30px;}
.benefit li{ float:left; width: 50%; margin-bottom: 15px; font-size: 18px;}
.benefit li img{ display:inline-block; margin: 0; margin-right: 10px; vertical-align: middle;}
.benefit1{ width:95%; margin: 20px auto;}
.benefit1 img{ display:block; margin: 0 auto; margin-bottom: 30px;}
.benefit1 li{ margin-bottom: 15px; font-size: 18px; padding-left: 12%;}
.benefit1 li img{ display:inline-block; margin: 0; margin-right: 10px; vertical-align: middle;}
/*****report*****/
.report{ margin: 0 auto;width: 890px;font-size:16px; line-height: 200%;text-indent:2em;}
.report img{ display:block; margin: 0 auto;}
.report a{margin: 30px auto; color: #0064aa; font-weight: bold; text-align: center; padding: 10px; display: block;}
.report a:hover{color: #a40000; }