body {  font-family: Arial,"Microsoft YaHei"; font-weight: 400; line-height: 1.6; color: #333; font-size: 1.6rem;}
ul { list-style: none; padding: 0; margin: 0;}
.fl { float: left !important;}
.fr { float: right !important;}
input,select,button {outline:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}

input[type="number"]{-moz-appearance:textfield;}
/*--header--*/
.header {border-top: 5px solid #11518f;}

.logo { float: left; margin: 10px 0;}
.logo img { margin-top: 10px;  max-width: 100%; height: 40px;}

.nav { float: right; overflow: hidden;}
.nav>li { float: left; padding: 0 17px;}
.nav>li a { color:#656565; font-size: 14px; line-height: 80px; text-align: center;}
.nav>li:hover a,.nav li.dq a { color: #e42124;}
.nav>li:last-child { padding: 0;}

/*mobile nav*/
.mob-nav { display:none; position: fixed;right:-275px;top:0;background: #fff;width: 275px;z-index:999;border-top: 5px solid #11518f;}
.navbar { display: none; cursor: pointer;}
/*search*/
.search { cursor:pointer; margin-top: 22px; width: 20px; height: 34px; padding: 6px 20px; font-size: 14px; line-height: 34px; color: #555; border-radius: 20px; resize:none; border: 1px solid #fff; background: url("../images/search-icon.jpg") no-repeat 10px center; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.search:focus { padding-left: 40px; width: 180px; border: 1px solid #ddd; color: #999; }
/*--footer--*/
.footer { background: #303034; padding: 20px 0 0; margin-top: 50px; width: 100%;  font-weight: 300; text-align: center; color: #606066; font-size: 12px;}

.ft-nav a { padding:0  14px;line-height: 40px; }
.footer a {color: #606066; }
.footer a:hover {color: #40a7ed; }
.footer .tel {font-size: 18px;background: url(../images/i1.png) no-repeat 25px 0;padding:0 20px 0 59px;color: #f0f0f0;border: 1px solid #777;line-height: 38px;display: table;margin:15px auto 42px;}
.copyright { line-height: 20px;}
.footer .top {position:fixed; bottom:10px; right:10px; width:50px; height:50px; background:#000; color:#fff; text-align:center; line-height:50px; font-size:45px; opacity: 0.6; border-radius: 4px;}
.footer .top:hover { opacity: 1;}

/*banner*/
.banner .am-direction-nav {display: none;}
.am-slider-default {margin: 0;}
.am-slider-default .am-control-nav { bottom: 22px;}
.am-slider-default .am-control-nav li a { width: 10px; height: 10px; border-radius: 50%;background: #eee; border: 2px solid #eee;box-shadow: none;}
.am-slider-default .am-control-nav li a.am-active,.am-slider-default .am-control-nav li a:hover { background: transparent; border: 2px solid #fff;}
.s-banner { display: none;}
/*index*/
.main-list { margin: 0 -10px;}
.main-list li { margin: 30px 0; padding: 0 10px;}
.main-list li a { display: block; height: 100px; padding-left: 120px; padding-top: 26px; border-radius: 6px; color: #fff;}
.main-list li h2 { margin: 0; font-size: 16px; font-weight: normal;}
.main-list li p { margin: 0; font-size: 16px;}
.main-list li.ico1 a { background: url(../images/main-1.png) no-repeat 35px center #1d4286;}
.main-list li.ico2 a { background: url(../images/main-2.png) no-repeat 35px center #3598db;}
.main-list li.ico3 a { background: url(../images/main-3.png) no-repeat 35px center #86bf36;}

.i-tittle { position: relative; display: table; margin: 40px auto; overflow: hidden;}
.i-tittle h2 { margin: 0; color: #1d4286; font-size: 23px; font-weight: normal;}
.i-tittle h2 em { padding-left: 5px; color: #a2a2a2; font-size: 18px; font-style: normal; text-transform: uppercase;}

.i-about .i-tittle:after { position: absolute; bottom: -10px; left: 50%; margin-left: -20px; content: ""; width: 40px; height: 3px; background: #e42124;}
.i-about p { padding: 0 30px; color: #747474; font-size: 14px; line-height: 24px; text-align: center;}
.i-about a {display: block; width: 142px; height: 34px; margin: 0 auto; background: url(../images/icon-2.jpg) no-repeat; background-position: 0 -43px; border: 1px solid #d7d7d7; border-radius: 30px; color: #1d4286; font-size: 12px; line-height: 34px; text-align: center; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.i-about a:hover { background-position: 0 0; color: #fff;}

.bg-gray { margin: 68px 0 50px; padding-bottom: 35px; background: #f0f0f0;}
.i-pro-list li { margin-bottom: 15px;}
.i-pro-list li a { display: block; margin: 0 8px; color: #959494; font-size: 14px; line-height: 22px; text-align: center;}
.i-pro-list li a .img { position: relative; margin-bottom: 5px; border-radius: 4px; overflow: hidden;}
.i-pro-list li a img { width: 100%;}
.i-pro-list .i-pro-tc { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17,81,143,0.9);}
.i-pro-list .i-pro-tc em { position: absolute; top: -50px; left: 50%; margin: -21px 0 0 -21px; width: 42px; height: 42px; background: url(../images/icon-1.png) no-repeat;}

.i-news li { overflow: hidden; margin-bottom: 25px;}
.i-news .date { float: left; padding: 10px 5px 8px; border: 1px solid #a2a2a2;}
.i-news .date h2 { margin: 0; color: #424242; font-size: 26px; line-height: 26px; text-align: center;}
.i-news .date p { margin: 0; color: #a1a1a1; font-size: 12px; text-align: center;}
.i-news .text {float: left; width: 77%; padding-top: 3px; padding-left: 10px;}
.i-news .text h2 { margin: 0; color: #424242; font-size: 12px;}
.i-news .text p { margin: 0; color: #747474; font-size: 12px; line-height: 20px;}
.i-news li:hover h2 { color: #40a7ed;}
.i-contact ul { padding-top: 25px;}
.i-contact li { padding-left: 25px; background: url(../images/add.png) no-repeat 0px 4px; line-height: 26px; color: #6c6c6c; font-size: 12px;}
.i-contact img { max-width: 100%;}
.i-contact .l2 {background-position:0 -63px;}
.i-contact .l3 {background-position:0 -182px;}
.i-contact li a { color: #6c6c6c;}
.i-form .am-btn { width: 120px; height: 36px; background: #3598db; font-size: 14px; border-radius: 6px; color: #fff;}
.i-form .am-btn:hover {opacity:0.6;}
.i-form .form-group { margin-bottom: 16px;}
.i-form .form-group input { display: block; width: 100%; height: 34px; padding: 0 12px; font-size: 14px; line-height: normal; line-height: 34px\9; color: #555; background-color: #eee; breadcrumbs-image: none; border: 1px solid #eee; border-radius: 20px; resize:none;}
.i-form .form-group textarea { display: block; width: 100%; height: 100px; padding: 6px 12px; font-size: 14px; line-height: 20px; color: #555; background-color: #eee; background-image: none; border: 1px solid #eee; border-radius: 20px; resize:none;}

/*breadcrumbs*/
.breadcrumbs { padding: 5px 0;background-color:#f4f4f4;}
.breadcrumb { float: right; margin-bottom: 0; background: none; font-size: 12px; color: #b9b9b9;}
.breadcrumb a { color: #b9b9b9;}
.breadcrumb span { color: #475268;}
.breadcrumb .active,.breadcrumb a:hover {color: #40a7ed;}
.bitittle h1 { margin: 20px 0 55px; clear: right; position: relative; font-size: 24px; font-weight: normal; color: #3b3b3c;}
.bitittle h1 span { margin-left: 10px; color: #3b3b3c; font-size: 14px; text-transform: uppercase;}
.bitittle h1:after {content: ""; position: absolute; top: 50px; left: 0; background: #e42124; width: 60px; height: 1px;}

/*menu*/
.menu { margin: -15px 0 40px 0; padding: 0 0 10px 0; overflow: hidden; border-bottom: 2px solid #dfdfdf;}
.menu li { float: left; margin: 0 10px 10px 0; padding: 0.05rem 2.5rem; border: 1px solid #fff; list-style: none;}
.menu li a { color: #535252; font-size: 12px;}
.menu li.dq,.menu li:hover { border: 1px solid #ff0000;}
/*about us*/
.custom-text img { display: table; max-width: 100%; height: auto; margin: 0 auto;}
/*contact*/
.contant .contact-icon {margin-left:-16px;}
.map img { width:100%; margin-bottom: 20px; height: auto;}
.map li { margin: 10px 0; color: #707070; font-size: 16px; line-height: 24px;}
.map li a {color: #707070;}
.map li i { width: 50px; color: #e42124; text-align: center;}
.map li:first-child i,.map li:last-child i { font-size: 24px;}
.contact-form .am-btn:hover {opacity:0.6;}
.contact-form .form-group { margin-bottom: 16px;}
.contact-form .form-group label { margin-left: 12px; color: #2b2b2b; font-size: 12px; font-weight: normal;}
.contact-form .form-group input { display: block; width: 100%; height: 34px; padding: 0 12px; font-size: 14px; line-height: normal; line-height: 34px\9;
 color: #555; background-color: #eee; background-image: none; border: 1px solid #eee; border-radius: 20px; resize:none;}
.contact-form .form-group textarea { display: block; width: 100%; height: 200px; padding: 6px 12px; font-size: 14px; line-height: 20px; color: #555; background-color: #eee; background-image: none; border: 1px solid #eee; border-radius: 20px; resize:none;}
.contact-form .am-btn { width: 120px; height: 36px; background: #3598db; font-size: 14px; border-radius: 6px; color: #fff;}

/*news*/
.news-item { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #dadce1; overflow: hidden;}
.news-img img { width: 100%; border-radius: 4px; -webkit-border-radius: 4px;}
.news-text h1 { margin: 5px 0 10px 0; overflow: hidden;}
.news-text h1 a:hover { text-decoration: underline;}
.news-text h1 a { display: block; float: left; font-size:16px; line-height: 22px; color: #40a7ed; font-weight: normal; font-family: 'Microsoft yahei', sans-serif;}
.news-text h1 em { display: block; float: right; font-style: normal; color: #666666; font-size: 12px;}
.news-text p { color: #999; font-size: 12px;}
.news-text .more { padding: 1px 8px; background: #7e7e7e; border-radius: 4px; font-size: 12px; color: #fff;}
.news-text .more:hover {opacity:0.6;}
/*news-detail*/
.news-detail-tittle { padding: 0 10px 20px;}
.news-detail-tittle h1 { margin: 0; font-size:22px; line-height: 30px; color: #40a7ed; font-weight: normal; text-align: center;}
.news-detail-tittle h2 { display: table; margin: 0 auto; font-weight: normal;}
.news-detail-tittle h2 span { width: 50%; margin: 0 15px; font-size: 16px;}
.news-page { margin-top: 40px; padding-top: 20px; border-top: 1px solid #d7d7d7;}
.news-page a { display: block; color: #333; font-size: 12px; line-height: 30px;}
.news-page a:hover { color: #40a7ed;}
/*page*/
.page {display: table; margin: 0 auto; clear:both;}
.page li { float: left; margin: 0 4px;}
.page .gray {color:gray;}
.page li.prev { margin-right: 15px;}
.page li.next { margin-left: 15px;}
.page a { display: block; padding: 5px 12px; line-height: 1.42857; color: #b9b9b9; background-color: #fff;border: 1px solid #ddd;}
.page a:hover,.page li.active a { color: #40a7ed; border: 1px solid #40a7ed;}

/*product*/
.product { overflow: hidden; position: relative; cursor: default; background: #fff;}
.product li { margin-bottom: 40px; padding: 0 6px;}
.product h2 { margin:0; padding:14px 5px 0px; color: #959494; font-size: 14px; font-weight: normal; text-align: center;}
.product img { display: block; position: relative;}
.product li:hover h2 { color: #40a7ed;}
/*image hove*/
.view-tenth { overflow: hidden; position: relative;}
.view-tenth img { border-radius: 1px; overflow: hidden; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.view-tenth:hover img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);}

/*hr*/
.hr { border: 1px solid #e0e0e0;}
.hr thead th { height: 45px; color: #7c7c7c; font-size: 12px; font-weight: normal; text-align: center; vertical-align: middle !important;}
.hr td {padding: 0 0.7rem !important; height: 45px; color: #7c7c7c; font-size: 12px; text-align: center; vertical-align: middle !important;}
.hr td a.more { display: block; margin: 0 auto; padding-left: 26px; width: 75px; height: 45px; background: url(../images/icon-3.png) no-repeat left center; color: #7c7c7c; line-height: 45px;}
.hr td:hover a.more { background: url(../images/icon-3-on.png) no-repeat left center; color: #40a7ed;}

/*ÐÂÔö£¬È¥³ýÎı¾¿ò±ß¿ò*/
.form-group input,textarea,button {background:no-repeat 0 0 scroll #eeeeee;border:none;outline:medium;}


.fixed {position: fixed; right: 6px; top: 50%; height: 182px; z-index: 2; margin-top: -91px;}
.fixed2 {right: auto; left: 6px;}
.fixed .imgWrap{position: relative;background: url(../images/icon_00.png) no-repeat; background-position: left top; width: 36px; height: 37px;}
.fixed .imgWrap:hover{background-position: left bottom;}
.fixed .imgWrap img {position: absolute; right: -120px;}
.fixed2 .imgWrap img {/*left: -120px;*/ right: auto;}
.fixed1 .imgWrap:hover img {right: 42px; transition: .5s ease-in-out; }
/*.fixed2 .imgWrap:hover img {left: 42px;}*/