@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
select{outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
textarea{overflow:auto;resize:none;font-family:"思源黑体","Microsoft YaHei",Arial;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
/* CSS Document */
html,body{font-size:16px;}
body{padding:0; font-family:"Microsoft YaHei",Arial; background: url(../images/bg.jpg) repeat-x scroll 0px 0px #f4f4f4;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1002{width:1002px;}
img{max-width:100%; max-height:100%;}
/* top_bg */
.top_bg{ height: 155px; }
.top_bg .t{ height: 102px; position: relative;}
.top_bg .t a.logo{ display: block; float: left; height: 102px;display:flex;align-items:center; }
.top_bg .t img.dh{ position: absolute; bottom: 0px; right: 0px; }

.top_bg ul.lm{ width: 100%; height: 40px; position: relative; z-index: 8; margin-top: 5px; }
.top_bg ul.lm li{ float: left;  width: 125px; position: relative;}
.top_bg ul.lm li dd{ height: 40px; line-height: 40px; font-weight: 700;}
.top_bg ul.lm li dd a{ display: block;  color: #ffffff;  text-align: center;}
.top_bg ul.lm li dl{ position: absolute; top: 40px;background-color: #2266aa;border: 1px solid #6796c4; left: 0px; right: 0px; display: none;}
.top_bg ul.lm li:hover dl{ display: block; }
.top_bg ul.lm li dl a{ display: block; text-align: center; font-size: 12px; color: #ffffff; line-height: 28px; border-bottom:  1px solid #6796c4; }
.top_bg ul.lm li dl a:hover{ background-color: #477fb9; }

/* banner */
.flexslider{ position:relative; overflow:hidden;}
.flexslider .slides{ overflow:hidden;height:306px;}
.flexslider .slides li{ /*height:400px;*/height:306px; overflow:hidden; width: 1002px;}
/*.flexslider .slides li img{ width: 100%; }*/

.flexslider .flex-control-nav{ position:absolute; bottom:0.75rem; width:100%; text-align:center;}
.flexslider .flex-control-nav li{ margin:0px 5px; display:inline-block;width:8px;height:8px; cursor: pointer;position: relative;overflow: hidden;}
.flexslider .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,.42);}
.flexslider .flex-control-nav li a:hover,.flexslider .flex-control-nav li a.flex-active{ background-color:rgba(255,255,255,1);}
.flexslider .flex-direction-nav{ display: none; }

/*i_con*/
.i_con div.t{ margin-top: 20px; }
.i_con div.t ul.l{ float: left; margin-right: 3px;}
.i_con div.t ul.r{ float: right; }
.i_con div.t ul{ overflow: hidden; width: 248px; height: 285px;}
.i_con div.t ul li{ overflow: hidden; }
.i_con div.t ul li.t{ height: 34px; background-color: #5494de; position: relative; line-height: 34px; padding-left: 15px; font-size: 18px; color: #ffffff; font-weight: bold; margin-bottom: 10px;}
.i_con div.t ul li.t a{ position: absolute; background:url(../images/more.jpg) no-repeat; width: 14px; height: 11px; right: 5px; top: 50%; margin-top:-5.5px; }
.i_con div.t ul li.c{ height: 24px; }
.i_con div.t ul li.c a{ display: block;  height: 24px; line-height: 24px; font-size: 12px; color: #505050; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; padding-left: 15px;background:url(../images/d.gif) no-repeat scroll left center;}
.i_con div.t ul li.c a:hover{ color: #e10000;}

.i_con div.c{ margin:20px 0px; }
.i_con div.c div.l{ float: left; width: 428px; height: 165px; margin-right: 18px;}
.i_con div.c div.l dd{ height: 34px; background-color: #5494de; line-height: 34px; padding-left: 15px; font-size: 18px; color: #ffffff; font-weight: bold; margin-bottom: 10px;}
.i_con div.c div.l dl{ font-size: 12px; color: #505050;}

.i_con div.c ul.l{ float: left;  width: 328px; height: 165px; margin-right: 18px;}
.i_con div.c ul.l li{ overflow: hidden; }
.i_con div.c ul.l li.t{ height: 34px; background-color: #5494de; position: relative; line-height: 34px; padding-left: 15px; font-size: 18px; color: #ffffff; font-weight: bold; margin-bottom: 10px;}
.i_con div.c ul.l li.c{ height: 24px; }
.i_con div.c ul.l li.c a{ display: block;  height: 24px; line-height: 24px; font-size: 12px; color: #505050; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; padding-left: 15px;background:url(../images/d.gif) no-repeat scroll left center;}
.i_con div.c ul.l li.c a:hover{ color: #e10000;}

.i_con div.c div.r{ float: right; width: 209px; }
.i_con div.c div.r a{ display: block; width: 100%; height: 68px;}

.i_con div.f{ margin-bottom:20px; }
.i_con div.f div.tit{ height: 34px; background-color: #5494de; position: relative; line-height: 34px; padding-left: 15px; font-size: 18px; color: #ffffff; font-weight: bold; margin-bottom: 10px;}

.device{ overflow:hidden; position: relative;}
.device .scroll,.device .scroll ul,.device .scroll ul li{ height:150px;}
.device .scroll{ position:relative; width:94%; margin:0px auto; overflow: hidden;}
.device .scroll ul{ position:absolute;}
.device .scroll ul li{ width:135px;  margin-right:10px; float:left;}
.device .scroll ul li a{ display: block; }
.device .scroll ul li a ol{ height: 110px;  margin-bottom:10px;}
.device .scroll ul li a dd{ height: 30px; line-height: 30px; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; font-size: 12px; color: #505050;}
.device .scroll ul li a:hover dd{ color: #e10000;}

.device a.qh{ position:absolute; z-index:8; width: 20px; height: 20px; background-image: url(../images/roll.jpg); background-repeat: no-repeat; top:50%; margin-top: -10px;}
.device a.qh.pre{ left:0px; background-position: 0px 0px;}
.device a.qh.next{ right:0px; background-position: -20px 0px;}

/*foot_bg*/
.foot_bg{ padding: 15px 0px; background-color: #2d63a5; width: 100%; min-width: 1002px;}
.foot_bg dl{ overflow: hidden; font-size: 12px; color: #ffffff; text-align: center;}
.foot_bg dl a{ color: #ffffff; margin:0px 5px;}
.foot_bg dl.c{ margin:5px 0px; }

/*page_con*/
.page_con{ padding:15px 0px; min-height: 80vh;}
.page_con div.fl{ width: 210px; }
.page_con div.fl dd{ background-color: #5494de; height: 34px; line-height: 34px; color: #ffffff; font-size: 18px; font-weight:bold; padding-left: 15px; }
.page_con div.fl dl{ overflow: hidden; padding-top:18px; padding-left:25px;}
.page_con div.fl dl a{ display: block; color: #464646; line-height: 32px;}
.page_con div.fl dl a:hover{ color: #e10000; }

.page_con div.fr{ width: 780px; }
.page_con div.fr .tit{ background-color: #5494de; height: 34px; line-height: 34px; color: #ffffff; font-size: 18px; font-weight:bold; padding-left: 15px;  font-size: 14px;}
.page_con div.fr .tit a{ color: #ffffff; }
.page_con div.fr .con{ overflow: hidden; line-height: 32px; color: #333333; width: 100%; margin-top: 10px;}

/*photo*/
.photo{ overflow: hidden; margin:10px 0px; width: 105%; }
.photo li{ float: left; width: 140px; margin-right: 20px; margin-bottom:10px; height: 150px;}
.photo li a{ display: block; }
.photo li a ol{ height: 120px; border:1px solid #dddddd; position: relative;}
.photo li a ol img{ position: absolute; left: 1px; top: 1px; bottom: 1px; right:1px; max-height: 116px; max-width: 136px; margin:auto; }
.photo li a dd{ text-align: center; overflow: hidden; word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; font-size: 12px; color: #000000; height: 28px; line-height: 28px;}
.photo li a:hover dd{ color: #e10000;}

/*photo_show*/
.photo_show{overflow: hidden; margin:10px 0px;}
.photo_show div{ overflow: hidden; }
.photo_show div.t{ margin-bottom:10px; }
.photo_show div.t div.l{ float: left; border:1px solid #dddddd; background-color: #ffffff; position: relative; padding: 5px; height: 300px; width: 360px; display:flex;align-items:center; }
.photo_show div.t div.r{ float: right;  width: 390px; height: 310px;}
.photo_show div.t div.r dd{ line-height: 28px; font-size: 14px; font-weight: bold;}
.photo_show div.t div.r dl{ font-size: 12px; line-height: 20px; margin-top: 10px; }
.photo_show div.f{ font-size: 14px; color: #333333; }

/*news*/
.news{ overflow: hidden; margin:10px 0px;}
.news li{ overflow: hidden; background:url(../images/li.jpg) no-repeat; height: 32px;}
.news li a{ display: block;  padding-left: 20px; line-height: 30px; height: 32px; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; font-size: 12px; color: #333333;}
.news li a:hover{ color: #e10000;}

/*news_show*/
.news_show{ overflow: hidden; margin:10px 0px;}
.news_show li{ overflow: hidden; }
.news_show li.t{ font-size: 22px;font-weight: bold;line-height: 50px;text-align: center;}
.news_show li.c{ margin:10px 0px;  background-color:#ffffff; border:1px solid #dddddd; padding: 15px; font-size: 12px; line-height: 18px;}
.news_show li.c i{ color: #ff6600; }
.news_show li.f{ font-size: 14px; color: #333333;}


/*fenye*/
.fenye{ margin-bottom: 20px; line-height: 40px; text-align: right; color: #505050; position: relative;}
.fenye i{ position: absolute; left: 0px; }
.fenye a{ color: #505050;}
.fenye a,.fenye span{ margin-left: 10px; background-color: #dcd9d4; padding:3px 8px;}
.fenye span,.fenye a:hover{ background-color:#ff0000; color: #ffffff;}

/*myform*/
#myform{min-height: 50vh; margin: 20px 0px; display: block;}
#myform .form-group{ margin-bottom: 20px; position: relative; padding-left: 90px; }
#myform .form-group label{ position: absolute; width: 65px; left: 5px;  color: #505050; line-height: 25px;}
#myform .form-group label span{ position: absolute; right: 0px; margin-right: -465px; color: #ff0000; }
#myform .form-group div.col-md-10{ width: 410px; padding-right: 30px;}
#myform .form-group div.col-md-10 input{ border: 1px solid #dddddd; height: 23px; line-height: 23px; background-color: #fbfbfb; outline:none; width: 94% !important; padding: 0px 3%; }
#myform .form-group div.col-md-10 textarea{ border: 1px solid #dddddd; line-height: 23px; background-color: #fbfbfb; outline:none; width: 94% !important; padding: 10px 3%;  font-family:"Microsoft YaHei",Arial;}
#myform .btn{ margin-left: 90px;  border: 1px solid #dddddd; height: 23px; line-height: 23px; background-color: #fbfbfb; outline:none; padding: 0px 5px;}
#myform .form-group div.col-md-10 label{ position: relative;left: 0px;}
#myform .form-group div.col-md-10 label select{ display: block;border: 1px solid #dddddd; height: 25px;line-height: 25px; background-color: #fbfbfb; outline:none; width: 100% !important;  padding:0px 3%;}