html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}

body{line-height:28px; font-size:14px; color:#555;font-family: "Microsoft YaHei"}

a{color:#333; font-size:14px; text-decoration:none;}

a:hover{color:#1945a4; text-decoration:none;}

img{border:none;}

li,ul{list-style-type:none;}

button{border:none;}

.warp{width: 1200px;margin: 0 auto; overflow: hidden;}

.f12{font-size:12px;}

.f16{font-size:16px;}

.bold{font-weight:bold;}

.white{color:#fff;}

.left{float:left;}

.right{float:right;}

.t_r{text-align:right;}

.clear{clear:both;}

.relative{position:relative;}

.absolute{position:absolute;}

.rel_center{position:relative;left:50%;}

.hidden{display:none;}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

/*table td,th{border: 1px solid #000;}*/



/*herder*/

.header{width: 100%;height: 222px;background: url(../Images/hd-bj.jpg)repeat-x;overflow: hidden;}

.h-hd{width: 100%;height: 28px;}

.h-hd p{display: block;float: left;}

.h-hd ul{float: right;overflow: hidden;}

.h-hd ul li{float:left;padding:0 10px;}

.h-hd ul li a{display: block;}

.h-hd ul li a:hover{color:#1945a4;}



.h-top{width: 100%;height:103px;padding-top:40px;}

.h-top .h-logo{float: left;}

.h-top .h-logo a{display: block;}

.h-top .h-tel{float: right;}



.h-nav{width: 100%;height:51px;}

.h-nav ul{width: 100%;height: 51px;overflow: hidden;}

.h-nav li{float: left;line-height: 51px;text-align: center;}

.h-nav li a{display: block;width:132px; color: #fff; font-size: 16px;}

.h-nav li a:hover{background-color: #ff9c00;}



/*banner*/

.banner{width: 100%;height:492px;}

.banner ul{}

.banner ul li{}

.banner ul li a{display: block;width: 100%;height: 492px;text-align: center;}



.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:493px;}

.lubo_box{ position: relative; width: 100%; height:493px; }

.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:493px; opacity: 0;filter:alpha(opacity=0);}

.lubo_box li a{ display: block;width: 100%;  height: 100%;}



.lubo_box li img{ width: 100%; height: 493px;}



/*圆点*/

.cir_box{ overflow: hidden; position: absolute; z-index: 100;}

.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #ff9000; opacity: 0.8;filter:alpha(opacity=80);}

.cir_on{ background: #000 !important;}



/*按钮*/

.lubo_btn{ position: absolute; width: 100%; top: 50%;

    margin-top: -40px;}

.left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family: 宋体;}

.left_btn{ float: left;}

.right_btn{ float: right;}







/*i-tt*/

.m-serach{width: 100%;height: 52px;background-color: #d9d9d9;}

.m-serach .keyword{float:left;background: url(../Images/serach.jpg) no-repeat left center;padding-left:25px;width: 800px;height: 52px;overflow: hidden;}

.m-serach .keyword h3{font-weight: bold;float: left;line-height: 52px;}

.m-serach .keyword a{display: block; float:left;line-height: 52px;  padding: 0 10px}



#serch{ width:315px; float: right; margin-top: 12px;height: 29px;}

#input_search{ width:257px; border:none; float: left; background-color: #cccccc; height:28px;text-indent:29px; color: #adb2b2; }

#btn_search{ width:58px; height:29px; float: right; border:none;background-color: #163c87;color: #ffffff; }





.m-pro{width:100%;margin-top: 25px;overflow: hidden;}

.m-pro .products-left{width: 259px;float: left;background: url(../Images/m-pr-lf-cen.jpg)repeat-y}



.m-pro .products-left .products-left-top{width: 100%;height: 117px;background:url(../Images/m-pr-lf-top.jpg)no-repeat;}

.m-pro .products-left .products-left-center{width: 100%;padding: 10px 0;}

/*.m-pro .products-left .products-left-center ul{width: 100%px;overflow:hidden;}

.m-pro .products-left .products-left-center ul li{width: 214px;height:41px;margin:15px 22px;line-height:40px;}

.m-pro .products-left .products-left-center ul li a{width: 214px;height: 41px;background: url(../Images/m-pr-lf-cen-a.jpg)no-repeat;display: block;color: #fff;text-indent: 20px; font-style: 16px;}

.m-pro .products-left .products-left-center ul li a:hover{background:url(../Images/m-pr-lf-cen-a-hover.jpg)no-repeat;}*/

.m-pro .products-left .products-left-contact{width: 100%;background:url(../Images/m-pr-lf-con.jpg)no-repeat;padding-top:43px; }

.m-pro .products-left .products-left-contact p{line-height: 26px;color: #fff;font-size: 14px;display:block;width: 214px;margin-left: 22px;}

.m-pro .products-left .products-left-contact p a{color: #fff;}

.m-pro .products-left .products-left-contact p a:hover{color: #ffba00;}

.m-pro .products-left .products-left-bottom{width: 100%;height: 29px;background:url(../Images/m-pr-lf-bottom.jpg)no-repeat; }



.m-pro .products-right{width: 921px;height: 720px;float: right;border:2px solid #efefef;}

.m-pro .products-right .products-right-top{width:884px;height:41px;margin: 10px 18px 10px 18px;background: url(../Images/m-pr-right-tio.jpg)no-repeat;}

.m-pro .products-right .products-right-top a{display: block;width:49px;height: 20px;margin:4px 0 0 830px;}
.sideMenu{   }
.sideMenu h3{ width: 214px;height: 41px;background: url(../Images/m-pr-lf-cen-a.jpg)no-repeat;color: #fff;text-indent: 20px; font-style: 16px;
margin:15px 0px 0px 22px; line-height: 40px;}
.sideMenu h3 a{color: #fff;font-size: 16px;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;  /* background:url(../Images/icoAdd.png) 16px 12px no-repeat;*/ cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px; color:#ffffff; display:none; /* 默认都隐藏 */ }
.sideMenu ul li{ color: #fff; line-height: 32px;}
.sideMenu ul li a{ color: #9bb5ff;display: block;margin-left: 42px;}
.sideMenu ul li a:hover{color: #ffe400;}






.picScroll-top{ width: 884px;margin: 10px 18px;}

.picScroll-top .bd{height: 630px}

.picScroll-top .bd ul{ }

.picScroll-top .bd ul li{width: 100%; height: 210px;}

.picScroll-top .bd ul li a{ width: 208px; height: 210px; display: block;margin:10px 6px;float: left; text-align: center; line-height: 180%; color: #666; font-size: 16px; line-height: 35px;}

.picScroll-top .bd ul li a:hover{color:#1945a4;}

.picScroll-top .bd ul li a span{width: 100%;line-height: 35px;text-align: center;float: left; font-weight: none;}

.picScroll-top .bd ul li a img{ max-width: 208px; height: 169px; }

.picScroll-top .bd ul li a:hover h6{color:#1945a4;}







/*youshi*/

.youshi{width: 100%;height:1076px;overflow:hidden;}

/*.youshi .youshi-top{width: 100%;height: 121px;background: url(../Images/youshi-top.gif)no-repeat top center;}*/
.youshi .youshi-top{width: 100%;height: 121px;background: url(../Images/youshi-top.jpg)no-repeat top center;}

.youshi .youshi-center{width: 100%;height:954px; background: url(../Images/youshi-center.gif)no-repeat top center;overflow: hidden;}

.youshi .youshi-center .wow{float: left;}

.youshi .youshi-center .youshi-right-zhi{float: right;margin-top: 30px;}

.youshi .youshi-center .youshi-right-zhi img{}

.youshi .youshi-center .youshi-right-zhi h3{line-height: 49px;font-size: 28px;font-weight:600; color: #1945a4;display:inline;}

.youshi .youshi-center .youshi-right-zhi p{display: block;background: url(../Images/youshi-zhi-li.png)no-repeat center left;border-bottom: 1px dotted #bbbbbb;line-height: 

38px;text-indent:18px; font-size: 16px;}

.youshi-center .youshi-right-zhi .youshi1, .youshi2, .youshi3, .youshi4{margin: 26px 0;}

.youshi .youshi-center .youshi-left-zhi{ float: left;position:absolute;margin-top: 550px}

.youshi .youshi-center .youshi-left-zhi h3{line-height: 49px;font-size: 28px;font-weight:600; color: #1945a4;display:inline;}

.youshi .youshi-center .youshi-left-zhi p{display: block;background: url(../Images/youshi-zhi-li.png)no-repeat center left;border-bottom: 1px dotted #bbbbbb;line-height: 

38px;text-indent:18px; font-size: 16px;}

.youshi .youshi-center .youshi-right-tu{float: right;position:relative;margin-top: 100px}





/*m-about*/

.m-about{width: 100%;height: 410px;background: url(../Images/m-about-bj.jpg)no-repeat top center #1945a4;overflow: hidden;}

.m-about .left-news{width: 340px;height: 410px;float: left;}

.m-about .left-news .left-news-hd{width:320px;height:21px;padding:27px 10px 17px 10px;}

.m-about .left-news .left-news-center{width: 340px;background-color: #fff;height:339px;}

.m-about .left-news .left-news-center ul{width:90%;padding: 15px;}

.m-about .left-news .left-news-center ul li{line-height:33px;}

.m-about .left-news .left-news-center ul li a{font-size: 16px;}

.m-about .right-about{width: 860px;height: 410px;float: right;}

.m-about .right-about .right-about-hd{width: 860px;height:21px;padding:27px 0px 17px 500px}

.m-about .right-about .right-about-center{width:860px;background-color: #fff;height:339px;}
.m-about .right-about .right-about-center .video{width: 402;height: 290px;float: left;margin: 20px;}
.m-about .right-about .right-about-center img{float: left;}

.m-about .right-about .right-about-center p{line-height: 28px;font-size: 16px;padding:20px;}

.m-about .right-about .right-about-center p a{color: #ff9000}



/*m-case*/

.m-case{width:1200px;height:282px;background-color: #f2f2f2;margin: 0 auto;overflow: hidden;}

.m-case .m-case-hd{width: 1170px;height: 30px;margin:10px 15px;background: url(../Images/case-hd.jpg)no-repeat top center;}

.m-case .m-case-hd a{display: block;width: 50px;height: 22px;margin-left: 1120px}

.m-case .m-case-center{width: 1170px;height:209px;margin: 0 15px;}

.m-case .m-case-center ul{width: 100%}

.m-case .m-case-center ul li{margin: 8px;line-height: 40px;float: left;text-align: center;}

.m-case .m-case-center ul li a img{width:207px;height: 167px;}



.picScroll-left{ width:1170px;  overflow:hidden; position:relative;}

.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;

 cursor:pointer; background:url("../images/arrow.png") no-repeat;}

.picScroll-left .hd .next{ background-position:0 -50px;  }

.picScroll-left .hd .prevStop{ background-position:-60px 0; }

.picScroll-left .hd .nextStop{ background-position:-60px -50px; }

.picScroll-left .bd{ padding:10px;   }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{ margin:8px; float:left; _display:inline; overflow:hidden; text-align:center;line-height: 40px;}

.picScroll-left .bd ul li .pic{ text-align:center; }

.picScroll-left .bd ul li .pic img{ width:207px; height:167px; display:block;margin:0 6px}

.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

.picScroll-left .bd ul li .title{ line-height:40px;}





















/*foot*/

.last-nav{width: 100%;height:60px;background-color: #1945a4; margin-top: 20px;}

.last-nav .nav-center{width:1188px;height: 60px;margin: 0 auto}

.last-nav ul{}

.last-nav li{float: left;line-height: 60px;text-align: center;}

.last-nav li a{display: block;width:132px; color: #fff; font-size: 16px;}

.last-nav li a:hover{background-color: #ff9c00;}



/*foot*/

.foot{width: 100%;background-color: #163c87;}

.foot .m-foot-logo{width:1200px;height: 67px;margin:40px 0 20px 0px; background: url(../Images/foot-logo.png)no-repeat;}

.foot .m-foot-logo a{display: block;;width: 1200px;height: 67px;}

.foot .m-foot-center{width: 100%;height: 240px;overflow: hidden;margin-bottom: 20px;}

.foot .m-foot-center .contact{width: 313px;height:100%px;float: left;}

.foot .m-foot-center .contact span{width:313px;height: 23px;display:block;margin: 10px;color: #fff;text-indent: 26px;font-size: 16px}

.foot .links h1{width:313px;height: 23px;display:block;margin: 10px;color: #fff;text-indent: 26px;font-size: 16px}

.foot .links ul a{width:313px;height: 23px;display:block;margin: 10px;color: #fff;text-indent: 26px;font-size: 16px}

.m-foot-center .contact .phone{background: url(../Images/foot-contact.png)no-repeat left top;}

.m-foot-center .contact .fax{background: url(../Images/foot-contact.png)no-repeat left -34px;}

.m-foot-center .contact .e-mail{background: url(../Images/foot-contact.png)no-repeat left -70px;}

.m-foot-center .contact .e-mail a{color: #fff;}

.m-foot-center .contact .e-mail a:hover{color: #ffe400;}

.m-foot-center .contact .address{background: url(../Images/foot-contact.png)no-repeat left -107px;}



.foot .m-foot-center .weixin{float: left;width:142px; }
.foot .m-foot-center .weixin img{width: 142px;height: 142px;}

.foot .m-foot-center .m-footer-liuyan{float: right;width: 690px;margin-top:-50px;}

.foot .m-foot-center .m-footer-liuyan span{text-align: right;color: #fff;font-size: 18px;line-height: 50px;margin-right: 5px}

.foot .m-foot-center .m-footer-liuyan a{ color: #fff; float: right;font-size: 18px;padding-right: 20px;}

.m-footer-liuyan .input1{width: 209px;float: left;height: 38px;background: #fff;color: #444;line-height: 38px; margin:0 4px;border: none;padding-left: 13px;}

.m-footer-liuyan .input2{width: 669px;height: 90px;background: #fff;color: #444;padding: 13px 0 0 13px;border: none;margin: 10px 0 5px 5px;}

.m-footer-liuyan label{width: 60px;float: left;margin-top: 5px;line-height: 30px;color: #fff;}



.foot .banquan{width: 100%;height:49px;background-color: #0b2966;line-height: 40px; color:#6487d0;text-align: center;}



/*about*/

#main_right{ width:920px; height:auto; overflow:hidden; float: right;min-height: 50}

#title_zy{ height: 45px; line-height: 45px; border: 2px solid #1a5eb2;margin-bottom: 20px;}

#title_zy .title_zy_left{ background: #1a5eb2; color: #fff; font-size: 16px; padding: 0 30px;float: left;}

#title_zy .title_zy_right{ padding-right: 20px; width: 500px; text-align: right;float: right;}



/** zy **/ 

.content{ padding: 20px 0 0; line-height: 2.0;}

.content p{color: #81b6f6;}

#content_zy{ line-height: 28px; height: auto; overflow: hidden;}



/*products*/

#main_pro{width:100%;}

#main_pro .picList1{ width: 884px;margin: 10px 18px;}

#main_pro .picList1{height: 630px}

#main_pro .picList1ul{ }

#main_pro .picList1ul li{width: 100%; height: 210px;}

#main_pro .picList1ul li a{ width: 208px; height: 210px; display: block;margin:10px 6px;float: left; text-align: center; line-height: 180%; color: #666; font-size: 16px; line-height: 35px;}

#main_pro .picList1 li a span{width: 100%;line-height: 35px;text-align: center;float: left; font-weight: none;}

#main_pro .picList1 ul li a img{ max-width: 208px; height: 169px; }

#main_pro .picList1 ul li a:hover h6{color:#1945a4}





.pro{overflow: hidden;}

.pro li{float:left;overflow:hidden;margin:6px 10px;width:208px;text-align:center;white-space:nowrap;*margin:0px 12px;}

.pro span{padding-left:15px;background-position:0 -114px;}

.pro img{width:208px;height:169px;}

.pro a{*color:#444;}

.pro a:hover{color:#1945a4;}



.page{margin:10px 20px 15px 0;overflow: hidden;text-align: right;}

.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}

.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}

.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}







#por_left{width:400px; height:auto; margin-right:20px; float:left; text-align: center;}



#p-box{ width: 400px; float: left; height: 380px; }

.smallImg{position:relative; height:56px; margin-top:10px; width: 100%; overflow:hidden;float:left;}

.scrollbutton{width:12px; height:56px; overflow:hidden; position:relative; float:left; cursor:pointer; }

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../Image/menu-left.jpg) no-repeat;}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../Image/menu-right.jpg) no-repeat;}

#imageMenu {height:56px; width:373px; overflow:hidden; margin-left:2px; float:left;}

#imageMenu li {height:56px; width:93px; text-align: center; overflow:hidden; float:left;}

#imageMenu li img{width:80px; height:54px; border: 1px solid #dedede; cursor:pointer; }

#imageMenu li img:hover{border: 1px solid #004a9f;}

.bigImg{position:relative; float:left; width:390px; height:290px;  overflow:hidden;text-align: center;border:solid 1px #eeeeee;line-height: 290px;padding:2px;box-shadow: 3px 3px 0px #ececec;  }

.bigImg #midimg{max-width:390px; max-height:290px; vertical-align:middle;margin-top: -3px;}

.bigImg #winSelector{width:100px; height:80px;}

#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;width: 400px!important;height: 300px!important;}

#bigView img{position:absolute;/*width: 800px!important;height: 600px!important;*/}



#por_right{float:right; line-height:2.0; width: 489px; height:auto; overflow:hidden;}

#cpms{ border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 20px 0; margin-bottom: 20px;}

#cpms span{ color: #cc0000;}

.dg1{ width: 155px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #0c46a6; float: left; transition:all 0.3s linear 0s;}

.dg2{ width: 155px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #ffa200; float: left; margin-left: 20px; transition:all 0.3s linear 0s;}

.dg2 a{ color: #fff;}

.dg1 a{ color: #fff;}

.dg1:hover{ background: #d80000;}

.dg2:hover{ background: #d80000;}



.info_nr{ width: 450px;}

.rel_center{ text-align:center; left:50%;}

.pro_name{display:block;color:#141414;text-align:left; font-weight: bold; font-size:30px; margin-bottom: 10px;}

.info_title{ margin:20px 0 0 0; width:100%;height:40px; background: #ebebeb; margin-bottom:10px;}

.info-content{float: left;margin: 20px;width: 96%;}

.info_title b{display:inline-block;padding-left:10px;height:100%;background:#2765be;color:#fff;line-height:40px; font-weight: normal; font-size: 16px; padding: 0 30px;}

.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}





.news{margin-left:17px;}

.news li{width:890px;height:50px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:50px;}

.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}

.news li:hover{background-color:#f6f6f6;}

.news a:hover{color:#1945a4;}

/****************news*****************/

.news_title{color:#444;text-align:center;line-height:40px;font-size: 20px}

.meta{color:#999;text-align:center;line-height:28px;}



#allmap p {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 12px;

    max-width: 560px;line-height: 28px;}



/*上一页_下一页*/

#prev_next{margin: 20px 20px;clear: both;overflow: hidden;border-top:1px solid #f0f0f0;}

#prev_next li{margin: 5px 0;}

/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}

.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}

.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}

.map li{float:left;margin:0 5px;}*/

/*2017-7-17 update */



.meta img{

    max-width: 300px !important;

    border: 1px #dcdcdc solid;  }  





 /* message styles */

.message{margin-left: 20px;}

.message ul{

  overflow: hidden;

}

.message li{

  float: left;

  margin:10px;

}

.message input {

  position: relative;

  display: block;

  float: right;

  padding:1.2em 0.8em;

  width: 550px;

  border: solid 1px #cccccc;

  border-radius: 0;

  background: #fff;

  color: #0075c5;

  font-weight: bold;

}

.message textarea {

  position: relative;

  display: block;

  float: right;

  padding:1.2em 0.8em;

  width: 842px;

  border: solid 1px #cccccc;

  border-radius: 0;

  background: #fff;

  color: #0075c5;

  font-weight: bold;

  resize:none;

}

.message textarea:focus {

  outline: none;

}

.message input:focus {

  outline: none;

}

.message #submit{

  width: 120px;

    height: 51px;

    color: #fff;

    background: #1a5eb2;

    -webkit-transition: background 0.3s;

  transition: background 0.3s;

}

.message #submit:hover{

  background: #ffa200;

}

/*order*/
.order{margin-left: 30px;}
.order tr{display:block;margin: 10px 0;}
.order input{height: 40px;}
.order .#pro_name{width: 180px;height: 40px;}
.order .#captcha{width: 180px;height: 40px;}
.order .#submit{width:80px;height: 40px}
.order .#captcha{width: 180px;height: 40px}